Commit 126fef21 authored by dkasliwal's avatar dkasliwal

Added code for Dynamic Container , card implementation, removed static veriable ,

added new filter type 6, new css change, implement group filter,
changes in xml


git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@98297 ce508802-f39f-4f6c-b175-0d175dae99d5
parent a1a2c1c9
......@@ -373,13 +373,16 @@ public class SimplePager extends AbstractPager {
HorizontalPanel layout = new HorizontalPanel();
layout.setWidth("100%");
layout.add(labelLayout);
layout.setCellWidth(labelLayout, "80%");
layout.setCellWidth(labelLayout, "82%");
layout.add(excelBtnPnl);
/*Start excelBtnPnl align Right by Dhanendra*/
layout.setCellHorizontalAlignment(excelBtnPnl,HasHorizontalAlignment.ALIGN_RIGHT);
/*End excelBtnPnl align Right by Dhanendra*/
layout.setCellWidth(excelBtnPnl, "10%");
layout.add(pagerLayout);
layout.setCellWidth(pagerLayout, "10%");
layout.setCellWidth(pagerLayout, "8%");
if (showFastForwardButton) {
fastForward.getElement().getParentElement().addClassName(style.button());
......
package ibase.client;
import java.util.ArrayList;
import com.google.gwt.json.client.JSONObject;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.HorizontalPanel;
import com.google.gwt.user.client.ui.ScrollPanel;
import com.google.gwt.user.client.ui.SimplePanel;
import com.google.gwt.user.client.ui.VerticalPanel;
public class CardBuilder
{
public SimplePanel buildCard(ArrayList<ArrayList<String>> graphDtlList, JSONObject jsonObjGraph, String dataSource)
{
JSONObject jsonObjFrGraph = (JSONObject) jsonObjGraph.get(dataSource);
ArrayList<String> heightList = new ArrayList<String>();
ArrayList<String> widthList = new ArrayList<String>();
ArrayList<String> layoutList = new ArrayList<String>();
ArrayList<String> componentCssTypeList = new ArrayList<String>();
ArrayList<String> componantTitlList = new ArrayList<String>();
ArrayList<String> groupTypeList = new ArrayList<String>();
ArrayList<String> groupFltrNameList = new ArrayList<String>();
String[] splitdArray = null;
ArrayList<String> idList = new ArrayList<String>();
SimplePanel simplePnl = new SimplePanel();
ScrollPanel cardScrlPnl = new ScrollPanel();
ArrayList<String> dataList = null;
String layOutStr = "";
JSONObject fetchRowWiseVal = null;
ArrayList<ArrayList<String>> allCardList = new ArrayList<ArrayList<String>>();
final VerticalPanel verticalPnl = new VerticalPanel();
//final ScrollPanel verticalPnl=new ScrollPanel();
int firstOcurence = 0;
String cardString = "";
String layoutHtmlStr = "";
HorizontalPanel horizontalPnl = null;
HTML html = null;
cardScrlPnl.setStyleName("cardScrlPnl");
verticalPnl.setStyleName("cardVPnl");
verticalPnl.getElement().setAttribute("cellpadding", "2");
verticalPnl.getElement().setAttribute("cellspacing", "1");
String id = "";
String dataString = "";
String componentIcon = "";
//String oldDataStr = "";
for (int i = 0; i < graphDtlList.size(); i++)
{
if (i == 0)
{
groupTypeList = (ArrayList<String>) graphDtlList.get(i);
}
if (i == 1)
{
componantTitlList = (ArrayList<String>) graphDtlList.get(i);
}
if (i == 2)
{
componentCssTypeList = (ArrayList<String>) graphDtlList.get(i);
}
if (i == 3)
{
heightList = (ArrayList<String>) graphDtlList.get(i);
}
if (i == 4)
{
widthList = (ArrayList<String>) graphDtlList.get(i);
}
if (i == 5)
{
layoutList = (ArrayList<String>) graphDtlList.get(i);
}
if (i == 6)
{
groupFltrNameList = (ArrayList<String>) graphDtlList.get(i);
}
if (i == 7)
{
componentIcon = ""+ graphDtlList.get(i);
}
}
if (layoutList.get(0) != null)
{
layOutStr = layoutList.get(0);
splitdArray = layOutStr.split("}");
}
for (int i = 0; i < splitdArray.length; i++)
{
cardString = splitdArray[i];
firstOcurence = cardString.indexOf("{");
idList.add(cardString.substring(firstOcurence + 1, cardString.length()));
}
for (int jsnCnt = 0; jsnCnt < jsonObjFrGraph.size(); jsnCnt++)
{
dataList = new ArrayList<String>();
fetchRowWiseVal = (JSONObject) jsonObjFrGraph.get(String.valueOf(jsnCnt));
for (String idName : idList)
{
dataList.add("" + fetchRowWiseVal.get(idName));
}
allCardList.add(dataList);
}
for (ArrayList<String> cardDataList : allCardList)
{
layoutHtmlStr = layOutStr;
horizontalPnl = new HorizontalPanel();
html = new HTML();
for (int i = 0; i < idList.size() - 1; i++)
{
id = idList.get(i);
dataString = cardDataList.get(i);
dataString = dataString.replace('"', ' ');
layoutHtmlStr = layoutHtmlStr.replaceAll(id, dataString);
}
layoutHtmlStr = layoutHtmlStr.replace("{", "").replace("}", "");
html.setHTML(layoutHtmlStr);
horizontalPnl.add(html);
horizontalPnl.setStyleName("cardhorizontalPnl");
verticalPnl.add(horizontalPnl);
}
cardScrlPnl.add(verticalPnl);
simplePnl.setHeight(heightList.get(0));
simplePnl.setWidth(widthList.get(0));
simplePnl.add(cardScrlPnl);
//simplePnl.add(verticalPnl);
return simplePnl;
}
}
......@@ -13,129 +13,86 @@ public class FilterInfo
{
// TODO Auto-generated constructor stub
}
String colTitle = "";
String colName = "";
String colDescr = "";
String colDescrId = "";
String colNameId = "";
String colModuleName = "";
String filterType = "";
String mandatory = "";
String name = "";
// added for multiple parameter in filter
String headingDisplay="";
String filterText="";
//ended for multiple filter parametere
public String getColTitle()
{
return colTitle;
}
public void setColTitle(String colTitle)
{
this.colTitle = colTitle;
}
public String getFiltertype()
{
return filterType;
}
public void setFiltertype(String filtertype)
{
this.filterType = filtertype;
}
String defaultValue = "";
public String getDefaultValue()
{
return defaultValue;
}
public void setDefaultValue(String defaultValue)
{
this.defaultValue = defaultValue;
}
public String getColName()
{
return colName;
}
{
return colName;
}
public void setColName(String colName)
{
this.colName = colName;
}
{
this.colName = colName;
}
public String getColDescr()
{
return colDescr;
}
{
return colDescr;
}
public void setColDescr(String colDescr)
{
this.colDescr = colDescr;
}
public String getColDescrId()
{
return colDescrId;
}
public void setColDescrId(String colDescrId)
{
this.colDescrId = colDescrId;
}
public String getColNameId()
{
return colNameId;
}
public void setColNameId(String colNameId)
{
this.colNameId = colNameId;
}
public String getColModuleName()
{
return colModuleName;
}
public void setColModuleName(String colModuleName)
{
this.colModuleName = colModuleName;
}
public String getMandatory()
{
return mandatory;
this.colDescr = colDescr;
}
public void setMandatory(String mandatory)
public String getColId()
{
this.mandatory = mandatory;
return colId;
}
public String getName()
public void setColId(String colId)
{
return name;
this.colId = colId;
}
public void setName(String name)
public String getFieldName()
{
return fieldName;
}
public void setFieldName(String fieldName)
{
this.fieldName = fieldName;
}
public String getModName()
{
return modName;
}
public void setModName(String modName)
{
this.modName = modName;
}
public String getShowOnTitle()
{
this.name = name;
return showOnTitle;
}
/**Start : to add multiple parameter in title date: 12/June/2015**/
public String getHeadingDisplay()
public void setShowOnTitle(String showOntitle)
{
return headingDisplay;
this.showOnTitle = showOntitle;
}
public String getMandatory()
{
return mandatory;
}
public String getFilterText()
public void setMandatory(String mandatory)
{
return filterText;
this.mandatory = mandatory;
}
public void setHeadingDisplay(String headingDisplay)
public String getFiltrType()
{
this.headingDisplay = headingDisplay;
return filtrType;
}
public void setFilterText(String filterText)
public void setFiltrType(String filtrType)
{
this.filterText = filterText;
this.filtrType = filtrType;
}
/**End : to add multiple parameter in title**/
String colName = "";
String colDescr = "";
String colId = "";
String fieldName = "";
String modName = "";
String showOnTitle = "";
String mandatory = "";
String filtrType= "";
}
......@@ -27,7 +27,7 @@ public class GWTDashBoardReport implements EntryPoint
@SuppressWarnings("unchecked")
public void onModuleLoad()
{
metadataname = Window.Location.getParameter("metadataname") == null ? "" : Window.Location.getParameter("metadataname");
metadataname = Window.Location.getParameter("metadataname") == null ? "" : Window.Location.getParameter("metadataname");
if (metadataname.trim().length() != 0)
{
......@@ -83,9 +83,9 @@ public class GWTDashBoardReport implements EntryPoint
{
count++;
//if(count==1)
if(filterInfo.getColNameId().equals("PRD_SALESDASH"))
if(filterInfo.getFieldName().equals("PRD_SALESDASH"))
{
prdFilterName=filterInfo.getColNameId();
prdFilterName=filterInfo.getFieldName();
if(prdFilterName=="PRD_SALESDASH")
{
if(scmMonth.trim().length()==1)
......@@ -93,17 +93,17 @@ public class GWTDashBoardReport implements EntryPoint
scmMonth="0"+scmMonth;
}
monthYear=year+scmMonth;
parameterList.add(Window.Location.getParameter(filterInfo.getColNameId()) == null ? monthYear : Window.Location.getParameter(filterInfo.getColNameId()));
parameterList.add(Window.Location.getParameter(filterInfo.getFieldName()) == null ? monthYear : Window.Location.getParameter(filterInfo.getFieldName()));
}
else
{
parameterList.add(Window.Location.getParameter(filterInfo.getColNameId()) == null ? monthYear : Window.Location.getParameter(filterInfo.getColNameId()));
parameterList.add(Window.Location.getParameter(filterInfo.getFieldName()) == null ? monthYear : Window.Location.getParameter(filterInfo.getFieldName()));
}
}
else
{
parameterList.add(Window.Location.getParameter(filterInfo.getColNameId()) == null ? "" : Window.Location.getParameter(filterInfo.getColNameId()));
parameterList.add(Window.Location.getParameter(filterInfo.getFieldName()) == null ? "" : Window.Location.getParameter(filterInfo.getFieldName()));
}
}
}
......
......@@ -10,9 +10,9 @@ public class GridThemes {
//printOnConsole(" Apply Datagrid Themes :" + E12Constants.userTheme );
//Window.alert("E12Constants.userTheme:"+E12Constants.userTheme);
Resources.DATAGRID_RES.blueThemeCSS().ensureInjected();
//Resources.DATAGRID_RES.blueThemeCSS().ensureInjected();
//Resources.DATAGRID_RES.grayThemeCSS().ensureInjected();
Resources.DATAGRID_RES.grayThemeCSS().ensureInjected();
//Resources.DATAGRID_RES.orangeThemeCSS().ensureInjected();
//Resources.DATAGRID_RES.greenThemeCSS().ensureInjected();
......
......@@ -50,7 +50,7 @@ public class PopHelpXmlGenerator
for (int i = 0; i < filterList.size(); i++)
{
fltrInfo = filterList.get(i);
colNameId = fltrInfo.getColNameId();
colNameId = fltrInfo.getFieldName();
mandatotyFilter = fltrInfo.getMandatory();
for (int scrlPnlCnt = 0; scrlPnlCnt < popUpVerticlPnl.getWidgetCount(); scrlPnlCnt++)
{
......
@font-face { /* declare fonts */
font-family: "MuseoLight";
src: url("fonts/Museo300-Regular.eot");
src: local("Museo 300"), local("Museo-300"),
url("fonts/Museo300-Regular.woff") format("woff"),
url("fonts/Museo300-Regular.otf") format("opentype"),
url("fonts/Museo300-Regular.svg#Museo-300") format("svg");
}
body
{
font-family:'MuseoLight', sans-serif;
}
.dataGridWidget {
/* border: solid 1px black; */
width: 100%;
......@@ -33,47 +47,50 @@
}
.dataGridHeader {
border-top: 2px solid #7BC6FF !important;
border-bottom: 1px solid #CCC;
line-height: 29px;
padding: 0 10px;
/*color: #2087fc;*/
color:rgb(70, 70, 70) !important;
/* color:rgb(70, 70, 70) !important; */
color :#000 !important;
/*text-shadow: 0 1px rgba(0, 0, 0, 0.2);*/
text-shadow: 0 1px rgba(255,255,255,0.2);
/*text-shadow: 0 1px rgba(255,255,255,0.2);*/
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #D3D3D3 #DBDBDB #EBE9E9;
background-color: #DBDBDB;
background-color: white;
/* IE10 Consumer Preview */
/* IE10 Consumer Preview
background-image: -ms-linear-gradient(top, literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );
/* Mozilla Firefox */
Mozilla Firefox
background-image: -moz-linear-gradient(top,literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );
/* Opera */
Opera
background-image: -o-linear-gradient(top, literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );
/* Webkit (Safari/Chrome 10) */
Webkit (Safari/Chrome 10)
background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(.60, #E2E2E2), color-stop(1, #FFFFFF));
/* Webkit (Chrome 11+) */
Webkit (Chrome 11+)
background-image: -webkit-linear-gradient(top, literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(literal("to bottom"), literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );
W3C Markup, IE10 Release Preview
background-image: linear-gradient(literal("to bottom"), literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );*/
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
/*-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
text-rendering: optimizeLegibility;
font-size: 12px;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;*/
/* text-rendering: optimizeLegibility; */
font-size: 14px;
font-weight:normal;
}
.dataGridCell {
line-height: 29px;
padding: 0 10px;
border-right: 1px solid #eee;
border-right: 1px solid #CCC;
border-right-color: rgba(0, 0, 0, 0.07);
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 12px;
text-shadow: 0 1px white;
text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-rendering: optimizeLegibility;
font-family:'MuseoLight', sans-serif;
font-size: 14px;
/* text-rendering: optimizeLegibility; */
border-bottom: 1px solid #CCC;
}
.dataGridFirstColumnFooter {
......@@ -82,7 +99,7 @@
.dataGridFirstColumnHeader {
border-left-width: 1px;
border-top-left-radius: 3px;
/* border-top-left-radius: 3px; */
}
.dataGridLastColumnFooter {
......@@ -90,7 +107,7 @@
}
.dataGridLastColumnHeader {
border-top-right-radius: 3px;
/* border-top-right-radius: 3px; */
}
.dataGridSortableHeader {
......@@ -99,7 +116,7 @@
.dataGridSortableHeader:hover {
/*color: #2087fc;*/
color:rgb(70, 70, 70) !important;
color:#000 !important;
}
.dataGridSortedHeaderAscending {
......@@ -111,57 +128,62 @@
}
.dataGridEvenRow {
/* background: #ffffff; */
background-color: #f9f9f9;
background-color: white;
}
.dataGridEvenRowCell {
/* border: selectionBorderWidth solid #ffffff; */
border: none;
border-right: 1px solid #eee;
border-right-color: rgba(0, 0, 0, 0.07);
border-right: 1px solid #CCC;
border-bottom :1px solid #CCC;
border-left :1px solid #CCC;
}
.dataGridOddRow {
background: #ffffff;
background-color: white;
}
.dataGridOddRowCell {
/* border: selectionBorderWidth solid #f3f7fb; */
border: none;
border-right: 1px solid #eee;
border-right-color: rgba(0, 0, 0, 0.07);
border-right: 1px solid #CCC;
border-bottom :1px solid #CCC;
border-left :1px solid #CCC;
}
.dataGridHoveredRow {
/* background: #d7dde8; */
background-color: #f4f4f4;
//background-color: red;
background-color: #f5f5f5;
border-right: 1px solid #CCC;
border-bottom :1px solid #CCC;
border-left :1px solid #CCC;
}
.dataGridHoveredRowCell {
/* border: selectionBorderWidth solid #eee; */
border: none;
border-right: 1px solid #eee;
border-right-color: rgba(0, 0, 0, 0.07);
border-right: 1px solid #CCC;
border-bottom :1px solid #CCC;
border-left :1px solid #CCC;
}
.dataGridKeyboardSelectedRow {
background: #33CCCC;
/* background: #ffc; */
}
.dataGridKeyboardSelectedRowCell {
/* border: selectionBorderWidth solid #ffc; */
border: none;
border-right: 1px solid #eee;
border-right-color: rgba(0, 0, 0, 0.07);
border-right: 1px solid #CCC;
border-bottom :1px solid #CCC;
border-left :1px solid #CCC;
}
.dataGridSelectedRow {
background-color: #2087fc;
color: white !important;
cursor: pointer;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-family:'MuseoLight', sans-serif;
font-size: 12px;
/* text-shadow: 0 1px 1px rgba(255, 255, 255, .5); */
text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
......@@ -176,8 +198,9 @@
.dataGridKeyboardSelectedCell {
/* border: selectionBorderWidth solid #d7dde8; */
border: none;
border-right: 1px solid #eee;
border-right-color: rgba(0, 0, 0, 0.07);
border-right: 1px solid #CCC;
border-bottom :1px solid #CCC;
border-left :1px solid #CCC;
}
/*For temp CSS*/
......@@ -191,5 +214,5 @@
.dataGridSortableHeader:hover div,
.dataGridSortableHeader:hover td {
/*color: #2087fc !important;*/
color:rgb(70, 70, 70) !important;
color:#000 !important;
}
\ No newline at end of file
package snippet;
public class Snippet
{
String userId = "sachin";
String xmlMetadata =null;
public static void main(String[] args)
{
}
}
......@@ -4,6 +4,7 @@ var empcode = "";
var subjectName="";
function createFusionChart(jsonObj, containerId, chartContainer,width,height,imageName,userId,rptSubject)
{
//jsonObj='{"dataset":[{"valuePosition":"BELOW", "color":"#01DF3A", "data":[{"value":"19", "showValue":"1", "link":"p-detailsPopUp,width$1000,height$500,toolbar$no,scrollbars$yes,resizable$no-/ibase/dwh/GwtDashboardPage.html?metadataname=monthwiseactual&PRD_SALESDASH=201503&titleName=-Manufactured and Released Batches for Mar-2015&actual_batches_released=19&prd_code=Mar-2015"},{"value":"", "showValue":"1", "link":"p-detailsPopUp,width$1000,height$500,toolbar$no,scrollbars$yes,resizable$no-/ibase/dwh/GwtDashboardPage.html?metadataname=monthwiseactual&PRD_SALESDASH=201503&titleName=-Manufactured and Released Batches for In METIS Not in LIMS&actual_batches_released=&prd_code=In METIS Not in LIMS"}], "seriesname":"Released"},{"valuePosition":"BELOW", "color":"#FF0000", "data":[{"value":"33", "showValue":"1", "link":"p-detailsPopUp,width$1000,height$500,toolbar$no,scrollbars$yes,resizable$no-/ibase/dwh/GwtDashboardPage.html?metadataname=monthwisepending&PRD_SALESDASH=201503&titleName=-Manufactured and Released Batches for Mar-2015&pending_batches=33&prd_code=Mar-2015"},{"value":"", "showValue":"1", "link":"p-detailsPopUp,width$1000,height$500,toolbar$no,scrollbars$yes,resizable$no-/ibase/dwh/GwtDashboardPage.html?metadataname=monthwisepending&PRD_SALESDASH=201503&titleName=-Manufactured and Released Batches for In METIS Not in LIMS&pending_batches=&prd_code=In METIS Not in LIMS"}], "seriesname":"Not Released"},{"valuePosition":"BELOW", "color":"#FFFF00", "data":[{"value":"101", "showValue":"1", "link":"p-detailsPopUp,width$1000,height$500,toolbar$no,scrollbars$yes,resizable$no-/ibase/dwh/GwtDashboardPage.html?metadataname=tbdbatch&PRD_SALESDASH=201503&titleName=-Manufactured and Released Batches for Mar-2015&tbd_batches=101&prd_code=Mar-2015"},{"value":"149", "showValue":"1", "link":"p-detailsPopUp,width$1000,height$500,toolbar$no,scrollbars$yes,resizable$no-/ibase/dwh/GwtDashboardPage.html?metadataname=tbdbatch&PRD_SALESDASH=201503&titleName=-Manufactured and Released Batches for In METIS Not in LIMS&tbd_batches=149&prd_code=In METIS Not in LIMS"}], "seriesname":"In METIS Not in LIMS "}], "categories":{"category":[{"label":"Mar-2015"},{"label":"In METIS Not in LIMS"}]}, "chart":[{"caption":"HALOL - Manufactured & Released Batches-Timescale (06/04/2015)", "bgcolor":"", "showLegend":"1", "useroundedges":"1", "rotateValues":"0", "decimals":"1", "formatNumberScale":"0", "formatNumber":"1", "exportEnabled":"1", "exportAtClient":"0", "exportHandler":"FCExporter", "exportAction":"save", "xAxisName":"Production Completion Month/Target Release Week ", "yAxisName":"Number Of Batches", "anchorRadius":"0", "lineAlpha":"1", "anchorBorderThickness":"3", "pyaxisname":"Number of Batches", "syaxisname":"Number of Batches"}]}';
//off jsonObj='{ "chart": { "caption": "Sales Comparison by Country - 2011 vs 2012 vs 2013", "subcaption": "(Right-click to see the export modes available)", "exportEnabled": "1", "exportatclient": "0", "exportHandler":"FCExporter", "exportAction":"save", "bgcolor": "FFFFFF", "numberprefix": "$", "showvalues": "0", "plotgradientcolor": "", "showalternatehgridcolor": "0", "showplotborder": "0", "labeldisplay": "WRAP", "divlinecolor": "CCCCCC", "canvasborderalpha": "0" }, "categories": [ { "category": [ { "label": "Austria" }, { "label": "Brazil" }, { "label": "France" }, { "label": "Germany" }, { "label": "USA" } ] } ], "dataset": [ { "seriesname": "2011", "color": "008ee4", "data": [ { "value": "25601.34" }, { "value": "20148.82" }, { "value": "17372.76" }, { "value": "35407.15" }, { "value": "38105.68" } ] }, { "seriesname": "2012", "color": "6baa01", "data": [ { "value": "57401.85" }, { "value": "41941.19" }, { "value": "45263.37" }, { "value": "117320.16" }, { "value": "114845.27" } ] }, { "seriesname": "2013", "color": "f8bd19", "data": [ { "value": "45000.65" }, { "value": "44835.76" }, { "value": "18722.18" }, { "value": "77557.31" }, { "value": "92633.68" } ] } ] }';
try
......@@ -58,6 +59,64 @@ function createFusionChart(jsonObj, containerId, chartContainer,width,height,ima
}
//var userID ="E31810";
/* Add 3 function for create dyanamic div for compliance Dashboard By Dhanendra On 28MAy2015 */
function outerDiv(outerDivId,type, cssName)
{
var outerDiv = document.createElement('div');
outerDiv.id = outerDivId+"Div";
if(cssName == null)
{
outerDiv.className = 'outerChartContainer';
}else
{
outerDiv.className = cssName;
}
//alert("after css");
var iDiv = document.createElement('div');
iDiv.id = outerDivId;
iDiv.className = outerDivId;
var headDiv = document.createElement('div');
if(type == "T")
{
headDiv.className = 'chartContainerGridHead';
}else{
headDiv.className = 'chartContainerHead';
}
headDiv.id = outerDivId+'head';
iDiv.appendChild(headDiv);
outerDiv.appendChild(iDiv);
//document.getElementsByTagName('body')[0].appendChild(outerDiv);
//alert("before");
document.getElementById('chartContainer').appendChild(outerDiv);
//alert("after");
}
function innerDiv(innerDivId,groupName)
{
var inDiv = document.createElement('div');
inDiv.id = 'chart'+innerDivId;
var innerDiv = document.createElement('div');
innerDiv.id='chartContainer'+innerDivId;
inDiv.appendChild(innerDiv);
document.getElementById(groupName).appendChild(inDiv);
}
function clearDiv(containerId)
{
document.getElementById(containerId+"Div").remove();
}
function createFrameContainer()
{
var outerDiv = document.createElement('div');
outerDiv.id = "frameContainerDiv";
var iDiv = document.createElement('div');
iDiv.id = "frameContainer";
outerDiv.appendChild(iDiv);
document.getElementById('chartContainer').appendChild(outerDiv);
}
/* End 3 function for create dyanamic div for compliance Dashboard By Dhanendra On 28MAy2015 */
var remark = "The left side of the graph contains the month of completion of the manufacturing process of the batches and the laboratory status, green contains the number of the batches that were released by the lab., the red contains the number of batches that weren't yet released, Yellow contains the number of batches that have finished the production and the samples didn't yet reached the lab.The right side of the graph contains the estimated week of release of the red batches that appear in the left side of the graph.";
function getXMLHttpRequest()
......
......@@ -1285,7 +1285,7 @@ var panelTypes=[];
var panelTypeMap={};
var reps=[];
var parentPanelMap={};
window.Firebug=FBL.Firebug={version:"Firebug Lite 1.3.0",revision:"$Revision: 1.1 $",modules:modules,panelTypes:panelTypes,panelTypeMap:panelTypeMap,reps:reps,initialize:function(){if(FBTrace.DBG_INITIALIZE){FBTrace.sysout("Firebug.initialize","initializing application")
window.Firebug=FBL.Firebug={version:"Firebug Lite 1.3.0",revision:"$Revision: 1.2 $",modules:modules,panelTypes:panelTypes,panelTypeMap:panelTypeMap,reps:reps,initialize:function(){if(FBTrace.DBG_INITIALIZE){FBTrace.sysout("Firebug.initialize","initializing application")
}Firebug.browser=new Context(Env.browser);
Firebug.context=Firebug.browser;
cacheDocument();
......
......@@ -3,18 +3,30 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link type="text/css" rel="stylesheet" href="GwtDashboardPage.css">
<link type="text/css" rel="stylesheet" href="circle.css">
<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" >
<script type="text/javascript" language="javascript">
function removeCSS()
{
var query = window.location.href;
var vars = query.split("&");
for (var i=0;i<vars.length;i++)
{
if(i==(vars.length-1) && vars[i]=="FLAG=N")
var query = window.location.href;
var vars = query.split("?");
var vars1 = query.split("&");
for (var i=0;i<vars.length;i++)
{
if(i==(vars.length-1) && vars[i]=="metadataname=halolmfgmonth")
{
document.getElementById('remark').innerHTML += "<font color=red>Remark:</font> The left side of the graph contains the month of completion of the manufacturing process of the batches and the laboratory status, green contains the number of the batches that were released by the lab., the red contains the number of batches that weren't yet released, Yellow contains the number of batches that have finished the production and the samples didn't yet reached the lab.The right side of the graph contains the estimated week of release of the red batches that appear in the left side of the graph.";
document.getElementById('chartContainer17').innerHTML += "<table border='1' style='font-weight: bold' bordercolor='lightgray' width='500' cellpadding='0' cellspacing='0' height='80px'> <tr> <td colspan='2' align='center'>Summary Of Problematic Unreleased Batches </td></tr> <tr> <td> QC Lab Problem Indication </td><td> Number Of Batches</td></tr> </table>";
document.getElementById('chartContainer18').innerHTML += "<table border='1' style='font-weight: bold' bordercolor='lightgray' width='500' cellpadding='0' cellspacing='0' height='80px'> <tr> <td colspan='2' align='center'>Final Summary Of Total Batches</td></tr> <tr> <td width='60%'> Category Type</td><td> Number Of Batches</td></tr> </table>";
}
}
for (var i=0;i<vars1.length;i++) {
if(i==(vars1.length-1) && vars1[i]=="FLAG=N")
{
var el = document.getElementById("filterDiv");
el.parentNode.removeChild(el);
......@@ -22,45 +34,15 @@ function removeCSS()
}
}
</script>
</head>
<body onload="removeCSS()" >
<body onload="removeCSS()">
<div id="filterDiv" class="filterDiv"></div>
<div id="chartContainer" >
<table width="100%">
<tr>
<td><div id="chartContainer1" class="chartContainer"></div></td>
<td><div id="chartContainer2" class="chartContainer"></div></td>
</tr>
<tr> <td colspan="2"><div id="chartContainer3" class="chartContainer"></div></td></tr>
<tr> <td colspan="2"><div id="chartContainer4" class="chartContainer"></div></td></tr>
<tr> <td colspan="2"><div id="chartContainer5" class="chartContainer" ></div></td></tr>
<tr>
<td><div id="chartContainer6" class="chartContainer" ></div></td>
<td><div id="chartContainer7" class="chartContainer"></div></td>
</tr>
<tr>
<td><div id="chartContainer8" class="chartContainer" ></div></td>
<td><div id="chartContainer9" class="chartContainer"></div></td>
</tr>
<tr>
<td><div id="chartContainer10" class="chartContainer" ></div></td>
<td><div id="chartContainer11" class="clhartContainer"></div></td>
</tr>
<tr>
<td><div id="chartContainer12" class="chartContainer" ></div></td>
<td><div id="chartContainer13" class="clhartContainer"></div></td>
</tr>
<tr>
<td><div id="chartContainer14" class="chartContainer" ></div></td>
<td><div id="chartContainer15" class="clhartContainer"></div></td>
</tr>
<tr>
<td colspan="2"><div id="frameContainer" class="chartContainer" ></div></td>
</tr>
</table>
<div id="optioDiv"></div>
<div id="chartContainer">
<!-- <div id="chartContainer2" class="outerChartContainerPos1of2"></div> -->
</div>
</body>
</html>
......@@ -4,7 +4,7 @@
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link type="text/css" rel="stylesheet" href="GwtDashboardPage.css">
<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="FusionChart/js/fusioncharts.js"></script>
<script type="text/javascript" language="javascript" src="gwtdashboardreport/gwtdashboardreport.nocache.js"></script>
</head>
......
@font-face { /* declare fonts */
font-family: "MuseoLight";
src: url("fonts/Museo300-Regular.eot");
src: local("Museo 300"), local("Museo-300"),
url("fonts/Museo300-Regular.woff") format("woff"),
url("fonts/Museo300-Regular.otf") format("opentype"),
url("fonts/Museo300-Regular.svg#Museo-300") format("svg");
}
body
{
font-family:'MuseoLight', sans-serif;
}
.dataGridWidget {
/* border: solid 1px black; */
width: 100%;
......@@ -33,47 +47,50 @@
}
.dataGridHeader {
border-top: 2px solid #7BC6FF !important;
border-bottom: 1px solid #CCC;
line-height: 29px;
padding: 0 10px;
/*color: #2087fc;*/
color:rgb(70, 70, 70) !important;
/* color:rgb(70, 70, 70) !important; */
color :#000 !important;
/*text-shadow: 0 1px rgba(0, 0, 0, 0.2);*/
text-shadow: 0 1px rgba(255,255,255,0.2);
/*text-shadow: 0 1px rgba(255,255,255,0.2);*/
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #D3D3D3 #DBDBDB #EBE9E9;
background-color: #DBDBDB;
background-color: white;
/* IE10 Consumer Preview */
/* IE10 Consumer Preview
background-image: -ms-linear-gradient(top, literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );
/* Mozilla Firefox */
Mozilla Firefox
background-image: -moz-linear-gradient(top,literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );
/* Opera */
Opera
background-image: -o-linear-gradient(top, literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );
/* Webkit (Safari/Chrome 10) */
Webkit (Safari/Chrome 10)
background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(.60, #E2E2E2), color-stop(1, #FFFFFF));
/* Webkit (Chrome 11+) */
Webkit (Chrome 11+)
background-image: -webkit-linear-gradient(top, literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(literal("to bottom"), literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );
W3C Markup, IE10 Release Preview
background-image: linear-gradient(literal("to bottom"), literal("#E2E2E2 60%"), literal("#FFFFFF 100%") );*/
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
/*-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 1px rgba(0, 0, 0, 0.04);
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
text-rendering: optimizeLegibility;
font-size: 12px;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;*/
/* text-rendering: optimizeLegibility; */
font-size: 14px;
font-weight:normal;
}
.dataGridCell {
line-height: 29px;
padding: 0 10px;
border-right: 1px solid #eee;
border-right: 1px solid #CCC;
border-right-color: rgba(0, 0, 0, 0.07);
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-size: 12px;
text-shadow: 0 1px white;
text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
text-rendering: optimizeLegibility;
font-family:'MuseoLight', sans-serif;
font-size: 14px;
/* text-rendering: optimizeLegibility; */
border-bottom: 1px solid #CCC;
}
.dataGridFirstColumnFooter {
......@@ -82,7 +99,7 @@
.dataGridFirstColumnHeader {
border-left-width: 1px;
border-top-left-radius: 3px;
/* border-top-left-radius: 3px; */
}
.dataGridLastColumnFooter {
......@@ -90,7 +107,7 @@
}
.dataGridLastColumnHeader {
border-top-right-radius: 3px;
/* border-top-right-radius: 3px; */
}
.dataGridSortableHeader {
......@@ -99,7 +116,7 @@
.dataGridSortableHeader:hover {
/*color: #2087fc;*/
color:rgb(70, 70, 70) !important;
color:#000 !important;
}
.dataGridSortedHeaderAscending {
......@@ -111,57 +128,62 @@
}
.dataGridEvenRow {
/* background: #ffffff; */
background-color: #f9f9f9;
background-color: white;
}
.dataGridEvenRowCell {
/* border: selectionBorderWidth solid #ffffff; */
border: none;
border-right: 1px solid #eee;
border-right-color: rgba(0, 0, 0, 0.07);
border-right: 1px solid #CCC;
border-bottom :1px solid #CCC;
border-left :1px solid #CCC;
}
.dataGridOddRow {
background: #ffffff;
background-color: white;
}
.dataGridOddRowCell {
/* border: selectionBorderWidth solid #f3f7fb; */
border: none;
border-right: 1px solid #eee;
border-right-color: rgba(0, 0, 0, 0.07);
border-right: 1px solid #CCC;
border-bottom :1px solid #CCC;
border-left :1px solid #CCC;
}
.dataGridHoveredRow {
/* background: #d7dde8; */
background-color: #f4f4f4;
//background-color: red;
background-color: #f5f5f5;
border-right: 1px solid #CCC;
border-bottom :1px solid #CCC;
border-left :1px solid #CCC;
}
.dataGridHoveredRowCell {
/* border: selectionBorderWidth solid #eee; */
border: none;
border-right: 1px solid #eee;
border-right-color: rgba(0, 0, 0, 0.07);
border-right: 1px solid #CCC;
border-bottom :1px solid #CCC;
border-left :1px solid #CCC;
}
.dataGridKeyboardSelectedRow {
background: #33CCCC;
/* background: #ffc; */
}
.dataGridKeyboardSelectedRowCell {
/* border: selectionBorderWidth solid #ffc; */
border: none;
border-right: 1px solid #eee;
border-right-color: rgba(0, 0, 0, 0.07);
border-right: 1px solid #CCC;
border-bottom :1px solid #CCC;
border-left :1px solid #CCC;
}
.dataGridSelectedRow {
background-color: #2087fc;
color: white !important;
cursor: pointer;
font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
font-family:'MuseoLight', sans-serif;
font-size: 12px;
/* text-shadow: 0 1px 1px rgba(255, 255, 255, .5); */
text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
......@@ -176,8 +198,9 @@
.dataGridKeyboardSelectedCell {
/* border: selectionBorderWidth solid #d7dde8; */
border: none;
border-right: 1px solid #eee;
border-right-color: rgba(0, 0, 0, 0.07);
border-right: 1px solid #CCC;
border-bottom :1px solid #CCC;
border-left :1px solid #CCC;
}
/*For temp CSS*/
......@@ -191,5 +214,5 @@
.dataGridSortableHeader:hover div,
.dataGridSortableHeader:hover td {
/*color: #2087fc !important;*/
color:rgb(70, 70, 70) !important;
color:#000 !important;
}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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