overflow_scanner/app
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

design

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/commons/component/scanner-setting-dropdown.component.html
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"> <p-header class="toolbar-button">
<button _ngcontent-c1="" class="button-component" type="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"> <!-- <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 _ngcontent-c1="" class="title">{{portSummary}}</div>
</div> </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 _ngcontent-c1="" d="M0 5l6 6 6-6z">
</path> </path>
</svg> </svg>
@ -33,15 +35,16 @@
<p-radioButton name="ipType" value="V6" label="V6" [(ngModel)]="ipType" [disabled]="true"></p-radioButton> <p-radioButton name="ipType" value="V6" label="V6" [(ngModel)]="ipType" [disabled]="true"></p-radioButton>
</div> </div>
<div class="ui-g-10 ui-g-offset-2">Range : <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)" <input type="text" pInputText placeholder="192.168.1.1" style="width:100px;" [(ngModel)]="firstIP"
(keypress)="ipPressed($event)"> - (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)" <input type="text" pInputText placeholder="192.168.1.254" style="width:100px;" [(ngModel)]="lastIP"
(keypress)="ipPressed($event)"> (ngModelChange)="validateIP($event, 1)" (keypress)="ipPressed($event)">
<div *ngIf="ipErrMsg" class="ui-err-msg">
{{ipErrMsg}}
</div>
</div> </div>
</div> </div>
<div *ngIf="ipErrMsg">
{{ipErrMsg}}
</div>
</div> </div>
<div class="ui-g"> <div class="ui-g">
<div class="ui-g-12"> <div class="ui-g-12">
@ -55,15 +58,16 @@
<p-checkbox name="includePortType" value="UDP" label="UDP" [(ngModel)]="includePortType" (onChange)="validateUDP($event)"></p-checkbox> <p-checkbox name="includePortType" value="UDP" label="UDP" [(ngModel)]="includePortType" (onChange)="validateUDP($event)"></p-checkbox>
</div> </div>
<div class="ui-g-10 ui-g-offset-2">Range : <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" <input type="text" pInputText placeholder="1" style="width:100px;" [(ngModel)]="firstPort" min="1" max="65535"
(ngModelChange)="validatePort($event, 0)" (keypress)="portPressed($event)"> - 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" <input type="text" pInputText placeholder="65535" style="width:100px;" [(ngModel)]="lastPort" min="1" max="65535"
(ngModelChange)="validatePort($event, 1)" (keypress)="portPressed($event)"> maxlength="5" (ngModelChange)="validatePort($event, 1)" (keypress)="portPressed($event)">
<div *ngIf="portErrMsg" class="ui-err-msg">
{{portErrMsg}}
</div>
</div> </div>
</div> </div>
<div *ngIf="portErrMsg">
{{portErrMsg}}
</div>
</div> </div>

5
src/commons/component/scanner-setting-dropdown.component.scss
View File

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