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

perbaikan UI device dan penambahan export

Browse Source
This commit is contained in:
Fuzi_fauzia
2024-06-23 03:09:40 +07:00
parent 25559ee299
commit efaf30d55e
5 changed files with 244 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,10 +7,7 @@
<section id="configuration">
<div class="row">
<div class="col-lg-4 col-12">
<div
class="card pull-up"
style="background-color: #252525 !important"
>
<div class="card" style="background-color: #252525 !important">
<div class="card-content">
<div class="card-body">
<div class="media d-flex">
@@ -23,9 +20,22 @@
</h3>
</div>
<div class="align-self-center">
<i
class="feather ft-zap primary font-large-2 float-right"
></i>
<div
style="
background-color: #414f2b;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
"
>
<i
class="ri-device-line primary font-large-1 float-right"
style="color: #bef264 !important"
></i>
</div>
</div>
</div>
</div>
@@ -34,7 +44,7 @@
</div>
<div class="col-lg-4 col-12">
<div
class="card pull-up"
class="card"
style="background-color: #252525 !important"
>
<div class="card-content">
@@ -47,9 +57,22 @@
<h3 style="color: #ffffff !important">{{ totalOn }}</h3>
</div>
<div class="align-self-center">
<i
class="feather ft-wifi success font-large-2 float-right"
></i>
<div
style="
background-color: #414f2b;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
"
>
<i
class="feather ft-wifi primary font-large-1 float-right"
style="color: #bef264 !important"
></i>
</div>
</div>
</div>
</div>
@@ -58,7 +81,7 @@
</div>
<div class="col-lg-4 col-12">
<div
class="card pull-up"
class="card"
style="background-color: #252525 !important"
>
<div class="card-content">
@@ -71,9 +94,22 @@
<h3 style="color: #ffffff !important">{{ totalOff }}</h3>
</div>
<div class="align-self-center">
<i
class="feather ft-wifi-off danger font-large-2 float-right"
></i>
<div
style="
background-color: #414f2b;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
"
>
<i
class="feather ft-wifi-off primary font-large-1 float-right"
style="color: #bef264 !important"
></i>
</div>
</div>
</div>
</div>
@@ -90,7 +126,7 @@
<div class="card-content">
<div class="card-body">
<div class="row mb-2">
<div class="col-2">
<div class="col-3">
<div class="form-group">
<ng-select
class="select-custom"
@@ -104,7 +140,7 @@
</ng-select>
</div>
</div>
<div class="col-2">
<div class="col-3">
<div class="form-group">
<ng-select
class="select-custom"
@@ -118,7 +154,7 @@
</ng-select>
</div>
</div>
<div class="col-2">
<div class="col-3">
<div class="form-group">
<ng-select
class="select-custom"
@@ -132,8 +168,7 @@
</ng-select>
</div>
</div>
<div class="col-2 text-left">
<div class="col-3 text-left">
<div class="d-flex">
<button
type="button"
@@ -158,11 +193,11 @@
</button>
</div>
</div>
<div class="col-2"></div>
<div class="col-2 text-right">
</div>
<div class="row mb-2">
<div class="col-6 col-md-3 mb-2">
<button
class="btn btn-secondary"
class="btn btn-secondary btn-block"
[disabled]="spinnerActive"
(click)="addDevice()"
style="
@@ -175,11 +210,34 @@
class="la la-spinner spinner"
*ngIf="spinnerActive"
></i>
<i class="feather ft-plus" *ngIf="!spinnerActive"></i
>&nbsp;
<i class="feather ft-plus" *ngIf="!spinnerActive"></i>
&nbsp;
<span style="font-weight: 600">Synchronization</span>
</button>
</div>
<div class="col-6 col-md-3 mb-2">
<button
class="btn btn-secondary btn-block"
[disabled]="spinnerExportActive"
(click)="exportDevice()"
style="
background-color: #bef264 !important;
border-color: #bef264 !important;
color: #000000 !important;
"
>
<i
class="la la-spinner spinner"
*ngIf="spinnerExportActive"
></i>
<i
class="ri-export-fill"
*ngIf="!spinnerExportActive"
></i>
&nbsp;
<span style="font-weight: 600">Export</span>
</button>
</div>
</div>
<div class="card-dashboard">