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 7510751x 21502x 68x         34x   34x   34x 34x     34x 34x 35x 21502x   35x   35x 35x   35x   35x 21502x   2x   1x 1x   1x   34x           21536x   34x     21536x   34x     21536x   34x     21536x   34x     21536x           34x   21536x 34x 34x  
<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>