Commit 0b3dd74f authored by prumde's avatar prumde

Updated - Check in

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