50 lines
1.3 KiB
HTML
50 lines
1.3 KiB
HTML
<style>
|
|
|
|
</style>
|
|
|
|
<div id="visualization">
|
|
<div id="filters">
|
|
|
|
<mat-form-field>
|
|
<mat-label>Type:</mat-label>
|
|
<mat-select [(value)]="selectedPlotType">
|
|
<mat-option *ngFor="let plotType of plotTypes" [value]="plotType.name">
|
|
<img src="assets/img/{{plotType.icon}}.svg" class="icon-select" /> {{plotType.name}}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>Combine with:</mat-label>
|
|
<mat-select [(value)]="selectedCombinePlotType">
|
|
<mat-option>-</mat-option>
|
|
<mat-option *ngFor="let plotType of combinePlotTypes" [value]="plotType.name">
|
|
<img src="assets/img/{{plotType.icon}}.svg" class="icon-select" /> {{plotType.name}}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<textarea matInput placeholder="Query"></textarea>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>Group By:</mat-label>
|
|
<mat-select multiple>
|
|
<mat-option *ngFor="let tagField of tagFields" [value]="tagField">{{tagField.name}}</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>Split By:</mat-label>
|
|
<mat-select>
|
|
<mat-option *ngFor="let tagField of tagFields" [value]="tagField">{{tagField.name}}</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<div id="results"></div>
|
|
</div> |