overflow_cloud/member_webapp
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ing

Browse Source
This commit is contained in:
sunny
2018-08-03 15:11:48 +09:00
parent a2bd037b19
commit cd33613bc8
30 changed files with 189 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
@overflow/discovery/component/discovery-infra-tree.component.html
View File

@@ -10,8 +10,13 @@
<ng-template let-node pTemplate="ZONE">
<!-- 이미 저장된 Infra인 Node-->
<div *ngIf="node.data.date">
<p-toggleButton [disabled]="node.data.target" onLabel="{{node.label}}" offLabel="{{node.label}}" onIcon="fa-check" offIcon="fa-square"
[style]="{'width':'200px'}" (onChange)="onTargetSelect($event, node)"></p-toggleButton> {{node.data.date | date: 'yy/MM/dd'}}
<p-card>
<div class="ui-discovery-new">NEW</div>
<div class="ui-discovery-title">{{node.label}}</div>
<div class="ui-discovery-date">{{node.data.date | date: 'yy/MM/dd'}}</div>
</p-card>
<!--p-toggleButton [disabled]="node.data.target" onLabel="{{node.label}}" offLabel="{{node.label}}" onIcon="fa-check" offIcon="fa-square"
[style]="{'width':'200px'}" (onChange)="onTargetSelect($event, node)"></p-toggleButton> {{node.data.date | date: 'yy/MM/dd'}}-->
</div>
</ng-template>
@@ -19,14 +24,23 @@
<ng-template let-node pTemplate="HOST">
<!-- 이미 저장된 Infra인 Node-->
<div *ngIf="node.data.date">
<p-toggleButton [style]="checkHighlight(node.label, 0) ? {'width':'200px'} : {'width':'200px','opacity':'0.2'}" [disabled]="node.data.target"
onLabel="{{node.label}}" offLabel="{{node.label}}" onIcon="fa-check" offIcon="fa-square" (onChange)="onTargetSelect($event, node)"></p-toggleButton> {{node.data.date | date: 'yy/MM/dd'}}
<p-card class="ui-discovery-selected">
<div class="ui-discovery-title">{{node.label}}</div>
<div class="ui-discovery-date">{{node.data.date | date: 'yy/MM/dd'}}</div>
</p-card>
<!--p-toggleButton [style]="checkHighlight(node.label, 0) ? {'width':'200px'} : {'width':'200px','opacity':'0.2'}" [disabled]="node.data.target"
onLabel="{{node.label}}" offLabel="{{node.label}}" onIcon="fa-check" offIcon="fa-square" (onChange)="onTargetSelect($event, node)"></p-toggleButton> {{node.data.date | date: 'yy/MM/dd'}} -->
</div>
<!-- 새로 Discovery된 Host -->
<div *ngIf="!node.data.date" @discoveryResultAnim>
<p-toggleButton [style]="checkHighlight(node.label, 0) ? {'width':'200px'} : {'width':'200px','opacity':'0.2'}" onLabel="{{node.label}}"
offLabel="{{node.label}}" onIcon="fa-check" offIcon="fa-square" [style]="{'width':'200px'}" (onChange)="onTargetSelect($event, node)"></p-toggleButton> New!!
<p-card>
<div class="ui-discovery-new">NEW</div>
<div class="ui-discovery-title">{{node.label}}</div>
<div class="ui-discovery-date">{{node.data.date | date: 'yy/MM/dd'}}</div>
</p-card>
<!--p-toggleButton [style]="checkHighlight(node.label, 0) ? {'width':'200px'} : {'width':'200px','opacity':'0.2'}" onLabel="{{node.label}}"
offLabel="{{node.label}}" onIcon="fa-check" offIcon="fa-square" [style]="{'width':'200px'}" (onChange)="onTargetSelect($event, node)"></p-toggleButton> New!!-->
</div>
</ng-template>
@@ -34,15 +48,24 @@
<ng-template let-node pTemplate="SERVICE">
<!-- 이미 저장된 Infra인 Node-->
<div *ngIf="node.data.date">
<p-toggleButton [style]="checkHighlight(node.label, 0) ? {'width':'200px'} : {'width':'200px','opacity':'0.2'}" [disabled]="node.data.target"
<p-card class="ui-discovery-disable">
<div class="ui-discovery-title">{{node.label}}</div>
<div class="ui-discovery-date">{{node.data.date | date: 'yy/MM/dd'}}</div>
</p-card>
<!--p-toggleButton [style]="checkHighlight(node.label, 0) ? {'width':'200px'} : {'width':'200px','opacity':'0.2'}" [disabled]="node.data.target"
onLabel="{{node.label}}" offLabel="{{node.label}}" onIcon="fa-check" offIcon="fa-square" [style]="{'width':'200px'}"
(onChange)="onTargetSelect($event, node)"></p-toggleButton> {{node.data.date | date: 'yy/MM/dd'}}
(onChange)="onTargetSelect($event, node)"></p-toggleButton> {{node.data.date | date: 'yy/MM/dd'}} -->
</div>
<!-- 새로 Discovery된 Service -->
<div *ngIf="!node.data.date" @discoveryResultAnim>
<p-toggleButton [style]="checkHighlight(node.label, 0) ? {'width':'200px'} : {'width':'200px','opacity':'0.2'}" onLabel="{{node.label}}"
offLabel="{{node.label}}" onIcon="fa-check" offIcon="fa-square" [style]="{'width':'200px'}" (onChange)="onTargetSelect($event, node)"></p-toggleButton> New!!
<p-card>
<div class="ui-discovery-new">NEW</div>
<div class="ui-discovery-title">{{node.label}}</div>
<div class="ui-discovery-date">{{node.data.date | date: 'yy/MM/dd'}}</div>
</p-card>
<!--p-toggleButton [style]="checkHighlight(node.label, 0) ? {'width':'200px'} : {'width':'200px','opacity':'0.2'}" onLabel="{{node.label}}"
offLabel="{{node.label}}" onIcon="fa-check" offIcon="fa-square" [style]="{'width':'200px'}" (onChange)="onTargetSelect($event, node)"></p-toggleButton> New!! -->
</div>
</ng-template>
</p-tree>