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

penyesuaian UI list room

Browse Source
This commit is contained in:
Fuzi_fauzia
2024-06-13 17:14:14 +07:00
parent f6db135ac6
commit 7a07bf5b07
14 changed files with 1162 additions and 1121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -85,9 +85,7 @@
<section id="configuration">
<div class="row">
<div
class="col-12"
>
<div class="col-12">
<div class="card" style="background-color: #252525 !important">
<div class="card-content">
<div class="card-body">
@@ -95,6 +93,7 @@
<div class="col-2">
<div class="form-group">
<ng-select
class="select-custom"
[items]="singleSelectArray"
[searchable]="true"
bindLabel="item_text"
@@ -107,6 +106,7 @@
<div class="col-2">
<div class="form-group">
<ng-select
class="select-custom"
[items]="singleSelectArray"
[searchable]="true"
bindLabel="item_text"
@@ -119,6 +119,7 @@
<div class="col-2">
<div class="form-group">
<ng-select
class="select-custom"
[items]="singleSelectArray"
[searchable]="true"
bindLabel="item_text"
@@ -129,34 +130,35 @@
</div>
</div>
<div class="col-2">
<div class="form-group">
<input
type="text"
class="form-control"
placeholder="Search..."
[(ngModel)]="searchTerm"
(input)="filterRows()"
/>
</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;"
style="
background-color: #252525 !important;
border-color: #bef264 !important;
"
>
<i class="la la-search" style="color: #ffffff !important;"></i>
<i
class="la la-search"
style="color: #ffffff !important"
></i>
</button>
</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;"
style="
background-color: #bef264 !important;
border-color: #bef264 !important;
color: #000000 !important;
"
>
<i
class="la la-spinner spinner"
@@ -164,7 +166,7 @@
></i>
<i class="feather ft-plus" *ngIf="!spinnerActive"></i
>&nbsp;
<span style="font-weight: 600;">Synchronization</span>
<span style="font-weight: 600">Synchronization</span>
</button>
</div>
</div>
@@ -238,7 +240,9 @@
ngx-datatable-cell-template
let-value="value"
>
<p style="color: #ffffff !important">{{ value.name }}</p>
<p style="color: #ffffff !important">
{{ value.name }}
</p>
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column
@@ -253,7 +257,7 @@
ngx-datatable-cell-template
let-value="value"
>
<p style="color: #ffffff !important">{{ value }}</p>
<p style="color: #ffffff !important">{{ value }}</p>
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column
@@ -268,7 +272,9 @@
ngx-datatable-cell-template
let-value="value"
>
<p style="color: #ffffff !important">{{ value.name }}</p>
<p style="color: #ffffff !important">
{{ value.name }}
</p>
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column
@@ -283,7 +289,9 @@
ngx-datatable-cell-template
let-value="value"
>
<p style="color: #ffffff !important">{{ value.name }}</p>
<p style="color: #ffffff !important">
{{ value.name }}
</p>
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column
@@ -298,7 +306,9 @@
ngx-datatable-cell-template
let-value="value"
>
<p style="color: #ffffff !important">{{ value.name }}</p>
<p style="color: #ffffff !important">
{{ value.name }}
</p>
</ng-template>
</ngx-datatable-column>
<ngx-datatable-column
@@ -316,17 +326,29 @@
>
<button
class="btn btn-sm btn-info mr-1"
style="background-color: #000000 !important; border-color: #BEF264 !important;"
style="
background-color: #000000 !important;
border-color: #bef264 !important;
"
(click)="viewRow(row)"
>
<i class="ficon feather ft-eye" style="color: #BEF264 !important;"></i>
<i
class="ficon feather ft-eye"
style="color: #bef264 !important"
></i>
</button>
<button
class="btn btn-sm btn-warning mr-1"
style="background-color: #000000 !important; border-color: #BEF264 !important;"
style="
background-color: #000000 !important;
border-color: #bef264 !important;
"
(click)="editRow(row)"
>
<i class="ficon feather ft-edit" style="color: #BEF264 !important;"></i>
<i
class="ficon feather ft-edit"
style="color: #bef264 !important"
></i>
</button>
<!-- <button
class="btn btn-sm btn-danger"