2024-09-17 06:50:34 +00:00
|
|
|
<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
|
2024-09-20 07:59:54 +00:00
|
|
|
[gaugeTitle]="nitrogenTitle"
|
|
|
|
|
[gaugeData]="nitrogenData"
|
|
|
|
|
[colorStops]="nitrogenColorStops"
|
|
|
|
|
[maxValue]="nitrogenMaxValue"
|
|
|
|
|
[satuanData]="nitrogenSatuanData">
|
2024-09-17 06:50:34 +00:00
|
|
|
</app-gauge-chart>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-parameter">
|
|
|
|
|
<div>
|
|
|
|
|
<app-gauge-chart
|
2024-09-20 07:59:54 +00:00
|
|
|
[gaugeTitle]="pottasiumTitle"
|
|
|
|
|
[gaugeData]="pottasiumData"
|
|
|
|
|
[colorStops]="pottasiumColorStops"
|
|
|
|
|
[maxValue]="pottasiumMaxValue"
|
|
|
|
|
[satuanData]="pottasiumSatuanData">
|
2024-09-17 06:50:34 +00:00
|
|
|
</app-gauge-chart>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-parameter">
|
|
|
|
|
<div>
|
|
|
|
|
<app-gauge-chart
|
2024-09-20 07:59:54 +00:00
|
|
|
[gaugeTitle]="phosphorusTitle"
|
|
|
|
|
[gaugeData]="phosphorusData"
|
|
|
|
|
[colorStops]="phosphorusColorStops"
|
|
|
|
|
[maxValue]="phosphorusMaxValue"
|
|
|
|
|
[satuanData]="phosphorusSatuanData">
|
2024-09-17 06:50:34 +00:00
|
|
|
</app-gauge-chart>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="card-parameter">
|
|
|
|
|
<div>
|
|
|
|
|
<app-gauge-chart
|
2024-09-20 07:59:54 +00:00
|
|
|
[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"
|
|
|
|
|
>
|
2024-09-17 06:50:34 +00:00
|
|
|
</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>
|
