This commit is contained in:
sunny 2018-09-13 15:27:08 +09:00
parent bca899db76
commit b4307ef25e
2 changed files with 25 additions and 16 deletions

View File

@ -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>

View File

@ -15,3 +15,8 @@
margin-left: 4px;
}
}
.ui-err-msg {
padding-left:40px;
margin: 5px;
color: red;
}