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

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

@ -1,5 +1,4 @@
<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>
@ -15,20 +14,19 @@
<mat-icon>add</mat-icon> <mat-icon>add</mat-icon>
Add symbol Add symbol
</button> </button>
</div> </div>
<form> <form>
<mat-form-field class="example-full-width"> <mat-form-field class="example-full-width">
<input matInput <input matInput
placeholder="Search by filename" placeholder="Search by filename"
[(ngModel)]="searchText" [(ngModel)]="searchText"
[ngModelOptions]="{standalone: true}"> [ngModelOptions]="{standalone: true}">
</mat-form-field> </mat-form-field>
</form> </form>
<div class="wrapper"> <div class="wrapper">
<div class="buttonWrapper" *ngFor="let symbol of filteredSymbols | filenamefilter: searchText"> <div class="buttonWrapper" *ngFor="let symbol of filteredSymbols | filenamefilter: searchText">
<button [ngClass]="{ buttonSelected: isSelected === symbol.symbol_id }" class="button" (click)="setSelected(symbol.symbol_id)"> <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)"/> <img [ngClass]="{ imageSelected: isSelected === symbol.symbol_id }" class="image" [src]="getImageSourceForTemplate(symbol.symbol_id)"/>
</button> </button>
</div> </div>
</div> </div>
</mat-card>