perbaikan routing dan penambahan button back pada page monitoring

src/app/content/hemat-app/device/device.component.html

@@ -11,9 +11,7 @@
             *blockUI="'zeroConfiguration'; message: 'Loading'"
           >
             <m-card>
-              <ng-container mCardHeaderTitle>
-                Device Table
-              </ng-container>
+              <ng-container mCardHeaderTitle> Device Table </ng-container>
               <ng-container mCardBody>
                 <div class="row mb-2">
                   <div class="col-md-6">
@@ -23,15 +21,21 @@
                       placeholder="Search..."
                       [(ngModel)]="searchTerm"
                       (input)="filterRows()"
-                      (touchstart)="onTouchStart($event)"
                     />
                   </div>
                   <div class="col-md-6 text-right">
                     <button
                       class="btn btn-secondary"
-                      [routerLink]="['/device/add-row']"
+                      [disabled]="spinnerActive"
+                      (click)="addDevice()"
                     >
-                      <i class="feather ft-plus"></i>&nbsp; Add new device
+                      <i
+                        class="la la-spinner spinner"
+                        *ngIf="spinnerActive"
+                      ></i>
+                      <i class="feather ft-plus" *ngIf="!spinnerActive"></i
+                      >&nbsp;
+                      <span>Syncing Data</span>
                     </button>
                   </div>
                 </div>