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

97.29% Statements 72/74
100% Branches 2/2
100% Functions 8/8
100% Lines 49/49

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 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 9812027x 24054x 78x         39x   39x   39x 39x     39x   39x 1x 24054x   2x   1x 1x   1x   79x 24054x   40x   40x 40x   40x 39x   39x 40x 24054x   40x   40x 40x   40x   40x 24054x   2x   1x 1x   1x   39x           24093x   39x     24093x   39x     24093x   39x     24093x   39x     24093x           39x   24093x 39x 39x  
<app-error *ngIf="error" [error]="error"></app-error>
<div id="signalsGraph" *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-points">
            <button
                *ngIf="displayPoints"
                class="button button-toggle"
                (click)="togglePoints()"
                title="Hide points on line chart">
                <span class="icon is-small">
                    <i class="pi pi-circle-on"></i>
                </span>
            </button>
 
            <button
                *ngIf="!displayPoints"
                class="button button-toggle"
                (click)="togglePoints()"
                title="Display points on line chart">
                <span class="icon is-small">
                    <i class="pi pi-circle-off"></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>