member_webapp/src/packages/discovery/component/setting/setting.component.html

135 lines
4.9 KiB
HTML
Raw Normal View History

2018-04-06 11:02:18 +00:00
<div *ngIf="!started">
2018-04-10 10:20:44 +00:00
<!-- <mat-dialog-actions fxLayoutAlign="end">
<button mat-button mat-dialog-close>Cancel</button>
<button mat-button color="primary" (click)="discovery()">Start</button>
</mat-dialog-actions> -->
2018-04-19 13:25:17 +00:00
<p-card title="Zone" subtitle="192.168.1.0/24" styleClass="ui-card-shadow">
2018-04-10 10:20:44 +00:00
<p-header>
</p-header>
<div>
2018-04-19 13:25:17 +00:00
<div class="ui-g">
2018-04-10 10:20:44 +00:00
<div class="ui-g-12">
2018-04-16 08:13:25 +00:00
<p-checkbox name="group1" value="host" label="Host" inputId="la" [(ngModel)]="hostChecked" (onChange)="handleHostCheckChange($event)"></p-checkbox>
2018-04-06 11:02:18 +00:00
</div>
2018-04-10 10:20:44 +00:00
</div>
2018-04-16 06:04:10 +00:00
<div class="ui-g form-group">
2018-04-19 13:25:17 +00:00
<div class="ui-g-12 ui-md-6">
2018-04-16 06:04:10 +00:00
<span class="ui-float-label">
2018-04-16 08:13:25 +00:00
<input id="float-input" type="text" size="30" pInputText [(ngModel)]="startIP">
2018-04-16 06:04:10 +00:00
<label for="float-input">Start Ip</label>
2018-04-17 11:43:37 +00:00
</span>
2018-04-16 06:04:10 +00:00
</div>
2018-04-19 13:25:17 +00:00
<div class="ui-g-12 ui-md-6">
2018-04-16 06:04:10 +00:00
<span class="ui-float-label">
2018-04-16 08:13:25 +00:00
<input id="float-input" type="text" size="30" pInputText [(ngModel)]="endIP">
2018-04-16 06:04:10 +00:00
<label for="float-input">End Ip</label>
2018-04-17 11:43:37 +00:00
</span>
2018-04-16 06:04:10 +00:00
</div>
2018-04-17 11:43:37 +00:00
</div>
2018-04-10 10:20:44 +00:00
2018-04-16 06:04:10 +00:00
2018-04-19 13:25:17 +00:00
<div class="ui-g">
2018-04-17 11:43:37 +00:00
<div class="ui-g-12">
<p-checkbox name="group1" value="port" label="Port" [(ngModel)]="portChecked" inputId="la" (onChange)="handlePortCheckChange($event)"></p-checkbox>
</div>
<div class="ui-g-12">
2018-04-19 13:25:17 +00:00
<div class="ui-g-6">
2018-04-17 11:43:37 +00:00
TCP &nbsp;
<p-inputSwitch [(ngModel)]="tcpChecked"></p-inputSwitch>
</div>
2018-04-19 13:25:17 +00:00
<div class="ui-g-6">
2018-04-17 11:43:37 +00:00
UDP &nbsp;
<p-inputSwitch [(ngModel)]="udpChecked"></p-inputSwitch>
2018-04-06 11:02:18 +00:00
</div>
2018-04-17 11:43:37 +00:00
</div>
</div>
2018-04-16 08:13:25 +00:00
2018-04-17 11:43:37 +00:00
<div class="ui-g form-group">
2018-04-19 13:25:17 +00:00
<div class="ui-g-12 ui-md-6">
2018-04-17 11:43:37 +00:00
<span class="ui-float-label">
<input id="float-input" type="text" size="30" pInputText [(ngModel)]="startPort">
<label for="float-input">Start Port</label>
</span>
2018-04-06 11:02:18 +00:00
</div>
2018-04-10 10:20:44 +00:00
2018-04-19 13:25:17 +00:00
<div class="ui-g-12 ui-md-6">
2018-04-17 11:43:37 +00:00
<span class="ui-float-label">
<input id="float-input" type="text" size="30" pInputText [(ngModel)]="endPort">
<label for="float-input">End Port</label>
</span>
</div>
</div>
2018-04-16 06:04:10 +00:00
2018-04-17 11:43:37 +00:00
<!-- <p-listbox [options]="cities" [(ngModel)]="selectedCities" multiple="multiple" checkbox="checkbox" filter="filter" optionLabel="name">
<p-header>
<i class="fa fa-car"></i>
Cars
</p-header>
</p-listbox> -->
<div class="ui-g-12">
2018-04-19 13:25:17 +00:00
<div class="ui-g-12 ui-g-nopad">
2018-04-17 11:43:37 +00:00
<p-checkbox name="group1" value="service" label="Service" [(ngModel)]="serviceChecked" inputId="la" (onChange)="handleServiceCheckChange($event)"></p-checkbox>
2018-04-16 06:04:10 +00:00
</div>
2018-04-17 11:43:37 +00:00
<div class="ui-g-12">
2018-04-16 08:13:25 +00:00
<p-pickList [source]="serviceItems" [target]="includeServices" sourceHeader="Available" targetHeader="Selected" [responsive]="true"
filterBy="brand" dragdrop="true" dragdropScope="services" sourceFilterPlaceholder="Search by brand" targetFilterPlaceholder="Search by brand"
2018-04-19 13:25:17 +00:00
[sourceStyle]="{'height':'300px'}" [targetStyle]="{'height':'300px'}" [showTargetControls]="false" [showSourceControls]="false">
2018-04-16 08:13:25 +00:00
<ng-template let-service pTemplate="item">
2018-04-13 10:32:17 +00:00
<div class="ui-helper-clearfix">
2018-04-19 13:25:17 +00:00
<div style="font-size:14px;margin:0;padding: 0;">{{service.name}}</div>
2018-04-13 10:32:17 +00:00
</div>
</ng-template>
</p-pickList>
2018-04-16 08:13:25 +00:00
</div>
2018-04-17 11:43:37 +00:00
</div>
2018-04-16 08:13:25 +00:00
2018-04-10 10:20:44 +00:00
</div>
<p-footer>
2018-04-17 11:43:37 +00:00
<div dir="rtl">
<button pButton type="button" label="Cancel" icon="fa-close" class="ui-button-secondary ui-button-width-fit" (click)="closeDialog()"></button>
<button pButton type="button" label="Start" icon="fa-check" class="ui-button-width-fit" (click)="discovery()"></button>
</div>
2018-04-10 10:20:44 +00:00
</p-footer>
</p-card>
2018-04-06 11:02:18 +00:00
</div>
<div *ngIf="started">
2018-04-10 10:20:44 +00:00
2018-04-13 10:32:17 +00:00
<p-card title="Discovery Result" [style]="{width: '100%'}" styleClass="ui-card-shadow">
2018-04-10 10:20:44 +00:00
<p-header>
</p-header>
2018-04-19 13:25:17 +00:00
<div class="ui-g-12">
2018-04-26 12:37:15 +00:00
<p-tree [value]="treeNodes" selectionMode="checkbox" [(selection)]="selectedNodes"></p-tree>
2018-04-19 13:25:17 +00:00
</div>
2018-04-26 12:37:15 +00:00
<!-- <div class="ui-g-12">Selected Nodes:
2018-04-10 10:20:44 +00:00
<span *ngFor="let file of filesTree4">{{file.label}} </span>
2018-04-26 12:37:15 +00:00
</div> -->
2018-04-10 10:20:44 +00:00
<p-footer>
2018-04-19 13:25:17 +00:00
<div dir="rtl">
<button pButton type="button" label="Cancel" icon="fa-close" class="ui-button-secondary ui-button-width-fit" (click)="closeDialog()"></button>
2018-04-24 12:05:57 +00:00
<button pButton type="button" label="Save" icon="fa-check" class="ui-button-width-fit" (click)="discoveryResultSave()"></button>
2018-04-19 13:25:17 +00:00
</div>
2018-04-10 10:20:44 +00:00
</p-footer>
</p-card>
<!-- <mat-dialog-actions fxLayoutAlign="end">
2018-04-06 11:02:18 +00:00
<button mat-button mat-dialog-close>Cancel</button>
<button mat-button color="primary" (click)="discoveryResultSave()">Save</button>
2018-04-10 10:20:44 +00:00
</mat-dialog-actions> -->
2018-04-06 11:02:18 +00:00
</div>