Added Css and function in html for export to Excel

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@104324 ce508802-f39f-4f6c-b175-0d175dae99d5

webitm-dashboard/GWT-Component/war/GwtDashboardPage.css

@@ -1349,7 +1349,7 @@ color: #999; !important;
 }
 
 .cardVPnl {
-       padding: 2px;
+       padding: 12px;
        cellspacing: 15px;
        background-color: white;
        width: 100%;
@@ -1500,7 +1500,9 @@ color: #999; !important;
 .cardSalesPersonTitle
 {
 	height: 25px;
-	background-color: #f0eff5;
+	background-color: #808080;
+	color:white;
+	width:2%;
 }
 .cardMTDLbl
 {
@@ -1582,7 +1584,7 @@ color: #999; !important;
  	border-right: 1px solid #ccc;
  	border-left: 1px solid #ccc;
  	border-top: 2px solid #7bc6ff; 
- 	margin-bottom:20px;'
+ 	margin-bottom:20px;
 }
 
 .userImageText
@@ -1673,3 +1675,195 @@ color: #999; !important;
     left: 50%;
 }
 /*End CSS Class for Drill Down Chart by Dhanendra on date 20-10-2016*/
+
+
+.circleGreen 
+{
+width: 100px; 
+height: 100px; 
+background: green; 
+-moz-border-radius: 50px;
+-webkit-border-radius: 50px;
+border-radius: 50px; 
+}
+
+.circleYellow 
+{
+width: 100px; 
+height: 100px; 
+background: yellow; 
+-moz-border-radius: 50px;
+-webkit-border-radius: 50px;
+border-radius: 50px; 
+}
+
+.circleRed 
+{
+width: 100px; 
+height: 100px; 
+background: red; 
+-moz-border-radius: 50px;
+-webkit-border-radius: 50px;
+border-radius: 50px; 
+}
+
+
+.cardtable_td_tbody {
+line-height: 29px;
+padding: 0 10px;
+border-left: 1px solid #ccc;
+border-right-color: rgba(0,0,0,0.07);
+font-family: "MuseoLight", sans-serif;
+font-size: 14px;
+border-bottom: 1px solid #ccc;
+border-bottom: 1px solid #ccc;
+
+
+}
+.cardtable_td_tbody_last {
+line-height: 29px;
+padding: 0 10px;
+border-right: 1px solid #ccc;
+border-right-color: rgba(0,0,0,0.07);
+font-family: "MuseoLight", sans-serif;
+font-size: 14px;
+border-bottom: 1px solid #ccc;
+border-left: 1px solid #ccc;
+
+}
+
+.cardtable_td_left {
+border-top: 2px solid #7bc6ff !important;
+border-bottom: 1px solid #ccc;
+line-height: 29px;
+padding: 0 10px;
+color: #000 !important;
+background-color: white;
+font-size: 14px;
+font-weight: normal;
+border-left: 1px solid #ccc;
+
+}
+
+
+.cardtable_td_last {
+border-top: 2px solid #7bc6ff !important;
+border-bottom: 1px solid #ccc;
+line-height: 29px;
+padding: 0 10px;
+color: #000 !important;
+background-color: white;
+font-size: 14px;
+font-weight: normal;
+border-left: 1px solid #ccc;
+border-right: 1px solid #ccc;
+}
+
+
+
+.td_header_first{
+  border-right:1px solid #ccc;
+  font-weight: bold;
+  width:5%;
+  
+}
+ .td_header_second{
+    border-right:1px solid #ccc;
+    border-bottom:1px solid #ccc;
+    font-weight: bold;
+    width:26%;
+    
+}
+.td_header_second_md{
+    border-right:1px solid #ccc;
+    font-weight: bold;
+    width:26%;
+  
+}
+.td_header_last{
+  border-right:1px solid #ccc;
+}
+
+.td_tbody-first{
+    border-right:1px solid #ccc;
+    border-top:1px solid #ccc;
+    width:5%;
+}
+
+.td_tbody_second{
+border-top:1px solid #ccc;
+border-right:1px solid #ccc;
+width:26%;
+  }
+  
+  .td_tbody_second_md{
+  border-right:1px solid #ccc;
+    width:26%;
+  }
+  
+  .td_tbody_last{
+  
+    border-right:1px solid #ccc;
+    border-top:1px solid #ccc;
+    width:9%;
+  }
+
+  
+  /* This CSS used for AllIndia and zone wise dashboard Novartis on dated :12/12/2016*/
+  table.mt {
+			border-width: 1px;
+			border-spacing: 0px;
+			border-style: solid;
+			border-color: #cfcfcf;
+			border-collapse: collapse;
+			line-height: 25px;
+			background-color: #FFF;
+			border-top: 2px solid #7bc6ff;
+		}
+		
+		
+		table.mt th {
+			border-width: 1px;
+			padding: 1px;
+			border-style: solid;
+			border-color: #cfcfcf;
+			white-space: normal;
+			text-rendering: optimizeLegibility;
+		}
+		
+		table.mt td {
+			border-width: 1px;
+			padding: 1px;
+			border-style: solid;
+			border-color: #cfcfcf;
+			vertical-align: middle;
+			padding-left:5px
+		}
+		
+		.cardHtmlTableBodyAlignRgt
+		{
+			text-align:right;
+			padding-right:3px;
+			width:1%
+		}
+		.cardHtmlTableBodyAlignLft
+		{
+			text-align:left;
+			padding-right:3px;
+		}
+		.cardHtmlTableHeaderAlignLft
+		{
+			text-align:left;
+			padding-right:3px;
+			font-size: 14px;
+		}
+		
+		.cardSalesPersonTitlehtml
+{
+	height: 25px;
+	background-color: #808080;
+	color:white;
+	
+}
+		
+	 /* End CSS used for AllIndia and zone wise dashboard Novartis on dated :12/12/2016*/	

webitm-dashboard/GWT-Component/war/GwtDashboardPage.html

@@ -9,7 +9,7 @@
 <script type="text/javascript" language="javascript" src="FusionChart/js/BuildChart.js"></script>
 <script type="text/javascript" language="javascript" src="FusionChart/js/FusionCharts.js"></script>
 <script type="text/javascript" language="javascript" src="gwtdashboardreport/gwtdashboardreport.nocache.js"></script>
-
+<script type="text/javascript" language="javascript"  src="FusionChart/js/jquery.min.js"></script>
 <!--Start-Imports new Css And Script For gantt Chart by sachin on 05-Aug-15  -->
 <script type="text/javascript" language="javascript" src="FusionChart/js/dhtmlxgantt.js"></script>
 <link type="text/css" rel="stylesheet" href="dhtmlxgantt.css">
@@ -49,6 +49,14 @@ function removeCSS()
 	
 	document.getElementById('ganttfilter').style.visibility = "hidden";
 }
+
+function exportExcel()
+{
+	var htmldata = $('#excelData').html();
+	document.getElementById("data").value=htmldata;
+	document.getElementById("myForm").action = "/jsp/ExcelExport.jsp";
+	document.getElementById("myForm").submit();
+}
 </script>
 </head>