Merge pull request #102 from tsprasath/certificateMandatoryField

UPHRH-2565: Certified rules and consent check box fields should mark as mandatory
UPHRH-platform · May 26, 2023 · b83a618 · b83a618
2 parents 61e98d1 + bd26654
commit b83a618
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 5 deletions.
diff --git a/...certificate/components/certificate-configuration/certificate-configuration.component.html b/...certificate/components/certificate-configuration/certificate-configuration.component.html
@@ -147,10 +147,12 @@ <h3>{{resourceService?.frmelmnts?.cert?.lbl?.noEditAction}}</h3>
                   </div>
                 </div>
 
-                <div class='ui stackable grid mt-0'>
+                <div class='ui stackable grid mt-0 rules'>
                   <div class="seven wide column">
                     <div class="pt-8 pb-16 font-weight-bold fnormal text-left">
-                      {{resourceService?.frmelmnts?.cert?.lbl?.certRules}}</div>
+                      {{resourceService?.frmelmnts?.cert?.lbl?.certRules}}
+                      <span class="asterik">*</span>
+                    </div>
                     <div class="d-flex flex-dc w-50">
                         <mat-form-field appearance="fill" class="sb-mat__dropdown w-100 mb-16">
                           <mat-label>{{resourceService?.frmelmnts?.cert?.lbl?.issueTo}}</mat-label>
@@ -267,9 +269,9 @@ <h3>{{resourceService?.frmelmnts?.cert?.lbl?.noEditAction}}</h3>
 
                 <div class='ui stackable grid mt-0'>
                   <div class="twelve wide column">
-                    <div class="sb-checkbox sb-checkbox-secondary pt-24">
-                      <input formControlName="allowPermission" value="true" type="checkbox" id="check2" name="selected">
-                      <label for="check2" class="text-left">{{resourceService?.frmelmnts?.cert?.lbl?.verified}}</label>
+                    <div class="sb-checkbox sb-checkbox-secondary pt-24 verified">
+                      <input formControlName="allowPermission" value="true" type="checkbox" id="check2" name="selected" >
+                      <label for="check2" class="text-left" ><span class="asteriks">*</span>{{resourceService?.frmelmnts?.cert?.lbl?.verified}}</label>
                     </div>
                   </div>
                 </div>

diff --git a/...certificate/components/certificate-configuration/certificate-configuration.component.scss b/...certificate/components/certificate-configuration/certificate-configuration.component.scss
@@ -298,6 +298,17 @@
       }
     }
   }
+  .verified{
+    .asteriks {
+      color: var(--red-400);
+    }
+  }
+  .rules{
+    .asterik {
+      color: var(--red-400);
+    }
+  }
+
 }
 
 ::ng-deep {