fix: Add required asterisks for permission form (#19681)

SAP · Dec 3, 2024 · afb32e1 · afb32e1
1 parent 287bc44
commit afb32e1
Showing 1 changed file with 16 additions and 12 deletions.
diff --git a/...ibs/organization/administration/components/permission/form/permission-form.component.html b/...ibs/organization/administration/components/permission/form/permission-form.component.html
@@ -33,9 +33,10 @@
       *ngIf="(types$ | async)?.length"
       [formGroup]="$any(form.get('orderApprovalPermissionType'))"
     >
-      <span class="label-content required">{{
-        'orgPurchaseLimit.orderApprovalPermissionType' | cxTranslate
-      }}</span>
+      <span class="label-content required">
+        {{ 'orgPurchaseLimit.orderApprovalPermissionType' | cxTranslate }}
+        <ng-template [ngTemplateOutlet]="requiredAsterisk"></ng-template>
+      </span>
       <ng-select
         [inputAttrs]="{ required: 'true' }"
         formControlName="code"
@@ -68,9 +69,10 @@
     </label>
 
     <label *ngIf="form.get('periodRange')">
-      <span class="label-content required">{{
-        'orgPurchaseLimit.periodRange' | cxTranslate
-      }}</span>
+      <span class="label-content required">
+        {{ 'orgPurchaseLimit.periodRange' | cxTranslate }}
+        <ng-template [ngTemplateOutlet]="requiredAsterisk"></ng-template>
+      </span>
       <ng-select
         [inputAttrs]="{ required: 'true' }"
         formControlName="periodRange"
@@ -101,9 +103,10 @@
       *ngIf="form.get('currency')"
       [formGroup]="$any(form.get('currency'))"
     >
-      <span class="label-content required">{{
-        'orgPurchaseLimit.currency' | cxTranslate
-      }}</span>
+      <span class="label-content required">
+        {{ 'orgPurchaseLimit.currency' | cxTranslate }}
+        <ng-template [ngTemplateOutlet]="requiredAsterisk"></ng-template>
+      </span>
       <ng-select
         *ngIf="currencies$ | async as currencies"
         [inputAttrs]="{ required: 'true' }"
@@ -133,9 +136,10 @@
     </label>
 
     <label *ngIf="form.get('threshold')">
-      <span class="label-content required">{{
-        'orgPurchaseLimit.threshold' | cxTranslate
-      }}</span>
+      <span class="label-content required">
+        {{ 'orgPurchaseLimit.threshold' | cxTranslate }}
+        <ng-template [ngTemplateOutlet]="requiredAsterisk"></ng-template>
+      </span>
       <input
         class="form-control"
         type="number"