96 lines
4.8 KiB
HTML
96 lines
4.8 KiB
HTML
<of-p-dropdownPanel #panel [style]="{'width':'400px'}" [headerStyle]="{'width':'300px'}" [blockTarget]="blockTarget" (cancel)="setDefault()">
|
|
<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">
|
|
<div class="text-row">
|
|
<div _ngcontent-c1="" class="description">IP </div>
|
|
<div _ngcontent-c1="" class="title">{{ipSummary}}</div>
|
|
</div>
|
|
<div class="text-row">
|
|
<div _ngcontent-c1="" class="description">Port </div>
|
|
<div _ngcontent-c1="" class="title">{{portSummary}}</div>
|
|
</div>
|
|
</div>
|
|
<svg _ngcontent-c1="" aria-hidden="true" class="octicon dropdownArrow" version="1.1" viewBox="0 0 12 16" width="16px" height="16px">
|
|
<path _ngcontent-c1="" d="M0 5l6 6 6-6z">
|
|
</path>
|
|
</svg>
|
|
</button>
|
|
</p-header>
|
|
|
|
<div class="ui-g">
|
|
<div class="ui-g-12">
|
|
<div class="ui-g-2">
|
|
<h3>IP</h3>
|
|
</div>
|
|
<div class="ui-g-5">
|
|
<p-radioButton name="ipType" value="V4" label="V4" [(ngModel)]="ipType"></p-radioButton>
|
|
</div>
|
|
<div class="ui-g-5">
|
|
<p-radioButton name="ipType" value="V6" label="V6" [(ngModel)]="ipType" [disabled]="true"></p-radioButton>
|
|
</div>
|
|
<div class="ui-g-10 ui-g-offset-2">Range :
|
|
<input type="text" pInputText placeholder="192.168.1.1" style="width:100px;" [(ngModel)]="firstIP" (ngModelChange)="validateIP($event, 0)"
|
|
(keypress)="ipPressed($event)"> -
|
|
<input type="text" pInputText placeholder="192.168.1.254" style="width:100px;" [(ngModel)]="lastIP" (ngModelChange)="validateIP($event, 1)"
|
|
(keypress)="ipPressed($event)">
|
|
</div>
|
|
</div>
|
|
<div *ngIf="ipErrMsg">
|
|
{{ipErrMsg}}
|
|
</div>
|
|
</div>
|
|
<div class="ui-g">
|
|
<div class="ui-g-12">
|
|
<div class="ui-g-2">
|
|
<h3>Port</h3>
|
|
</div>
|
|
<div class="ui-g-5">
|
|
<p-checkbox name="includePortType" value="TCP" label="TCP" [(ngModel)]="includePortType" (onChange)="validateTCP($event)"></p-checkbox>
|
|
</div>
|
|
<div class="ui-g-5">
|
|
<p-checkbox name="includePortType" value="UDP" label="UDP" [(ngModel)]="includePortType" (onChange)="validateUDP($event)"></p-checkbox>
|
|
</div>
|
|
<div class="ui-g-10 ui-g-offset-2">Range :
|
|
<input type="number" pInputText placeholder="1" style="width:100px;" [(ngModel)]="firstPort" min="1" max="65535" (ngModelChange)="validatePort($event, 0)"> -
|
|
<input type="number" pInputText placeholder="65535" style="width:100px;" [(ngModel)]="lastPort" min="1" max="65535" (ngModelChange)="validatePort($event, 1)">
|
|
</div>
|
|
</div>
|
|
<div *ngIf="portErrMsg">
|
|
{{portErrMsg}}
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!--
|
|
<h3 class="first">Document</h3>
|
|
<p-blockUI [blocked]="blockedDocument"></p-blockUI>
|
|
|
|
<button type="button" pButton label="Block" (click)="blockDocument()"></button>
|
|
|
|
<h3>Panel</h3>
|
|
<button type="button" pButton label="Block" (click)="blockedPanel=true"></button>
|
|
<button type="button" pButton label="Unblock" (click)="blockedPanel=false"></button>
|
|
|
|
<p-blockUI [target]="pnl" [blocked]="blockedPanel">
|
|
<i class="fa fa-lock fa-5x" style="position:absolute;top:25%;left:50%"></i>
|
|
</p-blockUI>
|
|
<p-panel #pnl header="Godfather I" [style]="{'margin-top':'20px'}">
|
|
The story begins as Don Vito Corleone, the head of a New York Mafia family, oversees his daughter's wedding. His beloved
|
|
son Michael has just come home from the war, but does not intend to become part of his father's business. Through Michael's
|
|
life the nature of the family business becomes clear. The business of the family is just like the head of the family,
|
|
kind and benevolent to those who give respect, but given to ruthless violence whenever anything stands against the good
|
|
of the family.
|
|
</p-panel>
|
|
-->
|
|
<div class="ui-g-12">
|
|
<button type="button" pButton label="Reset" style="float: right;" (click)="setDefault()"></button>
|
|
<button type="button" pButton label="Apply" style="float: right;" (click)="done()" [disabled]="portErrMsg || ipErrMsg"></button>
|
|
</div>
|
|
<!-- <p-footer>
|
|
Footer content here
|
|
</p-footer> -->
|
|
</of-p-dropdownPanel> |