design
This commit is contained in:
parent
bca899db76
commit
b4307ef25e
|
@ -1,4 +1,5 @@
|
|||
<of-p-dropdownPanel #panel [style]="{'width':'400px'}" [headerStyle]="{'width':'300px'}" [blockTarget]="blockTarget" (cancel)="cancel()">
|
||||
<of-p-dropdownPanel #panel [style]="{'width':'400px'}" [headerStyle]="{'width':'300px'}" [blockTarget]="blockTarget"
|
||||
(cancel)="cancel()">
|
||||
<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">
|
||||
|
@ -14,7 +15,8 @@
|
|||
<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">
|
||||
<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>
|
||||
|
@ -33,15 +35,16 @@
|
|||
<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)">
|
||||
<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 *ngIf="ipErrMsg" class="ui-err-msg">
|
||||
{{ipErrMsg}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="ipErrMsg">
|
||||
{{ipErrMsg}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="ui-g">
|
||||
<div class="ui-g-12">
|
||||
|
@ -55,15 +58,16 @@
|
|||
<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="text" pInputText placeholder="1" style="width:100px;" [(ngModel)]="firstPort" min="1" max="65535" maxlength="5"
|
||||
(ngModelChange)="validatePort($event, 0)" (keypress)="portPressed($event)"> -
|
||||
<input type="text" pInputText placeholder="65535" style="width:100px;" [(ngModel)]="lastPort" min="1" max="65535" maxlength="5"
|
||||
(ngModelChange)="validatePort($event, 1)" (keypress)="portPressed($event)">
|
||||
<input type="text" pInputText placeholder="1" style="width:100px;" [(ngModel)]="firstPort" min="1" max="65535"
|
||||
maxlength="5" (ngModelChange)="validatePort($event, 0)" (keypress)="portPressed($event)"> -
|
||||
<input type="text" pInputText placeholder="65535" style="width:100px;" [(ngModel)]="lastPort" min="1" max="65535"
|
||||
maxlength="5" (ngModelChange)="validatePort($event, 1)" (keypress)="portPressed($event)">
|
||||
<div *ngIf="portErrMsg" class="ui-err-msg">
|
||||
{{portErrMsg}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="portErrMsg">
|
||||
{{portErrMsg}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
|
|
@ -14,4 +14,9 @@
|
|||
float: right;
|
||||
margin-left: 4px;
|
||||
}
|
||||
}
|
||||
.ui-err-msg {
|
||||
padding-left:40px;
|
||||
margin: 5px;
|
||||
color: red;
|
||||
}
|
Loading…
Reference in New Issue
Block a user