WEB-35 Make htmlhint pass with no warnings (#2311)

src/app/system/manage-surveys/view-survey/view-survey.component.html

@@ -56,11 +56,11 @@
       <mat-divider [inset]="true"></mat-divider>
     </mat-card-header>
     <mat-card-content>
-      <div class="survey_questions" *ngFor="let questionData of surveyData.questionDatas; index as i">
+      <div class="survey-questions" *ngFor="let questionData of surveyData.questionDatas; index as i">
         <mat-card>
           <mat-card-content>
             <div>{{ 'labels.heading.Question' | translate }}: {{ i + 1 }}</div>
-            <div fxLayout="row" id="key_text">
+            <div fxLayout="row" id="key-text">
               <div fxFlex="25%" fxFlex.lt-md="50%" class="header">
                 <b>{{ 'labels.inputs.Key' | translate }}:</b>
               </div>

src/app/system/manage-surveys/view-survey/view-survey.component.scss

@@ -2,11 +2,11 @@
   margin: 5px;
 }
 
-.survey_questions {
+.survey-questions {
   margin-bottom: 10px;
 }
 
-#key_text {
+#key-text {
   margin: 10px;
 }
 

src/app/system/roles-and-permissions/view-role/view-role.component.html

@@ -69,7 +69,7 @@
 <div class="mat-elevation-z8 container">
   <mat-card>
     <ng-container>
-      <div fxLayout="row" class="permissionSelected">
+      <div fxLayout="row" class="permission-selected">
         <div fxFlex="75">
           <h3>
             {{ 'labels.buttons.Permissions' | translate }}: <strong>{{ formatName(previousGrouping) }}</strong>
@@ -83,7 +83,7 @@
           fxLayoutAlign="end"
           fxLayoutGap="5px"
           *ngIf="!isDisabled"
-          class="selectDeselect"
+          class="select-deselect"
         >
           <button mat-raised-button color="primary" (click)="selectAll()">
             {{ 'labels.buttons.Select All' | translate }}
@@ -102,7 +102,7 @@
               *ngFor="let grouping of groupings"
               (click)="showPermissions(grouping)"
             >
-              <span class="groupingName">
+              <span class="grouping-name">
                 {{ formatName(grouping) }}
               </span>
             </mat-list-item>
@@ -111,9 +111,9 @@
 
         <mat-divider [vertical]="true"></mat-divider>
 
-        <div fxFlex="70" fxLayout="column" class="listPermission">
+        <div fxFlex="70" fxLayout="column" class="list-permission">
           <form [formGroup]="formGroup" (submit)="submit()">
-            <div *ngFor="let permission of permissions.permissions" class="displayPermissions">
+            <div *ngFor="let permission of permissions.permissions" class="display-permissions">
               <div formArrayName="roster">
                 <div [formGroupName]="permission.id">
                   <mat-checkbox name="cp" id="{{ permission.code }}" formControlName="selected">

src/app/system/roles-and-permissions/view-role/view-role.component.scss

@@ -1,4 +1,4 @@
-.displayPermissions {
+.display-permissions {
   padding-top: 15px;
 }
 
@@ -18,15 +18,15 @@ mat-list-item {
   background-color: #f2f2f2;
 }
 
-.groupingName {
+.grouping-name {
   padding: 0 10px;
 }
 
-.listPermission {
+.list-permission {
   padding-left: 20px;
 }
 
-.permissionSelected {
+.permission-selected {
   margin-top: 10px;
   height: 40px;
 }