fuzi_fauzia/hemat_solution
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

integrasi fimter device

Browse Source
This commit is contained in:
Fuzi_fauzia
2024-06-20 15:50:40 +07:00
parent d1393d6ec5
commit 49d37ee7e1
9 changed files with 1171 additions and 873 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
src/app/content/hemat-app/device/device.component.html
View File

@@ -42,7 +42,7 @@
<div class="media d-flex">
<div class="media-body text-left">
<h6 class="text-light" style="color: #ffffff !important">
Total Device Aktive
Total Device Active
</h6>
<h3 style="color: #ffffff !important">{{ totalOn }}</h3>
</div>
@@ -94,11 +94,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>
@@ -107,47 +108,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>
<div class="col-2">
<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
@@ -175,7 +186,7 @@
<ngx-datatable
class="bootstrap table-bordered"
[limit]="5"
[rows]="filteredRows"
[rows]="data_device"
[columnMode]="'force'"
[headerHeight]="50"
[footerHeight]="50"
@@ -198,7 +209,7 @@
<ngx-datatable-column
name="icon"
[flexGrow]="1"
[minWidth]="140"
[minWidth]="20"
>
<ng-template ngx-datatable-header-template>
<span style="color: #ffffff !important">Image</span>
@@ -212,7 +223,7 @@
<ngx-datatable-column
name="Name"
[flexGrow]="1"
[minWidth]="90"
[minWidth]="150"
>
<ng-template ngx-datatable-header-template>
<span style="color: #ffffff !important"
@@ -227,7 +238,24 @@
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column
name="categoryEntity"
name="buildingName"
[flexGrow]="1"
[minWidth]="90"
>
<ng-template ngx-datatable-header-template>
<span style="color: #ffffff !important"
>Building</span
>
</ng-template>
<ng-template
let-value="value"
ngx-datatable-cell-template
>
<p style="color: #ffffff !important">{{ value }}</p>
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column
name="categoryName"
[flexGrow]="1"
[minWidth]="90"
>
@@ -241,7 +269,7 @@
let-value="value"
>
<p style="color: #ffffff !important">
{{ value.name }}
{{ value }}
</p>
</ng-template>
</ngx-datatable-column>
@@ -261,7 +289,7 @@
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column
name="typeEntity"
name="typeName"
[flexGrow]="1"
[minWidth]="90"
>
@@ -273,12 +301,12 @@
let-value="value"
>
<p style="color: #ffffff !important">
{{ value.name }}
{{ value }}
</p>
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column
name="voltageEntity"
name="voltageName"
[flexGrow]="1"
[minWidth]="90"
>
@@ -290,12 +318,12 @@
let-value="value"
>
<p style="color: #ffffff !important">
{{ value.name }}
{{ value }}
</p>
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column
name="statusEntity"
name="statusName"
[flexGrow]="1"
[minWidth]="90"
>
@@ -307,7 +335,7 @@
let-value="value"
>
<p style="color: #ffffff !important">
{{ value.name }}
{{ value }}
</p>
</ng-template>
</ngx-datatable-column>