penyesuaian UI list room

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

@@ -1,14 +1,14 @@
-<div class="modal-header">
-  <h4 class="modal-title">Add New Row</h4>
+<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">
     <span aria-hidden="true">&times;</span>
   </button>
 </div>
-<div class="modal-body">
+<div class="modal-body" style="background-color: #000000 !important">
   <form [formGroup]="myForm">
     <div class="form-row">
       <div class="form-group col-md-6">
-        <label for="name">Name:</label>
+        <label for="name" style="color: #ffffff">Name:</label>
         <input
           type="text"
           class="form-control"
@@ -17,7 +17,7 @@
         />
       </div>
       <div class="form-group col-md-6">
-        <label for="status">Status:</label>
+        <label for="status" style="color: #ffffff">Status:</label>
         <select
           id="projectinput5"
           class="form-control"
@@ -31,15 +31,21 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer" style="background-color: #000000 !important">
   <button
     type="button"
     class="btn btn-secondary"
+    style="color: #c3f164 !important; background-color: #000000 !important; border-color: #c3f164 !important;"
     (click)="activeModal.dismiss('Cross click')"
   >
     Close
   </button>
-  <button type="button" class="btn btn-primary" (click)="addRow()">
+  <button
+    type="button"
+    style="color: #000000 !important; background-color: #c3f164 !important"
+    class="btn btn-primary"
+    (click)="addRow()"
+  >
     Save Changes
   </button>
 </div>

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

@@ -1,14 +1,14 @@
-<div class="modal-header">
-  <h4 class="modal-title">Add New Row</h4>
+<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">
     <span aria-hidden="true">&times;</span>
   </button>
 </div>
-<div class="modal-body">
+<div class="modal-body" style="background-color: #000000 !important">
   <form [formGroup]="myForm">
     <div class="form-row">
       <div class="form-group col-md-6">
-        <label for="name">Name Building:</label>
+        <label for="name" style="color: #ffffff">Name Building:</label>
         <input
           type="text"
           class="form-control"
@@ -17,7 +17,7 @@
         />
       </div>
       <div class="form-group col-md-6">
-        <label for="name">Email:</label>
+        <label for="name" style="color: #ffffff">Email:</label>
         <input
           type="text"
           class="form-control"
@@ -26,7 +26,7 @@
         />
       </div>
       <div class="form-group col-md-6">
-        <label for="phone">Phone:</label>
+        <label for="phone" style="color: #ffffff">Phone:</label>
         <input
           type="text"
           class="form-control"
@@ -35,7 +35,7 @@
         />
       </div>
       <div class="form-group col-md-6">
-        <label for="owner">Owner:</label>
+        <label for="owner" style="color: #ffffff">Owner:</label>
         <input
           type="text"
           class="form-control"
@@ -44,7 +44,7 @@
         />
       </div>
       <div class="form-group col-md-6">
-        <label for="address">Address:</label>
+        <label for="address" style="color: #ffffff">Address:</label>
         <input
           type="text"
           class="form-control"
@@ -53,7 +53,7 @@
         />
       </div>
       <div class="form-group col-md-6">
-        <label for="address">KWH:</label>
+        <label for="address" style="color: #ffffff">KWH:</label>
         <input
           type="number"
           class="form-control"
@@ -62,7 +62,7 @@
         />
       </div>
       <div class="form-group col-md-6">
-        <label for="statusId">Status:</label>
+        <label for="statusId" style="color: #ffffff">Status:</label>
         <!-- <select
           id="projectinput5"
           class="form-control"
@@ -85,15 +85,25 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer" style="background-color: #000000 !important">
   <button
     type="button"
     class="btn btn-secondary"
+    style="
+      color: #c3f164 !important;
+      background-color: #000000 !important;
+      border-color: #c3f164 !important;
+    "
     (click)="activeModal.dismiss('Cross click')"
   >
     Close
   </button>
-  <button type="button" class="btn btn-primary" (click)="addRow()">
+  <button
+    type="button"
+    style="color: #000000 !important; background-color: #c3f164 !important"
+    class="btn btn-primary"
+    (click)="addRow()"
+  >
     Save Changes
   </button>
 </div>

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

@@ -1,31 +1,31 @@
-<div class="modal-header">
-    <h4 class="modal-title">Add New Row</h4>
-    <button type="button" class="close" aria-label="Close">
-      <span aria-hidden="true">&times;</span>
-    </button>
-  </div>
-  <div class="modal-body">
-    <form [formGroup]="myForm">
-      <div class="form-row">
-        <div class="form-group col-md-6">
-          <label for="name">Name Room:</label>
-          <input
-            type="text"
-            class="form-control"
-            id="name"
-            formControlName="name"
-          />
-        </div>
-        <div class="form-group col-md-6">
-          <label for="description">Description:</label>
-          <input
-            type="text"
-            class="form-control"
-            id="description"
-            formControlName="description"
-          />
-        </div>
-        <!-- <div class="form-group col-md-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">
+    <span aria-hidden="true">&times;</span>
+  </button>
+</div>
+<div class="modal-body" style="background-color: #000000 !important">
+  <form [formGroup]="myForm">
+    <div class="form-row">
+      <div class="form-group col-md-6">
+        <label for="name" style="color: #ffffff">Name Room:</label>
+        <input
+          type="text"
+          class="form-control"
+          id="name"
+          formControlName="name"
+        />
+      </div>
+      <div class="form-group col-md-6">
+        <label for="description" style="color: #ffffff">Description:</label>
+        <input
+          type="text"
+          class="form-control"
+          id="description"
+          formControlName="description"
+        />
+      </div>
+      <!-- <div class="form-group col-md-6">
           <label for="statusId">Status:</label>
           <select
             id="projectinput5"
@@ -37,19 +37,28 @@
             </option>
           </select>
         </div> -->
-      </div>
-    </form>
-  </div>
-  <div class="modal-footer">
-    <button
-      type="button"
-      class="btn btn-secondary"
-      (click)="activeModal.dismiss('Cross click')"
-    >
-      Close
-    </button>
-    <button type="button" class="btn btn-primary" (click)="addRow()">
-      Save Changes
-    </button>
-  </div>
-  
+    </div>
+  </form>
+</div>
+<div class="modal-footer" style="background-color: #000000 !important">
+  <button
+    type="button"
+    class="btn btn-secondary"
+    style="
+      color: #c3f164 !important;
+      background-color: #000000 !important;
+      border-color: #c3f164 !important;
+    "
+    (click)="activeModal.dismiss('Cross click')"
+  >
+    Close
+  </button>
+  <button
+    type="button"
+    class="btn btn-primary"
+    style="color: #000000 !important; background-color: #c3f164 !important"
+    (click)="addRow()"
+  >
+    Save Changes
+  </button>
+</div>