Skip to content

B
business-java
Commit 70db89cc authored by prumde's avatar prumde
Browse files
Options

deploy on 240 - 1 

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@205947 ce508802-f39f-4f6c-b175-0d175dae99d5
parent 6bd0c688
Show whitespace changes
Inline Side-by-side
Showing with 326 additions and 40 deletions
webitm-dashboard/ibase/dashboard/module-resource/common/metadataxml/all/landingDashboard.xml
View file @ 70db89cc
......@@ -19,8 +19,6 @@
"bgImage":"linear-gradient(-45deg, #e47842, #ffac83)",
"image" : "my_activities.svg",
"title" : "My Activities",
"subtitle1" : "getUserActSummary('LAST_LOGIN')",
"subtitle2" : "getUserActSummary('LAST_PASS_CHG')",
"execFunction" : "openComponentANG('accountActivity', 'dashboard');"
},
{
......@@ -34,7 +32,6 @@
"bgImage":"linear-gradient(-45deg, #333333, #666666)",
"image" : "background_progress.svg",
"title" : "Background Job",
"subtitle1" : " 'Background Job' ",
"execFunction" : "openComponentANG('backgroundJobStatus', 'dashboard');"
}
],
......@@ -92,6 +89,268 @@
<layout protoType='card'>
<html><![CDATA[
<style>
.quicklink-dashboard {
display: block;
position: relative;
}
.quicklink-dashboard .qd-header {
display: block;
background: #465775;
color: #fff;
text-align: center;
margin: 5px;
padding: 5px;
border-radius: 4px;
}
.quicklink-dashboard .qd-header-content {
display: block;
color: #fff;
text-align: center;
margin: 10px;
padding: 16px 8px;
}
.quicklink-dashboard .icon-circle {
margin: auto;
height: 110px;
width: 110px;
background-color: #fff;
border-radius: 50%;
text-align: center;
display: block;
}
.quicklink-dashboard .icon-circle img {
margin-top: calc(50% - 12px);
height: 24px;
}
.quicklink-dashboard {
display: block;
position: relative;
border-radius: 2px;
}
.quicklink {
display: block;
position: relative;
margin: 4px;
border-radius: 4px;
cursor: pointer;
padding: 0 0.2em 1em 0;
height: 200px;
padding: 0px !important;
}
.quicklink-dashboard .quicklink-icon img {
text-align: center;
height: 26px;
width: 26px;
margin: 13px;
}
.quicklink-dashboard .quicklink-action {
color: #fff;
width: 30px;
height: 30px;
padding: 5px;
position: relative;
justify-items: flex-end;
text-align: center;
display: inline-block;
vertical-align: top;
}
.quicklink-icon .rotate {
-webkit-animation: rotation 2s infinite linear;
}
@-webkit-keyframes rotation {
from {
-webkit-transform:rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
.quicklink-dashboard .first-line {
font-size: 18px;
line-height: 24px;
display: block;
}
.quicklink-dashboard .second-line {
font-size: 18px;
line-height: 16px;
display: block;
}
.quicklink-dashboard .quicklink-icon {
color: #fff;
width: 52px;
height: 52px;
padding: 0px;
background-color: rgba(0, 0, 0, .1);
margin: auto;
border-radius: 50%;
display: block;
}
.quicklink .feedContetContainer {
display: block;
color: #fff;
text-align: center;
margin: 10px;
padding: 40px 8px;
}
.quicklink-dashboard .quicklink-content {
color: #fff;
font-size: 14px;
padding-top: 8px;
}
.quicklink-content .quicklink-content-first-line {
font-size: 18px;
line-height: 24px;
color: inherit;
display: block;
}
.quicklink-content .quicklink-content-second-line {
font-size: 14px;
line-height: 16px;
color: inherit;
display: block;
}
.quick-row,
.kpi-row {
margin: 0 0.5em;
padding: 0;
}
.kpi-box {
text-align: unset;
height: 9.375rem;
box-shadow: 0 0 1px #ccc;
position: relative;
margin: .15em;
display: inline-block;
color: #fff;
padding: 0px !important;
border-radius: 4px;
cursor: pointer;
}
.kpi-icon {
color: #fff;
width: 9em;
height: 9em;
padding: 0;
background-color: rgba(0,0,0,.1);
margin: 3em;
border-radius: 50%;
display: inline-block;
float: left;
}
.kpi-icon img {
text-align: center;
height: 4.5em;
width: 4.5em;
margin: 2.25em;
}
.kpi-info {
display: inline-block;
height: calc( 100% - 4em );
width: calc( 100% - 15em );
padding: 2em 0;
}
.kpi-title {
color: #fff;
padding: 0;
font-size: 3em;
}
.kpi-count-summary {
display: inline-flex;
align-items: baseline;
}
.kpi-count {
color: #fff;
padding: 0;
font-size: 6em;
float: left;
}
.kpi-summary {
color: #fff;
padding: 0 .5em;
font-size: 2em;
}
.quick-row .col,
.kpi-row .col{
padding-left: .625rem;
padding-right: .625rem;
float: left;
}
@media (min-width:320px) {
.kpi-card {
width: calc(100% - 5px) ;
}
.quick-card {
width: calc(100% - 12px) ;
}
}
@media (min-width:576px) {
.kpi-card {
width: calc(50% - 5px) ;
}
.quick-card {
width: calc(50% - 12px) ;
}
}
@media (min-width:768px) {
.kpi-card {
width: calc(25% - 5px) ;
}
.quick-card {
width: calc(50% - 12px) ;
}
}
@media (min-width:992px) {
.kpi-card {
width: calc(25% - 5px) ;
}
.quick-card {
width: calc(33.33333% - 12px) ;
}
}
@media (min-width:1200px) {
.kpi-card {
width: calc(25% - 5px) ;
}
.quick-card {
width: calc(33.33333% - 12px) ;
}
}
</style>
<div class="quicklink-dashboard">
<div class="qd-header">
<div class="qd-header-content">
......@@ -100,9 +359,20 @@
<span class="second-line" [innerHTML]="context.subtitle"></span>
</div>
</div>
<div class="row feedDataInfo">
<div class="kpi-row">
<div *ngFor="let kpilink of context.kpilinks" >
<ng-container *ngTemplateOutlet=" kpiLinkTemplate; context:{ $implicit: kpilink }" ></ng-container>
</div>
</div>
<div class="quick-row">
<div *ngFor="let quicklink of context.quicklinks" >
<div *ngIf="quicklink.displayLink == 'Y' " class="small-12 medium-6 large-4 column quicklink"
<ng-container *ngTemplateOutlet=" quickLinkTemplate; context:{ $implicit: quicklink }" ></ng-container>
</div>
</div>
</div>
<ng-template #quickLinkTemplate let-quicklink >
<div *ngIf="quicklink.displayLink == 'Y' " class="quick-card col quicklink"
[style.background-image]="quicklink.bgImage" (click)="evalFunction(quicklink.execFunction)">
<div class="feedContetContainer">
<div *ngIf="quicklink.image.indexOf('/') == -1 " class="quicklink-icon">
......@@ -124,12 +394,28 @@
</div>
</div>
</div>
</ng-template>
<ng-template #kpiLinkTemplate let-quicklink >
<div class="kpi-card col kpi-box " [style.background-image]="quicklink.bgImage" (click)="evalFunction(quicklink.execFunction)">
<div *ngIf="quicklink.image.indexOf('/') == -1 " class="kpi-icon">
<img src='angplugin/assets/images/svg/{{quicklink.image}}' [ngClass]="evalFunction(quicklink.imageFunction)" />
</div>
<div *ngIf="quicklink.image.indexOf('/') != -1 " class="kpi-icon">
<img src='{{quicklink.image}}' [ngClass]="evalFunction(quicklink.imageFunction)" />
</div>
<div class="kpi-info">
<div class="kpi-title">{{quicklink.title}}</div>
<div class="kpi-count-summary">
<span class="kpi-count">{{evalFunction(quicklink.subtitle1)}}</span>
<span class="kpi-summary">{{evalFunction(quicklink.subtitle2)}}</span>
</div>
</div>
</div>
</ng-template>
]]></html>
</layout>
</component>
</view>
</Root>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment