ExternalVendorCode/gns3-web-ui
1
0
Fork 0
mirror of https://github.com/GNS3/gns3-web-ui.git synced 2025-05-08 11:38:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update symbols.component.html

Browse Source
This commit is contained in:
piotrpekala7 2020-06-04 02:39:27 +02:00
parent 38dc9ccced
commit 3a57e73192
1 changed files with 30 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
src/app/components/preferences/common/symbols/symbols.component.html
View File

@ -1,34 +1,32 @@
<mat-card> <div class="menu">
<div class="menu"> <mat-radio-group aria-label="Select an option" class="radio-selection">
<mat-radio-group aria-label="Select an option" class="radio-selection"> <mat-radio-button value="1" (click)="setFilter('all')" checked>All symbols</mat-radio-button>
<mat-radio-button value="1" (click)="setFilter('all')" checked>All symbols</mat-radio-button> <mat-radio-button value="2" (click)="setFilter('builtin')">Built-in symbols</mat-radio-button>
<mat-radio-button value="2" (click)="setFilter('builtin')">Built-in symbols</mat-radio-button> <mat-radio-button value="3" (click)="setFilter('custom')">Custom symbols</mat-radio-button>
<mat-radio-button value="3" (click)="setFilter('custom')">Custom symbols</mat-radio-button> </mat-radio-group>
</mat-radio-group> <input
<input type="file"
type="file" accept=".svg, .bmp, .jpeg, .jpg, .gif, .png"
accept=".svg, .bmp, .jpeg, .jpg, .gif, .png" class="non-visible"
class="non-visible" #file
#file (change)="uploadSymbolFile($event)"/>
(change)="uploadSymbolFile($event)"/> <button mat-button (click)="file.click()">
<button mat-button (click)="file.click()"> <mat-icon>add</mat-icon>
<mat-icon>add</mat-icon> Add symbol
Add symbol </button>
</div>
<form>
<mat-form-field class="example-full-width">
<input matInput
placeholder="Search by filename"
[(ngModel)]="searchText"
[ngModelOptions]="{standalone: true}">
</mat-form-field>
</form>
<div class="wrapper">
<div class="buttonWrapper" *ngFor="let symbol of filteredSymbols | filenamefilter: searchText">
<button [ngClass]="{ buttonSelected: isSelected === symbol.symbol_id }" class="button" (click)="setSelected(symbol.symbol_id)">
<img [ngClass]="{ imageSelected: isSelected === symbol.symbol_id }" class="image" [src]="getImageSourceForTemplate(symbol.symbol_id)"/>
</button> </button>
</div> </div>
<form> </div>
<mat-form-field class="example-full-width">
<input matInput
placeholder="Search by filename"
[(ngModel)]="searchText"
[ngModelOptions]="{standalone: true}">
</mat-form-field>
</form>
<div class="wrapper">
<div class="buttonWrapper" *ngFor="let symbol of filteredSymbols | filenamefilter: searchText">
<button [ngClass]="{ buttonSelected: isSelected === symbol.symbol_id }" class="button" (click)="setSelected(symbol.symbol_id)">
<img [ngClass]="{ imageSelected: isSelected === symbol.symbol_id }" class="image" [src]="getImageSourceForTemplate(symbol.symbol_id)"/>
</button>
</div>
</div>
</mat-card>