filter device

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

@@ -111,7 +111,7 @@
               </div>
             </div>
           </div>
-          <div class="col-lg-4 col-12" *ngFor="let item of filteredRows">
+          <div class="col-lg-4 col-12" *ngFor="let item of filteredDeviceRows">
             <div
               class="card"
               style="background-color: #252525; position: relative"

src/app/content/hemat-app/device/device-control/device-control.component.ts

@@ -11,9 +11,9 @@ import { ToastrService } from "ngx-toastr";
 })
 export class DeviceControlComponent {
   data: any;
-  totalOn: any;
-  totalOff: any;
+
   filteredRows: any[];
+  filteredDeviceRows: any[];
   searchTerm: string = "";
   buildingSelected: any;
   statusSelected: any;
@@ -24,22 +24,10 @@ export class DeviceControlComponent {
   storedData: any;
   spinnerFilterActive = false;
   switchState: boolean;
-
   public breadcrumb: any;
   spinnerActive: boolean = false;
-
   singlebasicSelected: any;
 
-  singleSelectArray = [
-    { item_id: 1, item_text: "Alaska" },
-    { item_id: 2, item_text: "California" },
-    { item_id: 3, item_text: "Colorado" },
-    { item_id: 4, item_text: "New Mexico" },
-    { item_id: 5, item_text: "Alabama" },
-    { item_id: 6, item_text: "Connecticut" },
-    { item_id: 7, item_text: "New York" },
-  ];
-
   constructor(
     private router: Router,
     private deviceService: DeviceService,
@@ -79,10 +67,18 @@ export class DeviceControlComponent {
       .subscribe((res) => {
         this.data = res;
         this.filteredRows = this.data.results.data;
-        console.log(this.filteredRows);
+        this.filteredDeviceRows = this.filterDevices(this.filteredRows);
       });
   }
 
+  filterDevices(devices: any[]): any[] {
+    return devices.filter((device) =>
+      device.mapping.some(
+        (map) => map.name.startsWith("switch") && map.type === "Boolean"
+      )
+    );
+  }
+
   dataListMaster() {
     this.monitoringApiService.getMasterListData().subscribe((data) => {
       const dataCategory = data.data.find(
@@ -152,15 +148,16 @@ export class DeviceControlComponent {
   switchChanged(ev, data) {
     console.log(ev);
     console.log(data);
-    const requestData = {
-      device_id: data.device_id,
-      switch: data.mapping[0].switch,
-      value: ev,
-      command_type: "on_off",
-    };
-    this.deviceService.deviceSwitch(requestData).subscribe((res) => {
-      console.log(res);
-    });
+
+    // const requestData = {
+    //   device_id: data.device_id,
+    //   switch: data.mapping[0].switch,
+    //   value: ev,
+    //   command_type: "on_off",
+    // };
+    // this.deviceService.deviceSwitch(requestData).subscribe((res) => {
+    //   console.log(res);
+    // });
   }
 
   addFieldValue() {}