All files / src/app/components/device device.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
188x
64x
 
 
376x
 
3x
 
3x
3x
3x
3x
 
 
 
 
 
 
 
3x
 
 
376x
 
3x
140x
3x
3x
70x
3x
3x
140x
 
3x
 
 
@if (error) {
  <app-error [error]="error"></app-error>
}
 
@if (!device && !error) {
  <div>
    <div  class="skeleton-lines">
      <div></div>
      <div></div>
    </div>
    <div class="skeleton-block">
      Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
      Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh,
      ut fermentum massa justo sit amet risus. Donec sed odio dui.
      Nullam quis risus eget urna mollis ornare vel eu leo.
      Cum sociis natoque penatibus et magnis dis parturient montes,
      nascetur ridiculous mus. Nullam id dolor id
      nibh ultricies vehicula ut id elit.
    </div>
  </div>
}
 
@if (device) {
  <div>
    <section class="section">
      <app-device-card [deviceId]="device.device_id"></app-device-card>
    </section>
    <section class="section">
      <app-modes-table [device]="device" [currentModeId]="device.current_mode_id"></app-modes-table>
    </section>
    <section class="section">
      <app-signals-table [deviceId]="device.device_id"></app-signals-table>
    </section>
  </div>
}