IuryNogueira/myreef

View on GitHub
thereef/src/app/pages/home/home.component.html

Summary

Maintainability
Test Coverage
<div class="container">
<div class="content">
 
<div class="content-inner">
 
<div class="reef-shape">
<div>
<span class="title">Monitoramento</span>
<p>
Seu aquário está sendo monitorado e atualizado em tempo real para garantir um ambiente saudável
e próspero para seus corais e peixes. Aqui você pode acompanhar todas as informações vitais e
fazer ajustes necessários para manter seu ecossistema em perfeito estado.
</p>
</div>
</div>
 
<div>
<div class="aqua-info">
@if (aquaria) {
🦈 <span>{{aquaria.name}} Monitor</span>
} @else {
<p>Loading..</p>
}
</div>
 
@if (aquaria) {
<div class="row-charts">
<reef-chart
[config]="temperatureChartHistoric"
[id]="'temperatureChart'">
</reef-chart>
</div>
}
 
<div class="data-infos">
<div class="row-charts">
@for (onOffSensor of onOffSensors; track $index) {
<reef-on-off-sensor
[name]="onOffSensor.name"
[currentOnOffValue]="onOffSensor.current_on_off_value.value">
</reef-on-off-sensor>
}
</div>
 
<div class="sensors-grid-container">
@for (sensor of sensors; track $index) {
<reef-sensor
[value]="sensor.value"
[name]="sensor.name"
[lastUpdate]="sensor.lastUpdate"
[status]="sensor.status">
</reef-sensor>
}
</div>
</div>
 
</div>
 
 
</div>
</div>
</div>