diff --git a/src/app/_layout/footer/footer.component.html b/src/app/_layout/footer/footer.component.html
index 71fcbf0..c146f1b 100644
--- a/src/app/_layout/footer/footer.component.html
+++ b/src/app/_layout/footer/footer.component.html
@@ -13,7 +13,7 @@
         href="https://allbestsistem.com/"
         target="_blank"
         style="background-color: #000000 !important;"
-        >Smart Building Management Systems (V@2024-06-22.01)
+        >Smart Building Management Systems (V@2024-06-24.01)
       </a></span
     >
   </p>
diff --git a/src/app/content/hemat-app/monitoring/control-device-seemore/control-device-seemore.component.css b/src/app/content/hemat-app/monitoring/control-device-seemore/control-device-seemore.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/content/hemat-app/monitoring/control-device-seemore/control-device-seemore.component.html b/src/app/content/hemat-app/monitoring/control-device-seemore/control-device-seemore.component.html
new file mode 100644
index 0000000..0c60194
--- /dev/null
+++ b/src/app/content/hemat-app/monitoring/control-device-seemore/control-device-seemore.component.html
@@ -0,0 +1 @@
+<p>control-device-seemore works!</p>
diff --git a/src/app/content/hemat-app/monitoring/control-device-seemore/control-device-seemore.component.spec.ts b/src/app/content/hemat-app/monitoring/control-device-seemore/control-device-seemore.component.spec.ts
new file mode 100644
index 0000000..06eb907
--- /dev/null
+++ b/src/app/content/hemat-app/monitoring/control-device-seemore/control-device-seemore.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ControlDeviceSeemoreComponent } from './control-device-seemore.component';
+
+describe('ControlDeviceSeemoreComponent', () => {
+  let component: ControlDeviceSeemoreComponent;
+  let fixture: ComponentFixture<ControlDeviceSeemoreComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ControlDeviceSeemoreComponent ]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ControlDeviceSeemoreComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/content/hemat-app/monitoring/control-device-seemore/control-device-seemore.component.ts b/src/app/content/hemat-app/monitoring/control-device-seemore/control-device-seemore.component.ts
new file mode 100644
index 0000000..a119326
--- /dev/null
+++ b/src/app/content/hemat-app/monitoring/control-device-seemore/control-device-seemore.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-control-device-seemore',
+  templateUrl: './control-device-seemore.component.html',
+  styleUrls: ['./control-device-seemore.component.css']
+})
+export class ControlDeviceSeemoreComponent {
+
+}
diff --git a/src/app/content/hemat-app/monitoring/monitoring.module.ts b/src/app/content/hemat-app/monitoring/monitoring.module.ts
index 4eda176..e6aec68 100644
--- a/src/app/content/hemat-app/monitoring/monitoring.module.ts
+++ b/src/app/content/hemat-app/monitoring/monitoring.module.ts
@@ -26,6 +26,7 @@ import { FilterTopUsePipe } from './monitoring.pipe';
 import { SurveillanceComponent } from './surveillance/surveillance.component';
 import { WaterComponent } from './water/water.component';
 import { NgSelectModule } from '@ng-select/ng-select';
+import { ControlDeviceSeemoreComponent } from './control-device-seemore/control-device-seemore.component';
 
 @NgModule({
   declarations: [
@@ -35,7 +36,8 @@ import { NgSelectModule } from '@ng-select/ng-select';
     DetailRoomComponent,
     FilterTopUsePipe,
     SurveillanceComponent,
-    WaterComponent
+    WaterComponent,
+    ControlDeviceSeemoreComponent
   ],
   imports: [
     CommonModule,
@@ -74,6 +76,10 @@ import { NgSelectModule } from '@ng-select/ng-select';
         path: 'water-monitoring',
         component: WaterComponent,
       },
+      {
+        path: 'control-device/:id',
+        component: ControlDeviceSeemoreComponent,
+      },
       {
         path: 'monitoring-room/:id',
         component: RoomComponent,
diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html
index e99214a..3eed07b 100644
--- a/src/app/login/login.component.html
+++ b/src/app/login/login.component.html
@@ -138,7 +138,7 @@
                 <p
                   class="card-subtitle line-on-side text-muted text-center font-small-3 mx-2 my-1"
                 >
-                  <span>(v@2024.06.22.01)</span>
+                  <span>(v@2024.06.24.01)</span>
                 </p>
                 <!-- <div class="card-body">
                   <a