control device

This commit is contained in:
2024-06-20 17:20:22 +07:00
parent 49d37ee7e1
commit 7b9935585a
4 changed files with 142 additions and 88 deletions

View File

@@ -15,11 +15,12 @@
<div class="form-group">
<ng-select
class="select-custom"
[items]="singleSelectArray"
[items]="dataBuildingList"
[searchable]="true"
bindLabel="item_text"
bindLabel="name"
bindValue="id"
placeholder="Select Building"
[(ngModel)]="singlebasicSelected"
[(ngModel)]="buildingSelected"
>
</ng-select>
</div>
@@ -28,66 +29,57 @@
<div class="form-group">
<ng-select
class="select-custom"
[items]="singleSelectArray"
[items]="dataMasterCategori"
[searchable]="true"
bindLabel="item_text"
placeholder="Select Type"
[(ngModel)]="singlebasicSelected"
>
</ng-select>
</div>
</div>
<div class="col-2">
<div class="form-group">
<ng-select
class="select-custom"
[items]="singleSelectArray"
[searchable]="true"
bindLabel="item_text"
bindLabel="name"
bindValue="id"
placeholder="Select Category"
[(ngModel)]="singlebasicSelected"
[(ngModel)]="categorySelected"
>
</ng-select>
</div>
</div>
<div class="col-2">
<div class="form-group">
<ng-select
class="select-custom"
[items]="dataMasterStatus"
[searchable]="true"
bindLabel="name"
bindValue="id"
placeholder="Select Status"
[(ngModel)]="statusSelected"
>
</ng-select>
</div>
</div>
<div class="col-2 text-left">
<button
type="button"
class="btn btn-success mr-1"
style="
background-color: #252525 !important;
border-color: #bef264 !important;
"
>
<i
class="la la-search"
style="color: #ffffff !important"
></i>
</button>
<div class="d-flex">
<button
type="button"
class="btn btn-outline-success ml-2"
(click)="doFilter()"
style="
background-color: #252525 !important;
border-color: #bef264 !important;
"
[disabled]="spinnerFilterActive"
>
<i
class="la la-search"
style="color: #ffffff !important"
*ngIf="!spinnerFilterActive"
></i>
<i
class="la la-spinner spinner"
style="color: #ffffff !important"
*ngIf="spinnerFilterActive"
></i>
</button>
</div>
</div>
<div class="col-2"></div>
<div class="col-2 text-right">
<button
class="btn btn-secondary"
[disabled]="spinnerActive"
(click)="addDevice()"
style="
background-color: #bef264 !important;
border-color: #bef264 !important;
color: #000000 !important;
"
>
<i
class="la la-spinner spinner"
*ngIf="spinnerActive"
></i>
<i class="feather ft-plus" *ngIf="!spinnerActive"></i
>&nbsp;
<span style="font-weight: 600">Synchronization</span>
</button>
</div>
</div>
<div class="card-dashboard"></div>
@@ -133,7 +125,7 @@
<br />
<span
class="text-muted"
>lamp</span
>{{item.category_name}}</span
>
</div>
</div>
@@ -143,7 +135,9 @@
class="switchery"
switchColor="black"
color="rgb(190, 242, 100)"
checked
size="small"
[checked]="item.status_id === 2"
(change)="switchChanged($event, item)"
></ui-switch>
</div>
</div>