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
85
10751x
 
 
21502x
 
34x
21502x
21502x
 
1332x
 
 
30x
 
 
651x
 
30x
30x
 
 
60x
1302x
681x
30x
 
 
 
30x
 
 
30x
34x
 
21502x
56x
20200x
10128x
 
 
 
28x
28x
 
21502x
21502x
 
 
68x
21502x
10785x
 
 
 
 
34x
34x
 
21502x
56x
20200x
10128x
 
 
28x
28x
 
34x
21502x
68x
 
 
34x
 
10751x
102x
6x
 
10751x
 
34x
 
21502x
34x
 
<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>
 
    <app-signals-command *ngIf="displayCommandCenter"></app-signals-command>
</div>