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

map tree design

Browse Source
This commit is contained in:
insanity 2018-04-19 14:52:55 +09:00
parent 8025ad1d12
commit fcae5d70ce
2 changed files with 49 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/packages/infra/component/map/map.component.html
View File

@ -10,8 +10,10 @@
</div>
<div class="ui-g-12 ui-md-7 ui-g-nopad">
<div style="float: right;">
<button pButton type="button" class="ui-button-secondary ui-button-width-fit" label="Expand all" style="margin-top: 16px;" (click)="expandAll()"></button>
<button pButton type="button" class="ui-button-secondary ui-button-width-fit" label="Collapse all" style="margin-top: 16px;" (click)="collapseAll()"></button>
<button pButton type="button" class="ui-button-secondary ui-button-width-fit" label="Expand all" style="margin-top: 16px;"
(click)="expandAll()"></button>
<button pButton type="button" class="ui-button-secondary ui-button-width-fit" label="Collapse all" style="margin-top: 16px;"
(click)="collapseAll()"></button>
</div>
<div style="float: right; margin: 30px 15px 0 0;">
<i class="fa ui-icon-stop ui-status-icon ui-status-success"></i>Up
@ -23,7 +25,33 @@
</div>
</div>
<div class="ui-g-12 ui-g-nopad">
<p-tree [value]="infraTree" selectionMode="single" [(selection)]="selectedTree" ></p-tree>
<p-tree [value]="infraTree" selectionMode="single" [(selection)]="selectedTree">
<ng-template let-node pTemplate="default">
<div>{{node.label}}</div>
</ng-template>
<ng-template let-node pTemplate="infra">
<div>{{node.label}}</div>
</ng-template>
<ng-template let-node pTemplate="probe">
<div>{{node.label}}</div>
</ng-template>
<ng-template let-node pTemplate="host">
<div>{{node.label}}</div>
</ng-template>
<ng-template let-node pTemplate="service">
<div>{{node.label}}</div>
</ng-template>
<ng-template let-node pTemplate="sensor">
<p-button label="{{node.label}}"></p-button>
</ng-template>
</p-tree>
</div>
</div>

14
src/packages/infra/component/map/map.component.ts
View File

@ -144,21 +144,18 @@ export class MapComponent implements OnInit, AfterContentInit {
// for (const itt of this.infraTree) {
// }
// }
for (const sensor of sensorList) {
const st = {
label: 'Sensors - ' + sensor.crawler.name,
expandedIcon: 'fa-folder-open',
collapsedIcon: 'fa-folder',
type: 'sensor',
obj: sensor,
expanded: true
};
// FIXME:: target test id ....
const tt = this.targetTreeMap.get(3);
const tt = this.targetTreeMap.get(4);
// const tt = this.targetTreeMap.get(sensor.target.id);
if (tt !== undefined && tt !== null) {
tt.children.push(st);
@ -206,6 +203,7 @@ export class MapComponent implements OnInit, AfterContentInit {
const infraTree = {
label: 'Infra',
type: 'infra',
expandedIcon: 'fa-folder-open',
collapsedIcon: 'fa-folder',
expanded: true,
@ -216,6 +214,7 @@ export class MapComponent implements OnInit, AfterContentInit {
const tp = {
label: 'Probe - ' + key,
type: 'probe',
expandedIcon: 'fa-folder-open',
collapsedIcon: 'fa-folder',
expanded: this.DEFAULT_EXPANDED.valueOf(),
@ -228,6 +227,7 @@ export class MapComponent implements OnInit, AfterContentInit {
const th = {
label: 'Host - ' + ih.ip,
type: 'host',
expandedIcon: 'fa-folder-open',
collapsedIcon: 'fa-folder',
expanded: this.DEFAULT_EXPANDED.valueOf(),
@ -246,6 +246,7 @@ export class MapComponent implements OnInit, AfterContentInit {
for (let i = 0 ; i < ifsl.length; ++i) {
const ts = {
label: 'Service - ' + ifsl[i].vendor.name,
type: 'service',
expandedIcon: 'fa-folder-open',
collapsedIcon: 'fa-folder',
expanded: this.DEFAULT_EXPANDED.valueOf(),
@ -376,18 +377,21 @@ export class MapComponent implements OnInit, AfterContentInit {
const testInfraList = [
{
label: 'Infra',
type: 'infra',
expandedIcon: 'fa-folder-open',
collapsedIcon: 'fa-folder',
expanded: true,
children: [
{
label: 'Zone - 192.168.1.0/24',
type: 'zone',
expandedIcon: 'fa-folder-open',
collapsedIcon: 'fa-folder',
expanded: true,
children: [
{
label: 'Host - 192.168.1.106 - Snoop Host',
type: 'host',
expandedIcon: 'fa-folder-open',
collapsedIcon: 'fa-folder',
expanded: true,