Skip to content

B
business-java
Commit 0b3dd74f authored by prumde's avatar prumde
Browse files
Options

Updated - Check in 

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@207034 ce508802-f39f-4f6c-b175-0d175dae99d5
parent ab4f23ac
Hide whitespace changes
Inline Side-by-side
Showing with 86 additions and 61 deletions
webitm-dashboard/ibase/dashboard/module-resource/common/metadataxml/all/landingDashboard.xml
View file @ 0b3dd74f
......@@ -20,29 +20,32 @@
"bgImage":"linear-gradient(-45deg, #007bab, #00c9ff)",
"image" : "location2.svg",
"title" : "My Places",
"subtitle1" : " getUserActSummary('PTE_COUNT') ",
"subtitle2" : " 'places' ",
"count" : " getUserActSummary('PTE_COUNT') ",
"summary" : " getUserActSummary('PTE_MSG') ",
"execFunction" :"openTransactionGWT('place_time_entity','place-time-entity','A','Place Time Entity');"
},
{
"bgImage":"linear-gradient(-45deg, #7053cc, #c3b3f7)",
"image" : "content_library.svg",
"title" : "Content Library",
"subtitle1" : "getUserActSummary('CLM_COUNT')",
"subtitle2" : " 'contents' ",
"title" : "My Contents",
"count" : "getUserActSummary('CLM_COUNT')",
"summary" : "getUserActSummary('CLM_MSG')",
"execFunction" : "openTransactionGWT('content_library','dashboard_contentLibrary','A','Content Library');"
},
{
"bgImage":"linear-gradient(-45deg, #01a27f, #00e1af)",
"image" : "background_progress.svg",
"title" : "Jobs In Progress",
"count" : " getUserActSummary('JOBS_COUNT') ",
"summary" : "getUserActSummary('JOBS_MSG')",
"execFunction" : "openTransactionGWT('background_job_status','dashboard_backgroundJobStatus','A','Background Job');"
},
{
"bgImage":"linear-gradient(-45deg, #e47842, #ffac83)",
"image" : "tag.svg",
"title" : "My Tags",
"subtitle1" : "",
"count" : " getUserActSummary('TAGS_COUNT') ",
"summary" : "getUserActSummary('TAGS_MSG')",
"execFunction" : "openTransactionGWT('my_tags','my-tagging','A','My Tags');"
}
],
......@@ -144,6 +147,7 @@
cursor: pointer;
height: 200px;
padding: 0px !important;
box-shadow: 0px 0px 4px -1px rgba(0,0,0,.1);
}
.quicklink-dashboard .quicklink-icon img {
......@@ -238,76 +242,97 @@
}
.kpi-box {
text-align: unset;
max-height: 100px;
height: 114px;
max-height: 114px;
box-shadow: 0px 0px 4px -1px rgba(0,0,0,.1);
position: relative;
margin: 4px;
display: inline-flex;
color: #fff;
padding: 0px !important;
border-radius: 4px;
cursor: pointer;
margin: 4px;
border-radius: 4px;
cursor: pointer;
display: flex;
flex-direction: column;
}
.kpi-header {
display: inline-block;
height: 32px;
width: 100%;
}
.kpi-icon {
color: #fff;
margin: auto;
padding: 16px;
border-radius: 50%;
display: inline-flex;
align-items: center;
position: absolute;
width: 48px;
height: 68px;
text-align: center;
color: #fff;
padding: 4px;
margin: 4px;
border-radius: 50%;
background: rgba(0, 0, 0, .1);
display: inline-block;
position: relative;
width: 20px;
height: 20px;
}
.kpi-icon img {
text-align: center;
height: 26px;
width: 26px;
margin: auto;
padding: 0;
height: 15px;
width: 15px;
margin: 3px;
padding: 0;
}
.kpi-info {
display: flex;
flex-direction: column;
min-height: 100px;
display: flex;
position: relative;
align-items: flex-start;
align-items: center;
padding: 0 4px 0 0;
width: calc( 100% - 4px);
width: 100%;
height: 32px;
}
.kpi-title {
color: #fff;
padding: 4px 0 0 0;
font-size: 18px;
.kpi-info-column {
width: 100%;
text-align: right;
text-align: center;
font-size: 10px;
color: #fff;
}
.kpi-title {
color: #fff;
font-size: 16px;
width: calc( 100% - 44px );
line-height: 32px;
display: inline-block;
position: absolute;
text-align: right;
margin: 0 8px 0 0;
}
.kpi-count-summary {
display: grid;
margin: auto;
text-align: center;
display: block;
margin: auto;
padding-bottom: 32px;
height: 50px;
}
.kpi-count {
color: #fff;
padding: 0;
font-size: 42px;
color: #fff;
padding: 0;
font-size: 42px;
display: block;
text-align: center;
height: 36px;
line-height: 36px;
}
.kpi-summary {
color: #fff;
padding: 0;
font-size: 14px;
color: #fff;
padding: 0;
font-size: 14px;
display: block;
text-align: center;
line-height: 14px;
}
.no-kpi-count{
height: 18px;
}
.quick-row .col,
.kpi-row .col{
float: left;
......@@ -404,18 +429,18 @@
<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 class="kpi-header">
<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-title">{{quicklink.title}}</div>
</div>
<div class="kpi-count-summary">
<span class="kpi-count" [ngClass]="{'no-kpi-count':evalFunction(quicklink.count) == ''}">{{evalFunction(quicklink.count)}}</span>
<span class="kpi-summary">{{evalFunction(quicklink.summary)}}</span>
</div>
</div>
</ng-template>
......
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