Commit 61b09f57 authored by prumde's avatar prumde

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@206086 ce508802-f39f-4f6c-b175-0d175dae99d5
parent 9918ca92
...@@ -83,7 +83,8 @@ ...@@ -83,7 +83,8 @@
.missed-call-row { .missed-call-row {
padding: 0.5em; padding: 0.5em;
display: flex; display: flex;
box-shadow: 0px -1px 0px 0px #ededed; /*box-shadow: 0px -1px 0px 0px #ededed;*/
box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,.05);
} }
.missed-call-cust { .missed-call-cust {
...@@ -120,25 +121,24 @@ ...@@ -120,25 +121,24 @@
width: 80px; width: 80px;
} }
.missed-call-content1 span { .missed-call-content1 span {
font-size: 12px; font-size: 12px;
color: #666; color: #666;
display: block; display: block;
} }
.missed-call-cust-name { .missed-call-cust-name {
color: #252525; color: #252525 !important;
font-size: 14px; font-size: 14px !important;
line-height: 1; line-height: 1;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} }
.missed-call-content2 span { .missed-call-content2 span {
color: #aaa; color: #666;
font-size: 12px; font-size: 12px;
} }
...@@ -157,8 +157,8 @@ ...@@ -157,8 +157,8 @@
<div class="missed-call-content"> <div class="missed-call-content">
<div class = "missed-call-content1"> <div class = "missed-call-content1">
<span class = "missed-call-cust-name"> {{missCallData.CUST_NAME}} - {{missCallData.LOCALITY}} </span> <span class = "missed-call-cust-name"> {{missCallData.CUST_NAME}} - {{missCallData.LOCALITY}} </span>
<span *ngIf="!missCallData.LAST_VISIT"> {{missCallData.NO_VISIT}} visits </span> <span *ngIf="!missCallData.LAST_VISIT"> {{missCallData.NO_VISIT}} visit(s) </span>
<span *ngIf="missCallData.LAST_VISIT"> {{missCallData.NO_VISIT}} visits till {{ missCallData.LAST_VISIT | date : 'mediumDate'}} </span> <span *ngIf="missCallData.LAST_VISIT"> {{missCallData.NO_VISIT}} visit(s) till {{ missCallData.LAST_VISIT | date : 'mediumDate'}} </span>
</div> </div>
<div class = "missed-call-content2"> <div class = "missed-call-content2">
<span> {{missCallData.CLASS_CODE_DESCR}} </span> <span> {{missCallData.CLASS_CODE_DESCR}} </span>
...@@ -191,9 +191,10 @@ ...@@ -191,9 +191,10 @@
<html><![CDATA[ <html><![CDATA[
<style> <style>
.cust-event-row { .cust-event-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;*/
box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,.05);
} }
.cust-event-cust { .cust-event-cust {
...@@ -211,14 +212,15 @@ ...@@ -211,14 +212,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;
} }
.cust-event-content1 { .cust-event-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% - 100px);
} }
.cust-event-content2 { .cust-event-content2 {
...@@ -226,6 +228,7 @@ ...@@ -226,6 +228,7 @@
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-end;
justify-content: center; justify-content: center;
width: 100px;
} }
...@@ -234,11 +237,29 @@ ...@@ -234,11 +237,29 @@
color: #666; color: #666;
display: block; display: block;
} }
.cust-event-cust-name {
color: #252525 !important;
font-size: 14px !important;
line-height: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.cust-event-content2 span { .cust-event-content2 span a{
color: #aaa; color: #666;
font-size: 12px; font-size: 12px;
} }
.cust-event-content2 span:first-child {
padding: 0 0 3px 0;
}
.cust-event-phone-icon{
padding: 0;
font-size: 12px;
vertical-align: middle;
}
</style> </style>
...@@ -280,14 +301,13 @@ ...@@ -280,14 +301,13 @@
</div> </div>
<div class="cust-event-content"> <div class="cust-event-content">
<div class = "cust-event-content1"> <div class = "cust-event-content1">
<span> {{eventData.SC_NAME}} ({{eventData.SC_CODE}}) </span> <span class="cust-event-cust-name"> {{eventData.SC_NAME}} ({{eventData.SC_CODE}}) </span>
<span> {{eventData.EVENT_DESCR}} - {{eventData.PRESENT_DATE | date : 'fullDate'}}</span> <span> {{eventData.EVENT_DESCR}} - {{eventData.PRESENT_DATE | date : 'fullDate'}}</span>
</div> </div>
<div class = "cust-event-content2"> <div class = "cust-event-content2">
<span *ngIf="!eventData.DR_MOBILE_NO || eventData.DR_MOBILE_NO.length > 0 "> <span *ngIf="eventData.DR_MOBILE_NO && eventData.DR_MOBILE_NO.trim().length > 0 ">
<a style="color: gray;" href="tel:+91{{eventData.DR_MOBILE_NO}}"> <a href="tel:+91{{eventData.DR_MOBILE_NO}}">
<i class="material-icons phone-icon">phone</i> <i class="material-icons cust-event-phone-icon">phone</i>{{eventData.DR_MOBILE_NO}}
{{eventData.DR_MOBILE_NO}}
</a> </a>
</span> </span>
<span> {{eventData.EVENT_DATE}}</span> <span> {{eventData.EVENT_DATE}}</span>
......
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