mirror of
https://github.com/GNS3/gns3-web-ui.git
synced 2025-06-01 06:50:42 +00:00
28 lines
1.3 KiB
HTML
28 lines
1.3 KiB
HTML
<mat-card>
|
|
<div class="menu">
|
|
<mat-radio-group aria-label="Select an option" class="radio-selection">
|
|
<mat-radio-button value="1">All symbols</mat-radio-button>
|
|
<mat-radio-button value="2">Built-in symbols</mat-radio-button>
|
|
<mat-radio-button value="2">Custom symbols</mat-radio-button>
|
|
</mat-radio-group>
|
|
<input
|
|
type="file"
|
|
accept=".svg, .bmp, .jpeg, .jpg, .gif, .png"
|
|
class="non-visible"
|
|
#file
|
|
(change)="uploadSymbolFile($event)"/>
|
|
<button mat-button (click)="file.click()">
|
|
<mat-icon>add</mat-icon>
|
|
Add symbol
|
|
</button>
|
|
</div><br/><br/>
|
|
<input matInput type="text" [(ngModel)]="searchText" placeholder="Search by filename"><br/><br/>
|
|
<div class="wrapper">
|
|
<div class="buttonWrapper" *ngFor="let symbol of symbols | 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="http://127.0.0.1:3080/v2/symbols/{{symbol.symbol_id}}/raw"/>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</mat-card>
|