85 lines
3.5 KiB
HTML
85 lines
3.5 KiB
HTML
|
<div *ngIf="!started">
|
||
|
|
|
||
|
|
<h2 mat-dialog-title>Discovery Setting</h2>
|
||
|
|
|
||
|
|
<mat-dialog-content>
|
||
|
|
|
||
|
|
<mat-card>
|
||
|
|
<mat-card-header>
|
||
|
|
<mat-card-title>Zone</mat-card-title>
|
||
|
|
<mat-card-subtitle>{{cidr}}</mat-card-subtitle>
|
||
|
|
</mat-card-header>
|
||
|
|
<mat-card-content>
|
||
|
|
<!-- <form (ngSubmit)="discovery()"> -->
|
||
|
|
<div>
|
||
|
|
<div>
|
||
|
|
<mat-checkbox [checked]="true" [(ngModel)]="hostChecked" (change)="handleHostCheckChange($event)">Host</mat-checkbox>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<mat-form-field *ngIf="hostChecked">
|
||
|
|
<input matInput placeholder="Start IP" type="string" [(ngModel)]="startIP">
|
||
|
|
</mat-form-field>
|
||
|
|
<mat-form-field *ngIf="hostChecked">
|
||
|
|
<input matInput placeholder="End IP" type="string" [(ngModel)]="endIP">
|
||
|
|
</mat-form-field>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div>
|
||
|
|
<mat-checkbox [(ngModel)]="portChecked" (change)="handlePortCheckChange($event)">Port</mat-checkbox>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div *ngIf="portChecked">
|
||
|
|
<mat-slide-toggle [checked]="true" [(ngModel)]="tcpChecked">TCP</mat-slide-toggle>
|
||
|
|
<mat-slide-toggle [checked]="true" [(ngModel)]="udpChecked">UDP</mat-slide-toggle>
|
||
|
|
</div>
|
||
|
|
<mat-form-field *ngIf="portChecked">
|
||
|
|
<input matInput placeholder="Start Port" type="number" [(ngModel)]="startPort">
|
||
|
|
</mat-form-field>
|
||
|
|
<mat-form-field *ngIf="portChecked">
|
||
|
|
<input matInput placeholder="End Port" type="number" [(ngModel)]="endPort">
|
||
|
|
</mat-form-field>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div>
|
||
|
|
<mat-checkbox [(ngModel)]="serviceChecked" (change)="handleServiceCheckChange($event)">Service</mat-checkbox>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<of-input-chip *ngIf="serviceChecked" [unselectedItems]="serviceItems" (change)="handleServiceChange($event)"></of-input-chip>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- </form> -->
|
||
|
|
</mat-card-content>
|
||
|
|
</mat-card>
|
||
|
|
</mat-dialog-content>
|
||
|
|
|
||
|
|
|
||
|
|
<mat-dialog-actions fxLayoutAlign="end">
|
||
|
|
<button mat-button mat-dialog-close>Cancel</button>
|
||
|
|
<button mat-button color="primary" (click)="discovery()">Start</button>
|
||
|
|
<!-- <button mat-raised-button type="submit" color="primary">Start</button> -->
|
||
|
|
</mat-dialog-actions>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div *ngIf="started">
|
||
|
|
<tree-root id="tree2" [focused]="true" [nodes]="treeNodes">
|
||
|
|
<ng-template #treeNodeFullTemplate let-node let-index="index" let-templates="templates">
|
||
|
|
<div class="tree-node">
|
||
|
|
<input type="checkbox" [checked]="node.isActive" (change)="checkDiscoveryResult(node)" />
|
||
|
|
<tree-node-expander [node]="node"></tree-node-expander>
|
||
|
|
<div class="node-content-wrapper" [class.node-content-wrapper-active]="node.isActive" [class.node-content-wrapper-focused]="node.isFocused"
|
||
|
|
(click)="checkDiscoveryResult(node)">
|
||
|
|
<span [class]="node.data.className" [class.title]="true">{{ node.data.title }}</span>
|
||
|
|
</div>
|
||
|
|
<tree-node-children [node]="node" [templates]="templates"></tree-node-children>
|
||
|
|
</div>
|
||
|
|
</ng-template>
|
||
|
|
</tree-root>
|
||
|
|
<mat-dialog-actions fxLayoutAlign="end">
|
||
|
|
<button mat-button mat-dialog-close>Cancel</button>
|
||
|
|
<button mat-button color="primary" (click)="discoveryResultSave()">Save</button>
|
||
|
|
<!-- <button mat-raised-button type="submit" color="primary">Start</button> -->
|
||
|
|
</mat-dialog-actions>
|
||
|
|
</div>
|