67 lines
1.9 KiB
HTML
67 lines
1.9 KiB
HTML
<div class="container">
|
|
<div>
|
|
<h1 class="title">Good Evening</h1>
|
|
<h3 class="description">Welcome to your management system</h3>
|
|
</div>
|
|
<div>
|
|
<h2 class="update">Latets Update: 06/09/2024 15:39:21</h2>
|
|
</div>
|
|
|
|
<div class="card-container">
|
|
<div class="card-parameter">
|
|
<div>
|
|
<app-gauge-chart
|
|
[gaugeTitle]="kelembabanTitle"
|
|
[gaugeData]="kelembabanData"
|
|
[colorStops]="kelembabanColorStops"
|
|
[maxValue]="kelembabanMaxValue"
|
|
[satuanData]="kelembabanSatuanData">
|
|
</app-gauge-chart>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-parameter">
|
|
<div>
|
|
<app-gauge-chart
|
|
[gaugeTitle]="intensitasCahayaTitle"
|
|
[gaugeData]="intensitasCahayaData"
|
|
[colorStops]="intensitasCahayaColorStops"
|
|
[maxValue]="intensitasCahayaMaxValue"
|
|
[satuanData]="intensitasCahayaSatuanData"
|
|
>
|
|
</app-gauge-chart>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-parameter">
|
|
<div>
|
|
<app-gauge-chart
|
|
[gaugeTitle]="suhuTitle"
|
|
[gaugeData]="suhuData"
|
|
[colorStops]="suhuColorStops"
|
|
[maxValue]="suhuMaxValue"
|
|
[satuanData]="suhuSatuanData">
|
|
</app-gauge-chart>
|
|
</div>
|
|
</div>
|
|
<div class="card-parameter">
|
|
<div>
|
|
<app-gauge-chart
|
|
[gaugeTitle]="kelembabanTanahTitle"
|
|
[gaugeData]="kelembabanTanahData"
|
|
[colorStops]="kelembabanTanahColorStops"
|
|
[maxValue]="kelembabanTanahMaxValue"
|
|
[satuanData]="kelembabanTanahSatuanData">
|
|
</app-gauge-chart>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="graph">
|
|
<div class="title-graph"> Monitoring </div>
|
|
<div class="graph">
|
|
<app-graph></app-graph>
|
|
</div>
|
|
</div>
|
|
</div>
|