penyesuaian UI device

src/app/content/hemat-app/monitoring/monitoring.module.ts

@@ -24,6 +24,8 @@ import { NgxMasonryModule } from 'ngx-masonry';
 import { UiSwitchModule } from 'ngx-ui-switch';
 import { DetailRoomComponent } from './detail-room/detail-room.component';
 import { FilterTopUsePipe } from './monitoring.pipe';
+import { SurveillanceComponent } from './surveillance/surveillance.component';
+import { WaterComponent } from './water/water.component';
 
 @NgModule({
   declarations: [
@@ -32,7 +34,9 @@ import { FilterTopUsePipe } from './monitoring.pipe';
     AddNewBuildingRoomComponent,
     DetailComponent,
     DetailRoomComponent,
-    FilterTopUsePipe
+    FilterTopUsePipe,
+    SurveillanceComponent,
+    WaterComponent
   ],
   imports: [
     CommonModule,
@@ -62,6 +66,14 @@ import { FilterTopUsePipe } from './monitoring.pipe';
         path: '',
         component: BuildingComponent,
       },
+      {
+        path: 'surveillance',
+        component: SurveillanceComponent,
+      },
+      {
+        path: 'water-monitoring',
+        component: WaterComponent,
+      },
       {
         path: 'monitoring-room/:id',
         component: RoomComponent,

src/app/content/hemat-app/monitoring/surveillance/surveillance.component.html

@@ -0,0 +1,38 @@
+<div class="app-content content bg-maintenance-image">
+    <div class="content-wrapper">
+      <div class="content-body">
+        <section class="flexbox-container">
+            <div class="col-12 d-flex align-items-center justify-content-center">
+              <div class="col-md-4 col-10 box-shadow-2 p-0">
+                <div class="card border-grey border-lighten-3 px-1 py-1 box-shadow-3 m-0">
+                  <div class="card-body">
+                    <span class="card-title text-center">
+                      <img src="../../../../assets/images/logo/logo-dark-lg.png" class="img-fluid mx-auto d-block pt-2"
+                        width="250" alt="logo">
+                    </span>
+                  </div>
+                  <div class="card-body text-center">
+                    <h3>Coming Soon</h3>
+                    <p>We're sorry for the inconvenience.
+                      <br> Please check back later.</p>
+                    <div class="mt-2"><i class="la la-cog spinner font-large-2"></i></div>
+                  </div>
+                  <hr>
+                  <!-- <p class="socialIcon card-text text-center pt-2 pb-2">
+                    <a [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-facebook"><span
+                        class="la la-facebook"></span></a>
+                    <a [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-twitter"><span
+                        class="la la-twitter"></span></a>
+                    <a [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-linkedin"><span
+                        class="la la-linkedin font-medium-4"></span></a>
+                    <a [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-github"><span
+                        class="la la-github font-medium-4"></span></a>
+                  </p> -->
+                </div>
+              </div>
+            </div>
+          </section>
+      </div>
+    </div>
+  </div>
+  

src/app/content/hemat-app/monitoring/surveillance/surveillance.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SurveillanceComponent } from './surveillance.component';
+
+describe('SurveillanceComponent', () => {
+  let component: SurveillanceComponent;
+  let fixture: ComponentFixture<SurveillanceComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ SurveillanceComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(SurveillanceComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/content/hemat-app/monitoring/surveillance/surveillance.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-surveillance',
+  templateUrl: './surveillance.component.html',
+  styleUrls: ['./surveillance.component.css']
+})
+export class SurveillanceComponent {
+
+}

src/app/content/hemat-app/monitoring/water/water.component.html

@@ -0,0 +1,38 @@
+<div class="app-content content bg-maintenance-image">
+    <div class="content-wrapper">
+      <div class="content-body">
+        <section class="flexbox-container">
+            <div class="col-12 d-flex align-items-center justify-content-center">
+              <div class="col-md-4 col-10 box-shadow-2 p-0">
+                <div class="card border-grey border-lighten-3 px-1 py-1 box-shadow-3 m-0">
+                  <div class="card-body">
+                    <span class="card-title text-center">
+                      <img src="../../../../assets/images/logo/logo-dark-lg.png" class="img-fluid mx-auto d-block pt-2"
+                        width="250" alt="logo">
+                    </span>
+                  </div>
+                  <div class="card-body text-center">
+                    <h3>Coming Soon</h3>
+                    <p>We're sorry for the inconvenience.
+                      <br> Please check back later.</p>
+                    <div class="mt-2"><i class="la la-cog spinner font-large-2"></i></div>
+                  </div>
+                  <hr>
+                  <!-- <p class="socialIcon card-text text-center pt-2 pb-2">
+                    <a [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-facebook"><span
+                        class="la la-facebook"></span></a>
+                    <a [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-twitter"><span
+                        class="la la-twitter"></span></a>
+                    <a [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-linkedin"><span
+                        class="la la-linkedin font-medium-4"></span></a>
+                    <a [routerLink]="" class="btn btn-social-icon mr-1 mb-1 btn-outline-github"><span
+                        class="la la-github font-medium-4"></span></a>
+                  </p> -->
+                </div>
+              </div>
+            </div>
+          </section>
+      </div>
+    </div>
+  </div>
+  

src/app/content/hemat-app/monitoring/water/water.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { WaterComponent } from './water.component';
+
+describe('WaterComponent', () => {
+  let component: WaterComponent;
+  let fixture: ComponentFixture<WaterComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ WaterComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(WaterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/content/hemat-app/monitoring/water/water.component.ts

@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-water',
+  templateUrl: './water.component.html',
+  styleUrls: ['./water.component.css']
+})
+export class WaterComponent {
+
+}