ing
This commit is contained in:
parent
a2bd037b19
commit
cd33613bc8
|
@ -10,8 +10,13 @@
|
||||||
<ng-template let-node pTemplate="ZONE">
|
<ng-template let-node pTemplate="ZONE">
|
||||||
<!-- 이미 저장된 Infra인 Node-->
|
<!-- 이미 저장된 Infra인 Node-->
|
||||||
<div *ngIf="node.data.date">
|
<div *ngIf="node.data.date">
|
||||||
<p-toggleButton [disabled]="node.data.target" onLabel="{{node.label}}" offLabel="{{node.label}}" onIcon="fa-check" offIcon="fa-square"
|
<p-card>
|
||||||
[style]="{'width':'200px'}" (onChange)="onTargetSelect($event, node)"></p-toggleButton> {{node.data.date | date: 'yy/MM/dd'}}
|
<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>
|
</div>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|
||||||
|
@ -19,14 +24,23 @@
|
||||||
<ng-template let-node pTemplate="HOST">
|
<ng-template let-node pTemplate="HOST">
|
||||||
<!-- 이미 저장된 Infra인 Node-->
|
<!-- 이미 저장된 Infra인 Node-->
|
||||||
<div *ngIf="node.data.date">
|
<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-selected">
|
||||||
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 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>
|
</div>
|
||||||
|
|
||||||
<!-- 새로 Discovery된 Host -->
|
<!-- 새로 Discovery된 Host -->
|
||||||
<div *ngIf="!node.data.date" @discoveryResultAnim>
|
<div *ngIf="!node.data.date" @discoveryResultAnim>
|
||||||
<p-toggleButton [style]="checkHighlight(node.label, 0) ? {'width':'200px'} : {'width':'200px','opacity':'0.2'}" onLabel="{{node.label}}"
|
<p-card>
|
||||||
offLabel="{{node.label}}" onIcon="fa-check" offIcon="fa-square" [style]="{'width':'200px'}" (onChange)="onTargetSelect($event, node)"></p-toggleButton> New!!
|
<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>
|
</div>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|
||||||
|
@ -34,15 +48,24 @@
|
||||||
<ng-template let-node pTemplate="SERVICE">
|
<ng-template let-node pTemplate="SERVICE">
|
||||||
<!-- 이미 저장된 Infra인 Node-->
|
<!-- 이미 저장된 Infra인 Node-->
|
||||||
<div *ngIf="node.data.date">
|
<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'}"
|
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>
|
</div>
|
||||||
|
|
||||||
<!-- 새로 Discovery된 Service -->
|
<!-- 새로 Discovery된 Service -->
|
||||||
<div *ngIf="!node.data.date" @discoveryResultAnim>
|
<div *ngIf="!node.data.date" @discoveryResultAnim>
|
||||||
<p-toggleButton [style]="checkHighlight(node.label, 0) ? {'width':'200px'} : {'width':'200px','opacity':'0.2'}" onLabel="{{node.label}}"
|
<p-card>
|
||||||
offLabel="{{node.label}}" onIcon="fa-check" offIcon="fa-square" [style]="{'width':'200px'}" (onChange)="onTargetSelect($event, node)"></p-toggleButton> New!!
|
<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>
|
</div>
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</p-tree>
|
</p-tree>
|
||||||
|
|
|
@ -1,5 +1,3 @@
|
||||||
<h1>Unauthorized</h1>
|
|
||||||
|
|
||||||
<of-error-message [error]="error$ | async" [closable]="false"></of-error-message>
|
<of-error-message [error]="error$ | async" [closable]="false"></of-error-message>
|
||||||
<of-block-progressbar [target]="content" [pending]="pending$ | async"></of-block-progressbar>
|
<of-block-progressbar [target]="content" [pending]="pending$ | async"></of-block-progressbar>
|
||||||
|
|
||||||
|
|
|
@ -1,4 +1,3 @@
|
||||||
<h1>Download</h1>
|
|
||||||
<p-tabView orientation="left" (onChange)="onChange($event)" [activeIndex]="index" class="ui-tab-bgcolor">
|
<p-tabView orientation="left" (onChange)="onChange($event)" [activeIndex]="index" class="ui-tab-bgcolor">
|
||||||
<!--
|
<!--
|
||||||
<p-tabPanel [header]="item.header" *ngFor="let item of items; let i = index" [selected]="i == 0">
|
<p-tabPanel [header]="item.header" *ngFor="let item of items; let i = index" [selected]="i == 0">
|
||||||
|
@ -10,7 +9,7 @@
|
||||||
Complex Content to Lazy Load1
|
Complex Content to Lazy Load1
|
||||||
</ng-template>
|
</ng-template>
|
||||||
</p-tabPanel>
|
</p-tabPanel>
|
||||||
<p-tabPanel header="Windows" >
|
<p-tabPanel header="Windows">
|
||||||
<ng-template pTemplate="content">
|
<ng-template pTemplate="content">
|
||||||
Complex Content to Lazy Load2
|
Complex Content to Lazy Load2
|
||||||
</ng-template>
|
</ng-template>
|
||||||
|
|
|
@ -1,4 +1,3 @@
|
||||||
<h1>Probes</h1>
|
|
||||||
<of-error-message [error]="error$ | async" [closable]="false"></of-error-message>
|
<of-error-message [error]="error$ | async" [closable]="false"></of-error-message>
|
||||||
<of-block-progressbar [target]="content" [pending]="pending$ | async"></of-block-progressbar>
|
<of-block-progressbar [target]="content" [pending]="pending$ | async"></of-block-progressbar>
|
||||||
|
|
||||||
|
|
|
@ -1,10 +1,10 @@
|
||||||
<p-panel [showHeader]="false" class="ui-top-space-10">
|
<p-panel [showHeader]="false" class="ui-top-space-10">
|
||||||
<div *ngIf="probeHost" class="ui-g">
|
<div *ngIf="probeHost" class="ui-g">
|
||||||
<div class="ui-g-12 ui-md-4 ui-key-value">
|
<div class="ui-g-12 ui-md-6 ui-key-value">
|
||||||
<of-key-value [key]="'Status'" [value]="connectionStatus"></of-key-value>
|
<of-key-value [key]="'Status'" [value]="connectionStatus"></of-key-value>
|
||||||
<of-key-value [key]="'CIDR'" [value]="probeHost.probe.cidr"></of-key-value>
|
<of-key-value [key]="'CIDR'" [value]="probeHost.probe.cidr"></of-key-value>
|
||||||
</div>
|
</div>
|
||||||
<div class="ui-g-12 ui-md-4 ui-key-value">
|
<div class="ui-g-12 ui-md-6 ui-key-value">
|
||||||
<of-key-value [key]="'Name'" [value]="probeHost.probe.name"></of-key-value>
|
<of-key-value [key]="'Name'" [value]="probeHost.probe.name"></of-key-value>
|
||||||
<of-key-value *ngIf="probeHost.infraHost.infraHostOS" [key]="'OS'" [value]="probeHost.infraHost.infraHostOS.name"></of-key-value>
|
<of-key-value *ngIf="probeHost.infraHost.infraHostOS" [key]="'OS'" [value]="probeHost.infraHost.infraHostOS.name"></of-key-value>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,5 +1,4 @@
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12 ui-nopad">
|
||||||
<div class="ui-g-12">
|
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="card clearfix">
|
<div class="card clearfix">
|
||||||
<span class="footer-text-left">Loafle</span>
|
<span class="footer-text-left">Loafle</span>
|
||||||
|
@ -9,5 +8,4 @@
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
|
@ -16,7 +16,7 @@
|
||||||
<i class="material-icons">expand_more</i>
|
<i class="material-icons">expand_more</i>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<ul class="topbar-items animated fadeInDown ultima-main-topmenu" [ngClass]="{'topbar-items-visible': app.topbarMenuActive}">
|
<ul class="topbar-items animated fadeInDown" [ngClass]="{'topbar-items-visible': app.topbarMenuActive}">
|
||||||
<li #profile class="profile-item" *ngIf="app.profileMode==='top'||app.isHorizontal()" [ngClass]="{'active-top-menu':app.activeTopbarItem === profile}">
|
<li #profile class="profile-item" *ngIf="app.profileMode==='top'||app.isHorizontal()" [ngClass]="{'active-top-menu':app.activeTopbarItem === profile}">
|
||||||
|
|
||||||
<a href="#" (click)="app.onTopbarItemClick($event,profile)">
|
<a href="#" (click)="app.onTopbarItemClick($event,profile)">
|
||||||
|
@ -24,7 +24,7 @@
|
||||||
<span class="topbar-item-name">Jane Williams</span>
|
<span class="topbar-item-name">Jane Williams</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<ul class="ultima-menu animated fadeInDown">
|
<ul class="ultima-menu animated fadeInDown ultima-main-topmenu">
|
||||||
<li role="menuitem">
|
<li role="menuitem">
|
||||||
<a href="#">
|
<a href="#">
|
||||||
<i class="material-icons">person</i>
|
<i class="material-icons">person</i>
|
||||||
|
@ -134,7 +134,7 @@
|
||||||
</span>
|
</span>
|
||||||
<span class="topbar-item-name">Notifications</span>
|
<span class="topbar-item-name">Notifications</span>
|
||||||
</a>
|
</a>
|
||||||
<ul class="ultima-menu animated fadeInDown">
|
<ul class="ultima-menu animated fadeInDown ultima-main-topmenu">
|
||||||
<!-- <of-notification-badge-container (select)="onNotificationSelect($event)" (viewAll)="onViewAllNotification($event)"></of-notification-badge-container> -->
|
<!-- <of-notification-badge-container (select)="onNotificationSelect($event)" (viewAll)="onViewAllNotification($event)"></of-notification-badge-container> -->
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
@ -1,9 +1,9 @@
|
||||||
<!--<div class="ui-fluid">-->
|
<!--<div class="ui-fluid">-->
|
||||||
<!--<div class="ui-g">-->
|
<!--<div class="ui-g">-->
|
||||||
<!--<div class="ui-g-12">-->
|
<!--<div class="ui-g-12">-->
|
||||||
<!--<div class="card no-margin">-->
|
<!--<div class="card">-->
|
||||||
<router-outlet></router-outlet>
|
<router-outlet></router-outlet>
|
||||||
<!--</div>-->
|
<!--</div>-->
|
||||||
<!--</div>-->
|
<!--</div>-->
|
||||||
<!--</div>-->
|
<!--</div>-->
|
||||||
<!--</div>-->
|
<!--</div>-->
|
|
@ -1,7 +1,7 @@
|
||||||
<div class="ui-fluid">
|
<div class="ui-fluid">
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12 ui-nopad">
|
||||||
<div class="card no-margin">
|
<div class="card">
|
||||||
<h1>Profile</h1>
|
<h1>Profile</h1>
|
||||||
<of-member-profile></of-member-profile>
|
<of-member-profile></of-member-profile>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<div class="ui-fluid">
|
<div class="ui-fluid">
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12 ui-nopad">
|
||||||
<div class="card no-margin">
|
<div class="card">
|
||||||
<of-member-totp></of-member-totp>
|
<of-member-totp></of-member-totp>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<div class="ui-fluid">
|
<div class="ui-fluid">
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12 ui-nopad">
|
||||||
<div class="card no-margin">
|
<div class="card">
|
||||||
<h1>Alert</h1>
|
<h1>Alert</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<div class="ui-fluid">
|
<div class="ui-fluid">
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12 ui-nopad">
|
||||||
<div class="card no-margin">
|
<div class="card">
|
||||||
<h1>Dashboard</h1>
|
<h1>Dashboard</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<div class="ui-fluid">
|
<div class="ui-fluid">
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12 ui-nopad">
|
||||||
<div class="card no-margin">
|
<div class="card">
|
||||||
<of-discovery [probeHostID]="probeHostID"></of-discovery>
|
<of-discovery [probeHostID]="probeHostID"></of-discovery>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,9 +1,9 @@
|
||||||
<div class="ui-fluid">
|
<div class="ui-fluid">
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12 ui-nopad">
|
||||||
<div class="card no-margin">
|
<div class="card">
|
||||||
<h1>Home works</h1>
|
<h1>Home works</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
|
@ -1,7 +1,7 @@
|
||||||
<div class="ui-fluid">
|
<div class="ui-fluid">
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12 ui-nopad">
|
||||||
<div class="card no-margin">
|
<div class="card">
|
||||||
<of-infra-map (discovery)="onDiscovery($event)"></of-infra-map>
|
<of-infra-map (discovery)="onDiscovery($event)"></of-infra-map>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<div class="ui-fluid">
|
<div class="ui-fluid">
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12 ui-nopad">
|
||||||
<div class="card no-margin">
|
<div class="card">
|
||||||
<h1>Log page</h1>
|
<h1>Log page</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<div class="ui-fluid">
|
<div class="ui-fluid">
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12 ui-nopad">
|
||||||
<div class="card no-margin">
|
<div class="card">
|
||||||
<of-notification-container (pageChange)="onPageChange($event)"></of-notification-container>
|
<of-notification-container (pageChange)="onPageChange($event)"></of-notification-container>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<div class="ui-fluid">
|
<div class="ui-fluid">
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12 ui-nopad">
|
||||||
<div class="card no-margin">
|
<div class="card">
|
||||||
<h1>Overview</h1>
|
<h1>Overview</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.router-outlet{
|
.router-outlet{
|
||||||
position: relative;padding: 0px 5px;
|
position: relative;padding: 0px;
|
||||||
}
|
}
|
||||||
.spacer {
|
.spacer {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
@ -24,7 +24,7 @@ export class PagesComponent implements AfterViewInit, OnDestroy, OnInit {
|
||||||
|
|
||||||
darkMenu = false;
|
darkMenu = false;
|
||||||
|
|
||||||
profileMode = 'inline';
|
profileMode = 'top'; //inline
|
||||||
|
|
||||||
rotateMenuButton: boolean;
|
rotateMenuButton: boolean;
|
||||||
|
|
||||||
|
|
|
@ -1,10 +1,12 @@
|
||||||
<div class="ui-fluid">
|
<div class="ui-fluid">
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12 ui-nopad">
|
||||||
<div class="card no-margin">
|
<div class="card">
|
||||||
|
<h1>Probes</h1>
|
||||||
|
<div class="ui-tabs-noborder">
|
||||||
<of-tabbar [tabs]="tabs"></of-tabbar>
|
<of-tabbar [tabs]="tabs"></of-tabbar>
|
||||||
</div>
|
</div>
|
||||||
<div class="card no-margin">
|
<br>
|
||||||
<router-outlet></router-outlet>
|
<router-outlet></router-outlet>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<div class="ui-fluid">
|
<div class="ui-fluid">
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12 ui-nopad">
|
||||||
<div class="card no-margin">
|
<div class="card">
|
||||||
<h1>Report</h1>
|
<h1>Report</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,10 +1,10 @@
|
||||||
<div class="ui-fluid">
|
<div class="ui-fluid">
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12 ui-nopad">
|
||||||
<div *ngIf="tabs" class="card no-margin">
|
<div *ngIf="tabs" class="card">
|
||||||
<of-tabbar [tabs]="tabs"></of-tabbar>
|
<of-tabbar [tabs]="tabs"></of-tabbar>
|
||||||
</div>
|
</div>
|
||||||
<div class="card no-margin">
|
<div class="card">
|
||||||
<router-outlet></router-outlet>
|
<router-outlet></router-outlet>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<div class="ui-fluid">
|
<div class="ui-fluid">
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12">
|
||||||
<div class="card no-margin">
|
<div class="card">
|
||||||
<!--<of-discovery [probeHostID]="probeHostID"></of-discovery>-->
|
<!--<of-discovery [probeHostID]="probeHostID"></of-discovery>-->
|
||||||
<of-target-detail [targetID]="targetID"></of-target-detail>
|
<of-target-detail [targetID]="targetID"></of-target-detail>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
<div class="ui-fluid">
|
<div class="ui-fluid">
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12">
|
||||||
<div class="card no-margin">
|
<div class="card">
|
||||||
<of-target-list [probeID]="probeID" [pageIdx]="pageIdx" (pageChange)="onPageChange($event)" (targetSelect)="onTargetSelect($event)" ></of-target-list>
|
<of-target-list [probeID]="probeID" [pageIdx]="pageIdx" (pageChange)="onPageChange($event)" (targetSelect)="onTargetSelect($event)"></of-target-list>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<div class="ui-g">
|
<div class="ui-g">
|
||||||
<div class="ui-g-12">
|
<div class="ui-g-12">
|
||||||
<div class="card no-margin">
|
<div class="card">
|
||||||
<!--<router-outlet *ngIf="probeID !== undefined" else complete></router-outlet>-->
|
<!--<router-outlet *ngIf="probeID !== undefined" else complete></router-outlet>-->
|
||||||
<!--<ng-template #complete>-->
|
<!--<ng-template #complete>-->
|
||||||
<!--<of-pages-target-list [probeID]="probeID" ></of-pages-target-list>-->
|
<!--<of-pages-target-list [probeID]="probeID" ></of-pages-target-list>-->
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
/* Common */
|
/* Common */
|
||||||
$textColor:#212121;
|
$textColor:#212121;
|
||||||
$textSecondaryColor:#757575;
|
$textSecondaryColor:#757575;
|
||||||
$fontSize:16px;
|
$fontSize:13px; //16px;
|
||||||
$lineHeight:1.5em;
|
$lineHeight:1.5em;
|
||||||
$transitionDuration:.3s;
|
$transitionDuration:.3s;
|
||||||
$borderRadius:3px;
|
$borderRadius:3px;
|
||||||
|
@ -60,5 +60,5 @@ $activeMenuItemBadgeColor:#ffffff;
|
||||||
$activeMenuItemBadgeTextColor:#212121;
|
$activeMenuItemBadgeTextColor:#212121;
|
||||||
|
|
||||||
/* Compact */
|
/* Compact */
|
||||||
$c-fontSize:14px;
|
$c-fontSize:13px; //14px;
|
||||||
$c-lineHeight:18px;
|
$c-lineHeight:1.5em; //18px;
|
|
@ -8,7 +8,7 @@ body {
|
||||||
li {
|
li {
|
||||||
a {
|
a {
|
||||||
i:last-child {
|
i:last-child {
|
||||||
font-size: $c-fontSize + 4;
|
font-size: $c-fontSize; // + 4;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -3161,7 +3161,7 @@
|
||||||
|
|
||||||
body .ui-widget,
|
body .ui-widget,
|
||||||
body .ui-widget .ui-widget {
|
body .ui-widget .ui-widget {
|
||||||
font-family: "Roboto","Helvetica Neue",sans-serif;
|
font-family: "Helvetica Neue", Helvetica, Arial, Roboto, sans-serif, sans-serif; /* "Roboto","Helvetica Neue",sans-serif;*/
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
body .ui-widget-content {
|
body .ui-widget-content {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
|
|
|
@ -12,6 +12,9 @@
|
||||||
background: url("/assets/layout/images/overFlow_CI_white_200_30.png") top left no-repeat !important;
|
background: url("/assets/layout/images/overFlow_CI_white_200_30.png") top left no-repeat !important;
|
||||||
background-size: 200px 30px; }
|
background-size: 200px 30px; }
|
||||||
// Menu
|
// Menu
|
||||||
|
.layout-container .topbar-items > li.profile-item .profile-image {
|
||||||
|
width: 24px;
|
||||||
|
height: 24px; }
|
||||||
.layout-container {
|
.layout-container {
|
||||||
|
|
||||||
.topbar {
|
.topbar {
|
||||||
|
@ -467,7 +470,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.ultima-main-menu {
|
&.ultima-main-menu {
|
||||||
margin-top: 16px;
|
margin-top: 0px; //16px;
|
||||||
padding-bottom: 120px;
|
padding-bottom: 120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -475,7 +478,7 @@
|
||||||
a {
|
a {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
display: block;
|
display: block;
|
||||||
padding: .5em 2.5em .5em 1em;
|
padding: 1em 2.5em 1em 1.2em;
|
||||||
//color: $textColor;
|
//color: $textColor;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
@ -490,7 +493,7 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
margin-right: .5em;
|
margin-right: .5em;
|
||||||
font-size: 1.5em;
|
font-size: 1em !important; //1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
i:last-child {
|
i:last-child {
|
||||||
|
@ -514,7 +517,7 @@
|
||||||
background-color: #cdcdcd !important;
|
background-color: #cdcdcd !important;
|
||||||
|
|
||||||
> i {
|
> i {
|
||||||
background-color: #cdcdcd !important;
|
//background-color: #cdcdcd !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
@ -550,7 +553,8 @@
|
||||||
|
|
||||||
li {
|
li {
|
||||||
a {
|
a {
|
||||||
padding: .5em 2.5em .5em 2em;
|
//padding: .5em 2.5em .5em 2em;
|
||||||
|
padding: 1em 2.5em 1em 2.4em;
|
||||||
|
|
||||||
> span {
|
> span {
|
||||||
//font-size: $fontSize - 1;
|
//font-size: $fontSize - 1;
|
||||||
|
@ -628,7 +632,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
padding: .5em;
|
padding: 0px;
|
||||||
|
|
||||||
.footer-text-left {
|
.footer-text-left {
|
||||||
float: left;
|
float: left;
|
||||||
|
@ -738,8 +742,8 @@
|
||||||
|
|
||||||
&.profile-item {
|
&.profile-item {
|
||||||
.profile-image {
|
.profile-image {
|
||||||
width: 30px !important;
|
width: 24px !important;
|
||||||
height: 30px !important;
|
height: 24px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1557,6 +1561,11 @@
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//.layout-container .layout-main .layout-content
|
||||||
|
.layout-container .layout-main .layout-content {
|
||||||
|
padding: 0px !important;
|
||||||
|
}
|
||||||
.ui-button-secondary{
|
.ui-button-secondary{
|
||||||
background-color : #f5f6f8 !important;
|
background-color : #f5f6f8 !important;
|
||||||
.ui-button-icon-left{
|
.ui-button-icon-left{
|
||||||
|
@ -1906,8 +1915,8 @@ body .ui-progressbar .ui-progressbar-value {
|
||||||
.ui-unbg-table{
|
.ui-unbg-table{
|
||||||
.ui-table .ui-table-tbody > tr:nth-child(odd) .ui-state-active, .ui-state-highlight {
|
.ui-table .ui-table-tbody > tr:nth-child(odd) .ui-state-active, .ui-state-highlight {
|
||||||
background-color: #f4f4f4 !important;
|
background-color: #f4f4f4 !important;
|
||||||
color: #203976 !important;
|
color: #2449a7 !important;
|
||||||
font-weight: bold;
|
font-weight: normal;
|
||||||
|
|
||||||
.fa {
|
.fa {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
@ -1927,6 +1936,11 @@ body .ui-progressbar .ui-progressbar-value {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.ui-tabs-noborder div.ui-tabmenu {
|
||||||
|
border-left: none !important;
|
||||||
|
border-right: none !important;
|
||||||
|
border-top: none !important;
|
||||||
|
}
|
||||||
//ui-togglebutton
|
//ui-togglebutton
|
||||||
body .ui-discovery .ui-button, .ui-togglebutton {
|
body .ui-discovery .ui-button, .ui-togglebutton {
|
||||||
background-color: #f1f1f1 !important;
|
background-color: #f1f1f1 !important;
|
||||||
|
@ -1938,3 +1952,37 @@ background-color: #e2e2e2 !important; }
|
||||||
body .ui-discovery .ui-button, .ui-togglebutton.ui-state-active {
|
body .ui-discovery .ui-button, .ui-togglebutton.ui-state-active {
|
||||||
background-color: #5180ce !important;
|
background-color: #5180ce !important;
|
||||||
color: #ffffff !important; }
|
color: #ffffff !important; }
|
||||||
|
body .ui-discovery, .ui-card {
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
body .ui-discovery, .ui-discovery-selected .ui-widget-content{
|
||||||
|
border-color: #5180ce !important;
|
||||||
|
background: #5180ce !important;
|
||||||
|
color: #ffffff !important;
|
||||||
|
}
|
||||||
|
body .ui-discovery, .ui-discovery-disable .ui-widget-content{
|
||||||
|
border-color: #e3e4e6 !important;
|
||||||
|
background: #e3e4e6 !important;
|
||||||
|
color: #cac9c9 !important;
|
||||||
|
}
|
||||||
|
body .ui-discovery, .ui-card-body {
|
||||||
|
padding: 0.5em !important;
|
||||||
|
}
|
||||||
|
body .ui-discovery, .ui-card-body .ui-discovery-title {
|
||||||
|
width: 100%;
|
||||||
|
font-size: 1em ;
|
||||||
|
font-weight: bold ;
|
||||||
|
margin-bottom: 0.2em ;
|
||||||
|
}
|
||||||
|
body .ui-discovery, .ui-card-body .ui-discovery-date {
|
||||||
|
width: 100%;
|
||||||
|
font-size: 0.8em;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
body .ui-discovery, .ui-card-body .ui-discovery-new {
|
||||||
|
float: right;
|
||||||
|
font-size: 0.8em;
|
||||||
|
font-weight: bold;
|
||||||
|
text-align: right;
|
||||||
|
color: #e62a10;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user