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
Show Stats 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"> <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>

2
@overflow/noauth-probe/component/noauth-probe-list.component.html
View File

@ -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>

5
@overflow/probe/component/probe-download.component.html
View File

@ -1,6 +1,5 @@
<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">
{{item.content}} {{item.content}}
</p-tabPanel> </p-tabPanel>
@ -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
@overflow/probe/component/probe-list.component.html
View File

@ -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>

4
@overflow/probe/component/probe-summary.component.html
View File

@ -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>

18
src/app/commons/component/layout/footer/app.footer.component.html
View File

@ -1,13 +1,11 @@
<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> <span class="footer-text-right">
<span class="footer-text-right"> <span class="material-icons ui-icon-copyright"></span>
<span class="material-icons ui-icon-copyright"></span> <span>All Rights Reserved</span>
<span>All Rights Reserved</span> </span>
</span>
</div>
</div> </div>
</div> </div>
</div> </div>

6
src/app/commons/component/layout/topbar/app.topbar.component.html
View File

@ -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>

14
src/app/pages/account/account-page.component.html
View File

@ -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>-->

6
src/app/pages/account/profile/profile-page.component.html
View File

@ -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 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>
</div> </div>
</div> </div>
</div> </div>

6
src/app/pages/account/settings/settings-page.component.html
View File

@ -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">
<of-member-totp></of-member-totp> <of-member-totp></of-member-totp>
</div> </div>
</div> </div>
</div> </div>
</div> </div>

4
src/app/pages/alert/alert-page.component.html
View File

@ -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>

4
src/app/pages/dashboard/dashboard-page.component.html
View File

@ -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>

4
src/app/pages/discovery/discovery-page.component.html
View File

@ -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>

10
src/app/pages/home/home-page.component.html
View File

@ -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>

4
src/app/pages/infra/infra-page.component.html
View File

@ -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>

4
src/app/pages/log/log-page.component.html
View File

@ -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>

4
src/app/pages/notification/notification-page.component.html
View File

@ -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>

4
src/app/pages/overview/overview-page.component.html
View File

@ -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>

6
src/app/pages/pages.component.scss
View File

@ -3,9 +3,9 @@
$accent: map-get($theme, accent); $accent: map-get($theme, accent);
$warn: map-get($theme, warn); $warn: map-get($theme, warn);
.sidenav,.drawer{ .sidenav,.drawer{
background: mat-color($primary,400); background: mat-color($primary,400);
overflow: hidden; overflow: hidden;
position: relative; position: relative;
} }
@ -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%;

4
src/app/pages/pages.component.ts
View File

@ -24,7 +24,7 @@ export class PagesComponent implements AfterViewInit, OnDestroy, OnInit {
darkMenu = false; darkMenu = false;
profileMode = 'inline'; profileMode = 'top'; //inline
rotateMenuButton: boolean; rotateMenuButton: boolean;
@ -67,7 +67,7 @@ export class PagesComponent implements AfterViewInit, OnDestroy, OnInit {
if (val instanceof NavigationStart) { if (val instanceof NavigationStart) {
breadcrumbService.setItems(null); breadcrumbService.setItems(null);
} }
}); });
} }
ngOnInit() { ngOnInit() {

14
src/app/pages/probes/probe-tab-page.component.html
View File

@ -1,12 +1,14 @@
<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-tabbar [tabs]="tabs"></of-tabbar> <h1>Probes</h1>
</div> <div class="ui-tabs-noborder">
<div class="card no-margin"> <of-tabbar [tabs]="tabs"></of-tabbar>
</div>
<br>
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div> </div>
</div> </div>
</div> </div>
</div> </div>

4
src/app/pages/report/report-page.component.html
View File

@ -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>

8
src/app/pages/sensors/sensor-tab-page.component.html
View File

@ -1,12 +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 *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>
</div> </div>
</div> </div>

6
src/app/pages/targets/target-detail-page.component.html
View File

@ -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">
<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>
</div> </div>
</div> </div>
</div> </div>

6
src/app/pages/targets/target-list-page.component.html
View File

@ -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">
<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>
</div> </div>

18
src/app/pages/targets/target-page.component.html
View File

@ -1,11 +1,11 @@
<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>-->
<!--</ng-template>--> <!--</ng-template>-->
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div>
</div> </div>
</div> </div>
</div>

10
src/assets/sass/_variables.scss
View File

@ -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;
@ -41,8 +41,8 @@ $contentPadding:.625em 1em;
$inputHeaderFontSize:1em; $inputHeaderFontSize:1em;
$inputHeaderPadding:.625em 1em; $inputHeaderPadding:.625em 1em;
$inputBorderColor:#bdbdbd; $inputBorderColor:#bdbdbd;
$inputBorderErrorColor:#e62a10; $inputBorderErrorColor:#e62a10;
$inputErrorTextColor:#e62a10; $inputErrorTextColor:#e62a10;
$textboxBgColor:#f7f7f7; $textboxBgColor:#f7f7f7;
$inputFontSize:1em; $inputFontSize:1em;
$buttonFontSize:1em; $buttonFontSize:1em;
@ -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;

22
src/assets/sass/layout/_compact.scss
View File

@ -2,16 +2,16 @@ body {
.layout-wrapper.layout-compact { .layout-wrapper.layout-compact {
font-size: $c-fontSize; font-size: $c-fontSize;
line-height: $c-lineHeight; line-height: $c-lineHeight;
.layout-container { .layout-container {
.ultima-menu { .ultima-menu {
li { li {
a { a {
i:last-child { i:last-child {
font-size: $c-fontSize + 4; font-size: $c-fontSize; // + 4;
} }
} }
ul { ul {
li { li {
a { a {
@ -32,33 +32,33 @@ body {
} }
} }
} }
.ui-radiobutton { .ui-radiobutton {
.ui-radiobutton-box { .ui-radiobutton-box {
width: 18px; width: 18px;
height: 18px; height: 18px;
} }
} }
.ui-datepicker { .ui-datepicker {
tbody td a, body .ui-datepicker tbody td span { tbody td a, body .ui-datepicker tbody td span {
padding-top: .25em; padding-top: .25em;
} }
} }
} }
} }
@media (min-width: 1025px) { @media (min-width: 1025px) {
.layout-wrapper.layout-compact { .layout-wrapper.layout-compact {
.layout-container { .layout-container {
&.menu-layout-horizontal { &.menu-layout-horizontal {
.layout-menu { .layout-menu {
ul.ultima-menu { ul.ultima-menu {
> li { > li {
> ul { > ul {
top: 35px; top: 35px;
li { li {
span { span {
font-size: $c-fontSize; font-size: $c-fontSize;
@ -68,7 +68,7 @@ body {
} }
} }
} }
.layout-main { .layout-main {
padding-top: 110px; padding-top: 110px;
} }

2
src/assets/theme/theme-dark-blue.css
View File

@ -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;

68
src/styles.scss
View File

@ -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;
}