perbaikan tampilan device edit
This commit is contained in:
parent
e3be28b4b6
commit
c04cafa384
|
@ -1,4 +1,4 @@
|
||||||
<div class="app-content content" style="background-color: #000000 !important">
|
<div class="app-content content" style="background-color: #fbfbfb !important">
|
||||||
<div class="content-wrapper">
|
<div class="content-wrapper">
|
||||||
<div class="content-header row mb-1">
|
<div class="content-header row mb-1">
|
||||||
<app-breadcrumb class="col-12" [breadcrumb]="breadcrumb"></app-breadcrumb>
|
<app-breadcrumb class="col-12" [breadcrumb]="breadcrumb"></app-breadcrumb>
|
||||||
|
@ -7,13 +7,13 @@
|
||||||
<section id="basic-form-layouts">
|
<section id="basic-form-layouts">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-12" *blockUI="'projectInfo'; message: 'Loading'">
|
<div class="col-12" *blockUI="'projectInfo'; message: 'Loading'">
|
||||||
<div class="card" style="background-color: #252525 !important">
|
<div class="card" style="background-color: #fbfbfb !important">
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<div
|
<div
|
||||||
class="card-header"
|
class="card-header"
|
||||||
style="background-color: #252525 !important"
|
style="background-color: #fbfbfb !important"
|
||||||
>
|
>
|
||||||
<h2 style="color: #ffffff">
|
<h2 style="color: #242222">
|
||||||
{{
|
{{
|
||||||
isEditMode()
|
isEditMode()
|
||||||
? "Edit Device"
|
? "Edit Device"
|
||||||
|
@ -29,14 +29,14 @@
|
||||||
(ngSubmit)="onProjectInfoSubmit()"
|
(ngSubmit)="onProjectInfoSubmit()"
|
||||||
>
|
>
|
||||||
<div class="form-body">
|
<div class="form-body">
|
||||||
<h4 class="form-section" style="color: #ffffff">
|
<h4 class="form-section" style="color: #242222">
|
||||||
<i class="feather ft-user" style="color: #ffffff"></i>
|
<i class="feather ft-user" style="color: #242222"></i>
|
||||||
General Information
|
General Information
|
||||||
</h4>
|
</h4>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="name" style="color: #ffffff"
|
<label for="name" style="color: #242222"
|
||||||
>Device Name *</label
|
>Device Name *</label
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
|
@ -63,7 +63,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="categoryId" style="color: #ffffff"
|
<label for="categoryId" style="color: #242222"
|
||||||
>Category *</label
|
>Category *</label
|
||||||
>
|
>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
|
@ -96,7 +96,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="voltageId" style="color: #ffffff"
|
<label for="voltageId" style="color: #242222"
|
||||||
>Voltage *</label
|
>Voltage *</label
|
||||||
>
|
>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
|
@ -129,7 +129,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="typeId" style="color: #ffffff"
|
<label for="typeId" style="color: #242222"
|
||||||
>Type *</label
|
>Type *</label
|
||||||
>
|
>
|
||||||
<select
|
<select
|
||||||
|
@ -160,7 +160,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="durationId" style="color: #ffffff"
|
<label for="durationId" style="color: #242222"
|
||||||
>Duration Use *</label
|
>Duration Use *</label
|
||||||
>
|
>
|
||||||
<select
|
<select
|
||||||
|
@ -191,7 +191,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="roomBuildingId" style="color: #ffffff"
|
<label for="roomBuildingId" style="color: #242222"
|
||||||
>Location Room *</label
|
>Location Room *</label
|
||||||
>
|
>
|
||||||
<select
|
<select
|
||||||
|
@ -223,7 +223,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="watt" style="color: #ffffff"
|
<label for="watt" style="color: #242222"
|
||||||
>Watt *</label
|
>Watt *</label
|
||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
|
@ -255,9 +255,9 @@
|
||||||
type="button"
|
type="button"
|
||||||
class="btn btn-warning mr-1"
|
class="btn btn-warning mr-1"
|
||||||
style="
|
style="
|
||||||
color: #c3f164 !important;
|
color: #242222 !important;
|
||||||
background-color: #000000 !important;
|
background-color: #fbfbfb !important;
|
||||||
border-color: #c3f164 !important;
|
border-color: #fbfbfb !important;
|
||||||
"
|
"
|
||||||
(click)="cancel()"
|
(click)="cancel()"
|
||||||
>
|
>
|
||||||
|
@ -268,8 +268,8 @@
|
||||||
type="submit"
|
type="submit"
|
||||||
class="btn btn-primary"
|
class="btn btn-primary"
|
||||||
style="
|
style="
|
||||||
color: #000000 !important;
|
color: #ffffff !important;
|
||||||
background-color: #c3f164 !important;
|
background-color: #37A647 !important;
|
||||||
"
|
"
|
||||||
(click)="saveEdit()"
|
(click)="saveEdit()"
|
||||||
*ngIf="mode === 'edit'"
|
*ngIf="mode === 'edit'"
|
||||||
|
|
|
@ -112,8 +112,7 @@
|
||||||
<h5 class="custom-label">Summary Cost</h5>
|
<h5 class="custom-label">Summary Cost</h5>
|
||||||
<h3 class="custom-value">
|
<h3 class="custom-value">
|
||||||
{{
|
{{
|
||||||
summaryCost?.summary_cost
|
summaryCost?.summary_cost ? (summaryCost?.summary_cost | currency : "Rp " : "symbol" : "1.0-0") : 0
|
||||||
| currency : "Rp " : "symbol" : "1.0-0"
|
|
||||||
}}
|
}}
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue