All files / src/app/components/signals-graph signals-graph.component.html

96.42% Statements 54/56
100% Branches 2/2
100% Functions 6/6
100% Lines 35/35

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 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 759818x 19636x 66x         33x   33x   33x 33x     33x 33x 34x 19636x   34x   34x 34x   34x   34x 19636x   2x   1x 1x   1x   33x           19669x   33x     19669x   33x     19669x   33x     19669x   33x     19669x           33x   19669x 33x 33x  
<app-error *ngIf="error" [error]="error"></app-error>
<div *ngIf="!error" echarts [options]="options"  [loading]="isLoading" [merge]="updateOptions"
class="signal-chart" (chartInit)="onChartInit($event)"></div>
 
<div class="under-graph">
    <div class="graph-commands">
        <div class="theme-chooser">
            <button
                class="button button-theme"
                (click)="toggleThemeBuilder()"
                title="Choose custom theme">
                <span class="icon is-small">
                    <i class="pi pi-palette"></i>
                </span>
            </button>
        </div>
        <div class="toggle-scaling">
            <button
                *ngIf="isYAxisScaling"
                class="button button-toggle"
                (click)="toggleYAxisScaling()"
                title="Display zero on axis">
                <span class="icon is-small">
                    <i class="pi pi-search-minus"></i>
                </span>
            </button>
 
            <button
                *ngIf="!isYAxisScaling"
                class="button button-toggle"
                (click)="toggleYAxisScaling()"
                title="Zoom on line">
                <span class="icon is-small">
                    <i class="pi pi-search-plus"></i>
                </span>
            </button>
        </div>
    </div>
 
    <div class="toolbar">
 
        <div class="toolbar-element">
 
            <p>{{dataMinTs*1000 | date:"short"}}</p>
 
        </div>
        <div class="toolbar-element">
 
            <p>window start: {{windowMinTs*1000 | date:"short"}}</p>
 
        </div>
        <div class="toolbar-element">
 
            <p>{{windowMaxTs-windowMinTs | duration}}</p>
 
        </div>
        <div class="toolbar-element">
 
            <p>window end: {{windowMaxTs*1000 | date:"short"}}</p>
 
        </div>
        <div class="toolbar-element">
 
            <p>{{dataMaxTs*1000 | date:"short"}}</p>
 
 
        </div>
 
    </div>
</div>
 
<p-drawer [(visible)]="displayThemeBuilder" position="right" styleClass="themes-drawer">
    <app-themes (themesChangedEvent)="updateGraphThemes()"></app-themes>
</p-drawer>