perbaikan master

src/app/content/hemat-app/master/add-edit-master/add-edit-master.component.html

@@ -1,6 +1,6 @@
 <div class="modal-header" style="background-color: #000000 !important">
-  <h4 class="modal-title" style="color: #ffffff">Add New Row</h4>
-  <button type="button" class="close" aria-label="Close">
+  <h4 class="modal-title" style="color: #ffffff">{{labelModal}}</h4>
+  <button type="button" class="close" aria-label="Close" (click)="activeModal.dismiss('Cross click')">
     <span aria-hidden="true">&times;</span>
   </button>
 </div>
@@ -16,13 +16,17 @@
           formControlName="name"
           maxlength="50"
         />
+        <div *ngIf="myForm.get('name').touched && myForm.get('name').invalid" class="text-danger">
+          Name is required.
+        </div>
       </div>
       <div class="form-group col-md-6" *ngIf="category">
-        <label for="status" style="color: #ffffff">Icon:</label>
+        <label for="icon" style="color: #ffffff">Icon:</label>
         <app-select-icon [selectedIcon]="selectedIcon" (iconSelected)="onIconSelected($event)"></app-select-icon>
-        <!-- <input type="hidden" formControlName="icon"> -->
+        <div *ngIf="myForm.get('icon').touched && myForm.get('icon').invalid" class="text-danger">
+          Icon is required.
+        </div>
       </div>
-      
       <div class="form-group col-md-6">
         <label for="status" style="color: #ffffff">Status:</label>
         <select
@@ -34,6 +38,9 @@
             {{ data.name }}
           </option>
         </select>
+        <div *ngIf="myForm.get('status').touched && myForm.get('status').invalid" class="text-danger">
+          Status is required.
+        </div>
       </div>
     </div>
   </form>
@@ -53,6 +60,6 @@
     class="btn btn-primary"
     (click)="addRow()"
   >
-    Save Changes
+    Save
   </button>
 </div>