Skip to content

B
business-java
Commit 8f31628f authored by prumde's avatar prumde
Browse files
Options

Updated 

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@205948 ce508802-f39f-4f6c-b175-0d175dae99d5
parent 70db89cc
Show whitespace changes
Inline Side-by-side
Showing with 95 additions and 83 deletions
webitm-dashboard/ibase/dashboard/module-resource/common/metadataxml/all/landingDashboard.xml
View file @ 8f31628f
...@@ -94,6 +94,7 @@ ...@@ -94,6 +94,7 @@
.quicklink-dashboard { .quicklink-dashboard {
display: block; display: block;
position: relative; position: relative;
border-radius: 2px;
} }
.quicklink-dashboard .qd-header { .quicklink-dashboard .qd-header {
...@@ -101,17 +102,18 @@ ...@@ -101,17 +102,18 @@
background: #465775; background: #465775;
color: #fff; color: #fff;
text-align: center; text-align: center;
margin: 5px; margin: auto;
padding: 5px; padding: 0;
border-radius: 4px; border-radius: 4px;
width: calc(100% - 8px);
} }
.quicklink-dashboard .qd-header-content { .quicklink-dashboard .qd-header-content {
display: block; display: block;
color: #fff; color: #fff;
text-align: center; text-align: center;
margin: 10px; margin: 4px;
padding: 16px 8px; padding: 16px;
} }
.quicklink-dashboard .icon-circle { .quicklink-dashboard .icon-circle {
...@@ -129,11 +131,6 @@ ...@@ -129,11 +131,6 @@
height: 24px; height: 24px;
} }
.quicklink-dashboard {
display: block;
position: relative;
border-radius: 2px;
}
.quicklink { .quicklink {
display: block; display: block;
...@@ -141,7 +138,6 @@ ...@@ -141,7 +138,6 @@
margin: 4px; margin: 4px;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
padding: 0 0.2em 1em 0;
height: 200px; height: 200px;
padding: 0px !important; padding: 0px !important;
} }
...@@ -233,16 +229,16 @@ ...@@ -233,16 +229,16 @@
.quick-row, .quick-row,
.kpi-row { .kpi-row {
margin: 0 0.5em; margin: auto;
padding: 0; padding: 0;
} }
.kpi-box { .kpi-box {
text-align: unset; text-align: unset;
height: 9.375rem; height: 160px;
box-shadow: 0 0 1px #ccc; box-shadow: 0 0 1px #ccc;
position: relative; position: relative;
margin: .15em; margin: 4px;
display: inline-block; display: inline-block;
color: #fff; color: #fff;
padding: 0px !important; padding: 0px !important;
...@@ -252,11 +248,11 @@ ...@@ -252,11 +248,11 @@
.kpi-icon { .kpi-icon {
color: #fff; color: #fff;
width: 9em; width: 96px;
height: 9em; height: 96px;
padding: 0; padding: 0;
background-color: rgba(0,0,0,.1); background-color: rgba(0,0,0,.1);
margin: 3em; margin: 32px 16px;
border-radius: 50%; border-radius: 50%;
display: inline-block; display: inline-block;
float: left; float: left;
...@@ -264,27 +260,31 @@ ...@@ -264,27 +260,31 @@
.kpi-icon img { .kpi-icon img {
text-align: center; text-align: center;
height: 4.5em; height: 48px;
width: 4.5em; width: 48px;
margin: 2.25em; margin: 24px;
} }
.kpi-info { .kpi-info {
display: inline-block; display: grid;
height: calc( 100% - 4em ); height: 144px;
width: calc( 100% - 15em ); align-items: center;
padding: 2em 0; width: calc( 100% - 128px );
padding: 8px 0;
} }
.kpi-title { .kpi-title {
color: #fff; color: #fff;
padding: 0; padding: 0;
font-size: 3em; font-size: 18px;
width: 100%;
align-self: end;
} }
.kpi-count-summary { .kpi-count-summary {
display: inline-flex; display: inline-flex;
align-items: baseline; align-items: baseline;
align-self: start;
} }
.kpi-count { .kpi-count {
...@@ -310,43 +310,43 @@ ...@@ -310,43 +310,43 @@
@media (min-width:320px) { @media (min-width:320px) {
.kpi-card { .kpi-card {
width: calc(100% - 5px) ; width: calc(100% - 8px) ;
} }
.quick-card { .quick-card {
width: calc(100% - 12px) ; width: calc(100% - 8px) ;
} }
} }
@media (min-width:576px) { @media (min-width:576px) {
.kpi-card { .kpi-card {
width: calc(50% - 5px) ; width: calc(50% - 8px) ;
} }
.quick-card { .quick-card {
width: calc(50% - 12px) ; width: calc(50% - 8px) ;
} }
} }
@media (min-width:768px) { @media (min-width:768px) {
.kpi-card { .kpi-card {
width: calc(25% - 5px) ; width: calc(25% - 8px) ;
} }
.quick-card { .quick-card {
width: calc(50% - 12px) ; width: calc(50% - 8px) ;
} }
} }
@media (min-width:992px) { @media (min-width:992px) {
.kpi-card { .kpi-card {
width: calc(25% - 5px) ; width: calc(25% - 8px) ;
} }
.quick-card { .quick-card {
width: calc(33.33333% - 12px) ; width: calc(33.33333% - 8px) ;
} }
} }
@media (min-width:1200px) { @media (min-width:1200px) {
.kpi-card { .kpi-card {
width: calc(25% - 5px) ; width: calc(25% - 8px) ;
} }
.quick-card { .quick-card {
width: calc(33.33333% - 12px) ; width: calc(33.33333% - 8px) ;
} }
} }
......
webitm-dashboard/ibase/dashboard/module-resource/common/metadataxml/all/todays.xml
View file @ 8f31628f
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
<html><![CDATA[ <html><![CDATA[
<style> <style>
.missed-call-row { .missed-call-row {
padding: 0.25em 0.5em; padding: 0.5em;
display: flex; display: flex;
box-shadow: 0px -1px 0px 0px #ededed; box-shadow: 0px -1px 0px 0px #ededed;
} }
...@@ -101,14 +101,15 @@ ...@@ -101,14 +101,15 @@
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0 0.5em; padding: 0 0 0 0.5em;
} }
.missed-call-content1 { .missed-call-content1 {
display: flex; display: inline-flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
justify-content: center; justify-content: center;
width: calc(100% - 80px);
} }
.missed-call-content2 { .missed-call-content2 {
...@@ -116,6 +117,7 @@ ...@@ -116,6 +117,7 @@
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-end;
justify-content: center; justify-content: center;
width: 80px;
} }
...@@ -124,6 +126,16 @@ ...@@ -124,6 +126,16 @@
color: #666; color: #666;
display: block; display: block;
} }
.missed-call-cust-name {
color: #252525;
font-size: 14px;
line-height: 1;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
}
.missed-call-content2 span { .missed-call-content2 span {
color: #aaa; color: #aaa;
...@@ -144,7 +156,7 @@ ...@@ -144,7 +156,7 @@
</div> </div>
<div class="missed-call-content"> <div class="missed-call-content">
<div class = "missed-call-content1"> <div class = "missed-call-content1">
<span> {{missCallData.CUST_NAME}} - {{missCallData.LOCALITY}} </span> <span class = "missed-call-cust-name"> {{missCallData.CUST_NAME}} - {{missCallData.LOCALITY}} </span>
<span *ngIf="!missCallData.LAST_VISIT"> No.Visits {{missCallData.NO_VISIT}}</span> <span *ngIf="!missCallData.LAST_VISIT"> No.Visits {{missCallData.NO_VISIT}}</span>
<span *ngIf="missCallData.LAST_VISIT"> No.Visits {{missCallData.NO_VISIT}} -{{ missCallData.LAST_VISIT | date : 'mediumDate'}} </span> <span *ngIf="missCallData.LAST_VISIT"> No.Visits {{missCallData.NO_VISIT}} -{{ missCallData.LAST_VISIT | date : 'mediumDate'}} </span>
</div> </div>
......
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