Skip to content
This repository has been archived by the owner on Sep 5, 2024. It is now read-only.

Commit

Permalink
updated config form control
Browse files Browse the repository at this point in the history
  • Loading branch information
Khanna committed Nov 18, 2020
1 parent 3e7fec3 commit 7f82c2b
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions projects/gp-lib-device-chart/src/lib/gp-lib-device-chart.config.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,20 +3,20 @@
<div style="display: flex;">
<div class="form-group" style="flex-grow:1 ; margin-right: 5px;">
<label translate>Group by</label>
<input class="form-control" type="text" name="config.groupby" [(ngModel)]="config.groupby"/>
<input class="form-control" type="text" name="groupby" [(ngModel)]="config.groupby"/>
</div>
<div class="form-group" style="flex-grow:1 ; margin-right: 5px;" *ngIf="config.groupby == 'versionIssuesName'">
<label translate>Type</label>
<input class="form-control" type="text" name="config.inventoryType" [(ngModel)]="config.inventoryType"/>
<input class="form-control" type="text" name="inventoryType" [(ngModel)]="config.inventoryType"/>
</div>
</div>
<div class="form-group" style="flex-grow:1 ; margin-right: 5px;">
<label translate>Value</label>
<input class="form-control" type="text" name="config.value" [(ngModel)]="config.value"/>
<input class="form-control" type="text" name="value" [(ngModel)]="config.value"/>
</div>
<div class="form-group">
<label translate>Chart Type</label>
<select class="browser-default custom-select" style="width: 45%" name="config.type" [(ngModel)]="config.type">
<select class="browser-default custom-select" style="width: 45%" name="type" [(ngModel)]="config.type">
<option selected>Open this select menu</option>
<option value="bar">Vertical Bar Chart</option>
<option value="horizontalBar">Horizontal Bar Chart</option>
Expand All @@ -31,23 +31,23 @@
</div>
<div class="form-group">
<label translate>Legend</label>
<select class="browser-default custom-values" style="width: 45%" name="config.legend" [(ngModel)]="config.legend">
<select class="browser-default custom-values" style="width: 45%" name="legend" [(ngModel)]="config.legend">
<option selected value="top">Top</option>
<option value="left">Left</option>
</select>
</div>
<div class="form-group">
<mat-slide-toggle class="example-margin" [(ngModel)]="config.innerChild">Include child devices</mat-slide-toggle>
<mat-slide-toggle class="example-margin" name="innerChild" [(ngModel)]="config.innerChild" ngDefaultControl>Include child devices</mat-slide-toggle>
</div>
<div style="display: flex;">
<div style="flex-grow:1 ; margin-right: 5px;">
<label translate>Chart Color</label>
<input type="text" id="colorInput" name="config.color" style="width:100%" [(ngModel)]="config.color" (click)= "openColorPicker()" placeholder="Color code i.e #0899CC or leave blank for default colors">
<input type="text" id="colorInput" name="color" style="width:100%" [(ngModel)]="config.color" (click)= "openColorPicker()" placeholder="Color code i.e #0899CC or leave blank for default colors">
<app-color-picker [ngClass]="isOpenCP? 'colorPickerModal': 'hideColorPicker'" (closeColorPicker)="closeColorPicker()" (colorSet) ="setSelectedColor($event)" ></app-color-picker>
</div>
<div style="flex-grow:1;margin-left: 5px;">
<label translate>Border Color</label>
<input type="text" id="colorInputBorder" name="config.borderColor" style="width:100%" [(ngModel)]="config.borderColor" (click)= "openBorderColorPicker()" placeholder="Choose border color">
<input type="text" id="colorInputBorder" name="borderColor" style="width:100%" [(ngModel)]="config.borderColor" (click)= "openBorderColorPicker()" placeholder="Choose border color">
<app-color-picker [ngClass]="borderCP? 'colorPickerModal': 'hideColorPicker'" (closeColorPicker)="closeBorderColorPicker()" (colorSet) ="setSelectedBorderColor($event)" ></app-color-picker>
</div>
</div>
Expand Down

0 comments on commit 7f82c2b

Please sign in to comment.