29 lines
1.7 KiB
HTML
29 lines
1.7 KiB
HTML
<of-p-dropdownPanel #panel [style]="{'width':'400px'}" [headerStyle]="{'width':'300px'}" [blockTarget]="blockTarget">
|
|
<p-header class="toolbar-button">
|
|
<button _ngcontent-c1="" class="button-component" type="button">
|
|
<!-- <svg _ngcontent-c1="" aria-hidden="true" class="octicon icon" version="1.1" viewBox="0 0 10 16" width="16px" height="16px">
|
|
<path _ngcontent-c1="" d="M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path>
|
|
</svg> -->
|
|
<div _ngcontent-c1="" class="text" *ngIf="selected else loading">
|
|
<div _ngcontent-c1="" class="description">{{selected.network || ''}}</div>
|
|
<div _ngcontent-c1="" class="title">{{selected.friendlyName || ''}}</div>
|
|
</div>
|
|
<ng-template #loading>
|
|
Loading...
|
|
</ng-template>
|
|
<svg _ngcontent-c1="" aria-hidden="true" class="octicon dropdownArrow" version="1.1" viewBox="0 0 12 16" width="16px"
|
|
height="16px" *ngIf="selected">
|
|
<path _ngcontent-c1="" d="M0 5l6 6 6-6z">
|
|
</path>
|
|
</svg>
|
|
</button>
|
|
</p-header>
|
|
<div>
|
|
<p-listbox [options]="nics" [(ngModel)]="selected" [style]="{'width':'100%'}" (ngModelChange)="nicSelected($event)"></p-listbox>
|
|
</div>
|
|
<!-- <div>Body Content</div>
|
|
|
|
<p-footer>
|
|
Footer content here
|
|
</p-footer> -->
|
|
</of-p-dropdownPanel> |