All files / src/app/components/signals-graphs signals-graphs.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
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
9818x
 
 
19636x
 
33x
19636x
19636x
 
1309x
 
 
29x
 
 
640x
 
29x
29x
 
 
58x
1280x
669x
29x
 
 
 
29x
 
 
29x
33x
 
19636x
54x
18356x
9205x
 
 
 
27x
27x
 
19636x
19636x
 
 
66x
19636x
9851x
 
 
 
 
33x
33x
 
19636x
54x
18356x
9205x
 
 
27x
27x
 
33x
19636x
66x
 
 
33x
 
9818x
94x
6x
 
9818x
 
 
 
33x
 
<app-loader *ngIf="isLoading"></app-loader>
 
 
<div *ngIf="!isLoading">
 
    <div class="toolbar">
        <app-multi-select-signals *ngIf="showSignals" (selectionChanged)="applyInputs()" [graphId]="graphId" [isLive]="isLive" [selectionLimit]="signalsSelectionLimit"></app-multi-select-signals>
        <div class="toolbar-element" *ngIf="!isLive">
            <p-floatLabel >
                <p-datepicker [(ngModel)]="zoomTime" inputId="zoomTime"
                    [minDate]="dataDateMin"
                    [maxDate]="dataDateMax"
                    (onSelect)="onDateChange()"
                    [showButtonBar]="true"
                    [showTime]="true"
                    [showSeconds]="true"
                    />
                <label for="zoomTime">Window middle</label>
            </p-floatLabel>
 
            <p-floatLabel>
                <p-select
                    [options]="replayWindowLengths"
                    [(ngModel)]="replayWindowLength"
                    (onChange)="onDateChange()"
                    placeholder="Refresh time"
                    optionLabel="label"
                    inputId="refreshTime" />
                <label for="refreshTime">Window length</label>
            </p-floatLabel>
 
        </div>
        <div class="toolbar-element">
 
            <p-floatLabel *ngIf="isLive">
                <p-select
                    [options]="windowLengths"
                    [(ngModel)]="windowLength"
                    placeholder="Window Time length"
                    optionLabel="label"
                    inputId="windowTime" />
                <label for="windowTime">windowTime</label>
            </p-floatLabel>
 
            <p-splitbutton *ngIf="!isDownloading" icon="pi pi-download" [model]="exports" severity="secondary" />
            <p-splitbutton *ngIf="isDownloading" icon="pi pi-spinner pi-spin" [model]="exports" severity="secondary" />
 
            <p-floatLabel>
                <p-select
                    [options]="displayModes"
                    [(ngModel)]="isLive"
                    optionValue="isLive"
                    placeholder="Refresh time"
                    optionLabel="label"
                    inputId="displayMode" />
                <label for="displayMode">Display mode</label>
            </p-floatLabel>
 
            <p-floatLabel *ngIf="isLive">
                <p-select
                    [options]="refreshModes"
                    [(ngModel)]="refreshMode"
                    placeholder="Refresh mode"
                    inputId="refreshMode" />
                <label for="refreshMode">Refresh mode</label>
            </p-floatLabel>
 
            <app-refresh-rate-selector
                [isResponseSlowerThanRefresh]="isResponseSlowerThanRefresh"
                (selectionChanged)="handleRefreshRateChange($event)">
            </app-refresh-rate-selector>
        </div>
    </div>
 
    <app-signals-graph [signalIdsToPlot]="inputSignalIdsToPlot" [isLive]="isLive" [refreshTime]="refreshTime.duration" [showLegend]="showLegend" [liveWindow]="windowLength.duration"
    (dataDateMin)="handleDataDateMin($event)" (dataDateMax)="handleDataDateMax($event)" (windowMiddleDate)="handleWindowMiddleDate($event)"
    (isResponseSlowerThanRefresh)="handleResponseSlowerThanRefresh($event)"
    [requestedWindowMinTs]="windowMinTs" [requestedWindowMaxTs]="windowMaxTs"
    [refreshMode]="refreshMode" (hasFinishedDonwloading)="handleFinishedDownloading($event)"
    >
    </app-signals-graph>
 
</div>