depth-image depth-image.component.html

93.93% Statements 31/33

75% Branches 6/8

50% Functions 2/4

95.45% Lines 21/22

Press n or j to go to the next uncovered block, b, p or k for the previous block.


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
37
38
39
40 7x
7x
52x
52x
7x
7x
7x
 
 
 
 
 
52x
7x
52x
 
 
7x
7x
 
 
 
52x
5x
5x
 
 
 
18x
 
 
5x
5x
 
5x
18x
5x
 
 
  <div class="content__header">
  <h2 class="heading-secondary">Depth Image Visualization</h2>
  <p [ngStyle]="{ visibility: numFramesReceived > 0 ? 'visible' : 'collapse' }">
    Frames: {{ numFramesReceived }}
  </p>
  <div class="slider checkbox">
    <input
      type="checkbox"
      value="None"
      class="checkbox-toggle"
      id="checkbox-livePreviewDepthImage"
      name="checkbox-livePreviewDepthImage"
      [(ngModel)]="livePreview"
      (ngModelChange)="livePreviewChanged()"
      [disabled]="!livePreviewEnabled"
    />
 
    <label class="checkbox-toggle-label" for="checkbox-livePreviewDepthImage"
      ><span class="on">ON</span><span class="off">OFF</span></label
    >
  </div>
</div>
@if (livePreview) {
<div class="depthImage__view">
  <input
    type="checkbox"
    class="fullscreen__checkbox"
    id="depthImage-fullscreen-toggle"
    [(ngModel)]="fullScreen"
    (ngModelChange)="updateSize()"
  />
  <label for="depthImage-fullscreen-toggle" class="fullscreen__button">
    <span class="fullscreen__icon">&nbsp;</span>
  </label>
  <div #depthImageRenderContainer class="depthImage__render">
    <img alt="Live depth image" src="{{ imageData }}" />
  </div>
</div>
}