Skip to content

B
business-java
Commit 604e2786 authored by sbhandvale's avatar sbhandvale
Browse files
Options

Dashboard changes for calendar 


git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@104556 ce508802-f39f-4f6c-b175-0d175dae99d5
parent 24e8ddac
Show whitespace changes
Inline Side-by-side
Showing with 5056 additions and 24 deletions
webitm-dashboard/GWT-Component/src/ibase/client/CardBuilder.java
View file @ 604e2786
...@@ -18,7 +18,7 @@ public class CardBuilder ...@@ -18,7 +18,7 @@ public class CardBuilder
{ {
/*Add ParameterList and filterList in buildCard method By Dhanendra on Date 01-04-2016*/ /*Add ParameterList and filterList in buildCard method By Dhanendra on Date 01-04-2016*/
public SimplePanel buildCard(ArrayList<ArrayList<String>> graphDtlList, JSONObject jsonObjGraph, String dataSource,ArrayList<String> parameterList,ArrayList<FilterInfo> filterList, String currentID) public SimplePanel buildCard(ArrayList<ArrayList<String>> graphDtlList, JSONObject jsonObjGraph, String dataSource,ArrayList<String> parameterList,ArrayList<FilterInfo> filterList, String currentID, String TypeOrView )
{ {
/*Comment Code by Dhanendra on date 07-06-2016*/ /*Comment Code by Dhanendra on date 07-06-2016*/
...@@ -191,13 +191,70 @@ public class CardBuilder ...@@ -191,13 +191,70 @@ public class CardBuilder
layoutHtmlStr = layOutStr; layoutHtmlStr = layOutStr;
vInnerPnl = new VerticalPanel(); vInnerPnl = new VerticalPanel();
html = new HTML(); html = new HTML();
//Changed By Suraj on 20-01-2017 [Fot Indicato view for Calendar DBR]Start
if( "Indicator".equalsIgnoreCase( TypeOrView ) )
{
int total = 0;
int visited = 0;
String IndctValue = "";
for (int i = 0; i < idList.size() - 1; i++) for (int i = 0; i < idList.size() - 1; i++)
{ {
id = idList.get(i); id = idList.get(i);
dataString = cardDataList.get(i); dataString = cardDataList.get(i);
dataString = dataString.replace('"', ' ').trim(); dataString = dataString.replace('"', ' ').trim();
CommonUtils.printOnConsole("233 dataString ["+dataString+"] ---and id ["+id+"]");
if( "Visited".equalsIgnoreCase( id ))
{
visited = Integer.parseInt( dataString );
layoutHtmlStr = layoutHtmlStr.replaceAll(id, dataString); layoutHtmlStr = layoutHtmlStr.replaceAll(id, dataString);
} }
else if( "Total".equalsIgnoreCase( id ))
{
total = Integer.parseInt( dataString );
layoutHtmlStr = layoutHtmlStr.replaceAll(id, dataString);
}
}
CommonUtils.printOnConsole("**** visited ["+visited+"] and total ["+total+"]");
if( visited > total/2 )
{
IndctValue = "green";
layoutHtmlStr = layoutHtmlStr.replaceAll("IndctValue", IndctValue);
}
if( visited < total/2 )
{
IndctValue = "red";
layoutHtmlStr = layoutHtmlStr.replaceAll("IndctValue", IndctValue);
}
else
{
IndctValue = "yellow";
layoutHtmlStr = layoutHtmlStr.replaceAll("IndctValue", IndctValue);
}
}
else
{
for (int i = 0; i < idList.size() - 1; i++)
{
id = idList.get(i);
dataString = cardDataList.get(i);
dataString = dataString.replace('"', ' ').trim();
CommonUtils.printOnConsole("224 dataString ["+dataString+"] ---and id ["+id+"]");
layoutHtmlStr = layoutHtmlStr.replaceAll(id, dataString);
}
}
// for (int i = 0; i < idList.size() - 1; i++)
// {
// id = idList.get(i);
// dataString = cardDataList.get(i);
// dataString = dataString.replace('"', ' ').trim();
// layoutHtmlStr = layoutHtmlStr.replaceAll(id, dataString);
// }
//Changed By Suraj on 20-01-2017 [Fot Indicato view for Calendar DBR]End
layoutHtmlStr = layoutHtmlStr.replace("{", "").replace("}", ""); layoutHtmlStr = layoutHtmlStr.replace("{", "").replace("}", "");
/*Add Add parameters to url for hyper link data By Dhanendra on Date 01-04-2016*/ /*Add Add parameters to url for hyper link data By Dhanendra on Date 01-04-2016*/
anchorTagPresent = layoutHtmlStr.indexOf("PARAMETERLIST"); anchorTagPresent = layoutHtmlStr.indexOf("PARAMETERLIST");
......
webitm-dashboard/GWT-Component/src/ibase/client/CommonUtils.java
View file @ 604e2786
package ibase.client; package ibase.client;
import java.util.ArrayList;
import java.util.HashMap;
import com.google.gwt.user.client.Window;
public class CommonUtils public class CommonUtils
{ {
static CommonUtils commonUtils = null;
public static CommonUtils getInstance()
{
try
{
if (commonUtils == null)
{
commonUtils = new CommonUtils();
}
}
catch (Exception e)
{
Window.alert("Exception : E12CommonUtils getInstance "+e.getMessage());
e.printStackTrace();
}
return commonUtils;
}
public native static void printOnConsole( String value ) public native static void printOnConsole( String value )
/*-{ /*-{
if( typeof window.console !== "undefined" ) if( typeof window.console !== "undefined" )
...@@ -9,4 +34,36 @@ public class CommonUtils ...@@ -9,4 +34,36 @@ public class CommonUtils
console.log( value ); console.log( value );
} }
}-*/; }-*/;
//Added By Suraj [For setter and getter methods on Calender DBR]Start
private ArrayList<String> parameterList = null;
String period = "";
public HashMap<String, HashMap> gridNGraphMeataDataMap = null;
public HashMap<String, HashMap> getGridNGraphMeataDataMap() {
return gridNGraphMeataDataMap;
}
public void setGridNGraphMeataDataMap(
HashMap<String, HashMap> gridNGraphMeataDataMap) {
this.gridNGraphMeataDataMap = gridNGraphMeataDataMap;
}
public String getPeriod() {
return period;
}
public void setPeriod(String period) {
this.period = period;
}
public ArrayList<String> getParameterList()
{
return parameterList;
}
public void setParameterList(ArrayList<String> parameterList)
{
this.parameterList = parameterList;
}
//Added By Suraj [For setter and getter methods on Calender DBR]End
} }
webitm-dashboard/GWT-Component/src/ibase/client/GWTDashBoardReport.java
View file @ 604e2786
...@@ -25,6 +25,7 @@ public class GWTDashBoardReport implements EntryPoint ...@@ -25,6 +25,7 @@ public class GWTDashBoardReport implements EntryPoint
public ArrayList<FilterInfo> filterList = new ArrayList<FilterInfo>(); public ArrayList<FilterInfo> filterList = new ArrayList<FilterInfo>();
HorizontalPanel hpanel= new HorizontalPanel(); HorizontalPanel hpanel= new HorizontalPanel();
String metadataname = ""; String metadataname = "";
String period = "";
public String prdFilterName= ""; public String prdFilterName= "";
/*Add variable by Dhanendra */ /*Add variable by Dhanendra */
public static HashMap<String, ArrayList<String>> drillDownIdsMap = new HashMap<String, ArrayList<String>>(); public static HashMap<String, ArrayList<String>> drillDownIdsMap = new HashMap<String, ArrayList<String>>();
...@@ -35,7 +36,10 @@ public class GWTDashBoardReport implements EntryPoint ...@@ -35,7 +36,10 @@ public class GWTDashBoardReport implements EntryPoint
public void onModuleLoad() public void onModuleLoad()
{ {
metadataname = Window.Location.getParameter("metadataname") == null ? "" : Window.Location.getParameter("metadataname"); metadataname = Window.Location.getParameter("metadataname") == null ? "" : Window.Location.getParameter("metadataname");
//Added By Suraj [To get period from DBR url]
period = Window.Location.getParameter("PERIOD") == null ? "" : Window.Location.getParameter("PERIOD");
CommonUtils.getInstance().setPeriod( period );
CommonUtils.printOnConsole("!!@@ metadataname ["+metadataname+"] period ["+period+"]");
if (metadataname.trim().length() != 0) if (metadataname.trim().length() != 0)
{ {
parameterList.add(metadataname); parameterList.add(metadataname);
......
webitm-dashboard/GWT-Component/src/ibase/client/GraphComponent.java
View file @ 604e2786
package ibase.client; package ibase.client;
import java.text.DateFormat; import java.text.DateFormat;
import java.text.SimpleDateFormat; import java.text.SimpleDateFormat;
import java.util.ArrayList; import java.util.ArrayList;
...@@ -53,12 +51,13 @@ public class GraphComponent extends Composite ...@@ -53,12 +51,13 @@ public class GraphComponent extends Composite
private JSONObject jsonObjMetaData = new JSONObject(); private JSONObject jsonObjMetaData = new JSONObject();
private JSONObject jsonObjData = new JSONObject(); private JSONObject jsonObjData = new JSONObject();
SplitLayoutPanel split = new SplitLayoutPanel(); SplitLayoutPanel split = new SplitLayoutPanel();
//Added By Suraj For Calendar floating dashboard
public HashMap<String, HashMap> gridNGraphMeataDataMap = null; public static HashMap<String, HashMap> gridNGraphMeataDataMap = null;
public final int STATUS_CODE_OK = 200; public final int STATUS_CODE_OK = 200;
final LinkedHashMap<String, JSONObject> dataMap = new LinkedHashMap<String, JSONObject>(); final LinkedHashMap<String, JSONObject> dataMap = new LinkedHashMap<String, JSONObject>();
ArrayList<String> parameterList = null; ArrayList<String> parameterList = null;
ArrayList<String> idList = new ArrayList<String>(); //Added By Suraj For Calendar floating dashboard
static ArrayList<String> idList = new ArrayList<String>();
HashMap<String, ArrayList<String>> graphCaptioneMap=null; HashMap<String, ArrayList<String>> graphCaptioneMap=null;
ArrayList<String> graphCaptionList= new ArrayList<String>(); ArrayList<String> graphCaptionList= new ArrayList<String>();
/** /**
...@@ -74,12 +73,13 @@ public class GraphComponent extends Composite ...@@ -74,12 +73,13 @@ public class GraphComponent extends Composite
JSONObject jsonAftrFltr = null; // declared it null for compliance filter change by dhanendra 06/10/2015 JSONObject jsonAftrFltr = null; // declared it null for compliance filter change by dhanendra 06/10/2015
HashMap<String, HashMap<String, String>> groupTypeMap = null; HashMap<String, HashMap<String, String>> groupTypeMap = null;
String gridGroupName = ""; String gridGroupName = "";
String gridCssName = ""; static String gridCssName = "";
String gridIconName = ""; String gridIconName = "";
String gridComponantTitleName = ""; static String gridComponantTitleName = "";
public String firstIndex = ""; public String firstIndex = "";
boolean isCheck = true; boolean isCheck = true;
//Added By Suraj For Calendar floating dashboard
static String previousRootId = "";
/*Ended By Dhanendra for one to one graph*/ /*Ended By Dhanendra for one to one graph*/
String userMail =null; String userMail =null;
...@@ -91,7 +91,7 @@ public class GraphComponent extends Composite ...@@ -91,7 +91,7 @@ public class GraphComponent extends Composite
//final ArrayList<FilterInfo> filterList = metaDataDtl.getFilters(metaDataJsnObj); //final ArrayList<FilterInfo> filterList = metaDataDtl.getFilters(metaDataJsnObj);
// add variable by swati // add variable by swati
String empCodeEpa=""; String empCodeEpa="";
String cellVal=""; static String cellVal="";
String isShowfilter=""; String isShowfilter="";
HashMap<String, ArrayList<String>> drillDownIdsMapTemp = new HashMap<String, ArrayList<String>>(); HashMap<String, ArrayList<String>> drillDownIdsMapTemp = new HashMap<String, ArrayList<String>>();
...@@ -1037,7 +1037,7 @@ public class GraphComponent extends Composite ...@@ -1037,7 +1037,7 @@ public class GraphComponent extends Composite
String currentID = "Card"+uniqueId+componentId+"Div"; String currentID = "Card"+uniqueId+componentId+"Div";
/* Add parameterList,filterList to buildCard Method By Dhanendra on date 01-04-2016*/ /* Add parameterList,filterList to buildCard Method By Dhanendra on date 01-04-2016*/
SimplePanel panel = new CardBuilder().buildCard(graphDtlList, jsonObjFrGraph, dtSrouce,parameterList,filterList,currentID); SimplePanel panel = new CardBuilder().buildCard(graphDtlList, jsonObjFrGraph, dtSrouce,parameterList,filterList,currentID, type);
pageOpenContainer.putIdListInMap(currentID, childID); pageOpenContainer.putIdListInMap(currentID, childID);
exportDynamicMethod(); exportDynamicMethod();
...@@ -1338,6 +1338,261 @@ public class GraphComponent extends Composite ...@@ -1338,6 +1338,261 @@ public class GraphComponent extends Composite
} }
} }
/*End Condition for Bubble Chart by Dhanendra on date 18-01-2017*/ /*End Condition for Bubble Chart by Dhanendra on date 18-01-2017*/
//Added By Suraj on 20-01-2017 [for Icon and Indicator view in Calendar DBR]Start
if ("Indicator".equalsIgnoreCase(type))
{
CommonUtils.printOnConsole("946 !!@@ inside type Indicator");
try
{
for (String graphNo : graphDataMap.keySet())
{
CommonUtils.printOnConsole("!!@@ graphNo ["+graphNo+"]");
graphDtlList = graphDataMap.get(graphNo);
CommonUtils.printOnConsole("!!@@ graphDtlList ["+graphDtlList+"]");
String currentID = "Card"+uniqueId+componentId+"Div"; //here specific div id is taken
CommonUtils.printOnConsole("!!@@ currentID ["+currentID+"] uniqueId ["+uniqueId+"]");
SimplePanel panel = new CardBuilder().buildCard(graphDtlList, jsonObjFrGraph, dtSrouce,parameterList,filterList,currentID, type);
pageOpenContainer.putIdListInMap(currentID, childID);
exportDynamicMethod();
componantTitlNameList = new ArrayList<String>();
groupCssTypeNameList = new ArrayList<String>();
componantTitlNameList = (ArrayList<String>) graphDtlList.get(1);
groupCssTypeNameList = (ArrayList<String>) graphDtlList.get(2);
gridIconName = ""+graphDtlList.get(7);
if(cellVal.trim().length()>0)
{
gridComponantTitleName = ""+componantTitlNameList.get(0)+": "+cellVal;
}
else
{
gridComponantTitleName = ""+componantTitlNameList.get(0);
}
if(!childID.equalsIgnoreCase(""))
{
gridComponantTitleName = gridComponantTitleName + " : " + parameterList.get(parameterList.size()-2);
}
CommonUtils.printOnConsole("1092 !@# gridComponantTitleName ["+gridComponantTitleName+"]");
gridCssName = ""+groupCssTypeNameList.get(0);
if(childID.equalsIgnoreCase(""))
{
CommonUtils.printOnConsole("In if(childID.equalsIgnoreCase())");
this.createOuterDiv("Card"+uniqueId+componentId,type,gridCssName, "chartContainer");
}
else
{
CommonUtils.printOnConsole("In else childID = "+childID);
this.createOuterDiv("Card"+uniqueId+componentId,type,gridCssName, childID+"Outer");
}
idList.add("Card"+uniqueId+componentId+"Div");
//RootPanel.get("Card"+uniqueId+componentId+"head").add(gridTtlPanel);
RootPanel.get("Card"+uniqueId+componentId+"Div").add(panel);
if(!childID.equalsIgnoreCase(""))
{
this.focusOnDiv("Card"+uniqueId+componentId+"Div");
}
}
}
catch (Exception e)
{
CommonUtils.printOnConsole("Exception in Card View "+e.getMessage());
}
}
if ("Icon".equalsIgnoreCase(type))
{
CommonUtils.printOnConsole("946 !!@@ inside type Indicator");
try
{
for (String graphNo : graphDataMap.keySet())
{
CommonUtils.printOnConsole("!!@@ graphNo ["+graphNo+"]");
graphDtlList = graphDataMap.get(graphNo);
CommonUtils.printOnConsole("!!@@ graphDtlList ["+graphDtlList+"]");
String currentID = "Card"+uniqueId+componentId+"Div"; //here specific div id is taken
CommonUtils.printOnConsole("!!@@ currentID ["+currentID+"] uniqueId ["+uniqueId+"]");
SimplePanel panel = new CardBuilder().buildCard(graphDtlList, jsonObjFrGraph, dtSrouce,parameterList,filterList,currentID, type);
pageOpenContainer.putIdListInMap(currentID, childID);
exportDynamicMethod();
componantTitlNameList = new ArrayList<String>();
groupCssTypeNameList = new ArrayList<String>();
componantTitlNameList = (ArrayList<String>) graphDtlList.get(1);
groupCssTypeNameList = (ArrayList<String>) graphDtlList.get(2);
gridIconName = ""+graphDtlList.get(7);
if(cellVal.trim().length()>0)
{
gridComponantTitleName = ""+componantTitlNameList.get(0)+": "+cellVal;
}
else
{
gridComponantTitleName = ""+componantTitlNameList.get(0);
}
if(!childID.equalsIgnoreCase(""))
{
gridComponantTitleName = gridComponantTitleName + " : " + parameterList.get(parameterList.size()-2);
}
CommonUtils.printOnConsole("1092 !@# gridComponantTitleName ["+gridComponantTitleName+"]");
gridCssName = ""+groupCssTypeNameList.get(0);
if(childID.equalsIgnoreCase(""))
{
CommonUtils.printOnConsole("In if(childID.equalsIgnoreCase())");
this.createOuterDiv("Card"+uniqueId+componentId,type,gridCssName, "chartContainer");
}
else
{
CommonUtils.printOnConsole("In else childID = "+childID);
this.createOuterDiv("Card"+uniqueId+componentId,type,gridCssName, childID+"Outer");
}
idList.add("Card"+uniqueId+componentId+"Div");
//RootPanel.get("Card"+uniqueId+componentId+"head").add(gridTtlPanel);
RootPanel.get("Card"+uniqueId+componentId+"Div").add(panel);
if(!childID.equalsIgnoreCase(""))
{
this.focusOnDiv("Card"+uniqueId+componentId+"Div");
}
}
}
catch (Exception e)
{
CommonUtils.printOnConsole("Exception in Card View "+e.getMessage());
}
}
else if("DataGrid-Cal".equalsIgnoreCase(component))
{
CommonUtils.printOnConsole("DataGrid -calendar if");
flexTable = new FlexTable();
CustomGrid data = new CustomGrid(8);
/*Add code check condition for gridGroupName present in metadata*/
filtrGridJSN = new JSONObject();
if(gridGroupName.length() == 0)
{
/*Loop for normal Data Grid*/
String currentID = "Grid"+uniqueId+componentId+"Div";
flexTable = data.jsonToArrayList(gridNGraphMeataDataMap, jsonObjFrGraph,dtSrouce,componentId,parameterList, filterList,firstIndex,currentID);
/*Add Code for Drill-down metadataxml by Dhanendra on date 16-09-2016*/
pageOpenContainer.putIdListInMap(currentID, childID);
//final Label closeButton = new Label("x");
// closeButton.setStyleName("closeButtonStyle");
// closeButton.getElement().setId("Grid"+uniqueId+componentId+"Div");
// closeButton.addClickHandler(new ClickHandler()
// {
// @Override
// public void onClick(ClickEvent event)
// {
// pageOpenContainer.closeLinkedMetadataDiv(closeButton);
// }
// });
/*End Code for Drill-down metadataxml by Dhanendra on date 16-09-2016*/
/*Added code for Dyanamic Div and New CSS By Dhanendra 01-07-15*/
//Image gridTtlImg = new Image("FusionChart/images/"+gridIconName);
//HorizontalPanel gridTtlPanel = new HorizontalPanel();
if(!childID.equalsIgnoreCase(""))
{
gridComponantTitleName = gridComponantTitleName+ " : " +parameterList.get(parameterList.size()-2);
}
// gridTitleLbl = new Label(gridComponantTitleName);
// gridTtlImg.setStyleName("componantTtlImg");
// gridTitleLbl.setStyleName("componantTtl");
// gridTtlPanel.add(gridTtlImg);
// gridTtlPanel.add(gridTitleLbl);
// gridTtlPanel.setCellWidth( gridTtlImg, "2%" );
/*Add Code for Drill-down metadataxml by Dhanendra on date 16-09-2016*/
// if(!childID.equalsIgnoreCase(""))
// {
// gridTtlPanel.add(closeButton);
// gridTtlPanel.setCellHorizontalAlignment(closeButton, HasHorizontalAlignment.ALIGN_RIGHT);
// gridTtlPanel.setCellWidth( closeButton, "2%" );
//
// }
/*Add uniqueId to Grid by Dhanendra on date 10-11-2015*/
//this.createOuterDiv("Grid"+uniqueId+componentId,type,gridCssName, "chartContainer");
if(childID.equalsIgnoreCase(""))
{
this.createOuterDiv("Grid"+uniqueId+componentId,type,gridCssName, "chartContainer");
}else{
this.createOuterDiv("Grid"+uniqueId+componentId,type,gridCssName, childID);
}
/*End Code for Drill-down metadataxml by Dhanendra on date 16-09-2016*/
idList.add("Grid"+uniqueId+componentId+"Div");
//RootPanel.get("Grid"+uniqueId+componentId+"head").add(gridTtlPanel);
RootPanel.get("Grid"+uniqueId+componentId+"Div").add(flexTable);
if(!childID.equalsIgnoreCase(""))
{
this.focusOnDiv("Grid"+uniqueId+componentId+"Div");
}
/*Add uniqueId to Grid by Dhanendra on date 10-11-2015*/
/*Ended code for Dyanamic Div and New CSS By Dhanendra 01-07-15*/
/*RootPanel.get("chartContainer"+componentId).clear();
RootPanel.get("chartContainer"+componentId).add(flexTable);*/
}else
{
CommonUtils.printOnConsole("DataGrid -calendar else");
fltrDataJson = getFltrDataJson(fltrDataJson, gridGroupName,null);
avlDateMap = new HashMap<String, JSONObject>();
dataJsn = new JSONObject();
for (int jsnCnt = 0; jsnCnt < fltrDataJson.size(); jsnCnt++)
{
fetchRowWiseVal = (JSONObject) fltrDataJson.get(String.valueOf(jsnCnt));
avlDate = "" + fetchRowWiseVal.get(availableDate).toString().replace("\"", "");
avlDateMap.put(avlDate, (JSONObject)fetchRowWiseVal);
}
count =0;
for (Map.Entry<String, JSONObject> avlMap : avlDateMap.entrySet())
{
dataJsn.put(""+count, avlMap.getValue());
count++;
}
filtrGridJSN.put(dtSrouce, dataJsn);
flexTable = data.jsonToArrayList(dataDtl.getGridNMapMetData(jsonObjMetaData,parameterList.get(parameterList.size()-1),parameterList), filtrGridJSN,dtSrouce,componentId,parameterList, filterList,firstIndex,"");
/*Add uniqueId to Grid by Dhanendra on date 10-11-2015*/
this.createOuterDiv(gridGroupName+uniqueId+"Grid",type,null, "chartContainer");
idList.add(gridGroupName+uniqueId+"GridDiv");
/*End uniqueId to Grid by Dhanendra on date 10-11-2015*/
//Image gridTtlImg = new Image("FusionChart/images/"+gridIconName);
//HorizontalPanel gridTtlPanel = new HorizontalPanel();
// gridTitleLbl = new Label(firstIndex);
// gridTtlImg.setStyleName("componantTtlImg");
// gridTitleLbl.setStyleName("componantTtl");
// gridTtlPanel.add(gridTtlImg);
// gridTtlPanel.add(gridTitleLbl);
/*Add uniqueId to Grid by Dhanendra on date 10-11-2015*/
//RootPanel.get(gridGroupName+uniqueId+"Gridhead").add(gridTtlPanel);
RootPanel.get(gridGroupName+uniqueId+"GridDiv").add(flexTable);
/*End uniqueId to Grid by Dhanendra on date 10-11-2015*/
}
}
//Added By Suraj on 20-01-2017 [For Icon and Indicator view in Calendar DBR]End
} }
} }
e12LoadImg.setLoading(false); e12LoadImg.setLoading(false);
...@@ -1843,7 +2098,8 @@ public class GraphComponent extends Composite ...@@ -1843,7 +2098,8 @@ public class GraphComponent extends Composite
//RootPanel.get("chartContainer"+componentId).clear(); //RootPanel.get("chartContainer"+componentId).clear();
graphDtlList = graphDataMap.get(graphNo); graphDtlList = graphDataMap.get(graphNo);
/* Add parameterList,filterList to buildCard Method By Dhanendra on date 01-04-2016*/ /* Add parameterList,filterList to buildCard Method By Dhanendra on date 01-04-2016*/
SimplePanel panel = new CardBuilder().buildCard(graphDtlList, jsonObjFrGraph, dtSrouce,parameterList,filterList,containerIdList.get(countForSmartFilter)); SimplePanel panel = new CardBuilder().buildCard(graphDtlList, jsonObjFrGraph, dtSrouce,parameterList,filterList,containerIdList.get(countForSmartFilter), "");
//SimplePanel panel = new CardBuilder().buildCard(graphDtlList, jsonObjFrGraph, dtSrouce,parameterList,filterList,currentID, type);
//RootPanel.get("chartContainer"+componentId).add(panel); //RootPanel.get("chartContainer"+componentId).add(panel);
/*Added code for Dyanamic Div and New CSS By Dhanendra 13-07-15*/ /*Added code for Dyanamic Div and New CSS By Dhanendra 13-07-15*/
...@@ -1996,11 +2252,17 @@ public class GraphComponent extends Composite ...@@ -1996,11 +2252,17 @@ public class GraphComponent extends Composite
@SuppressWarnings("unchecked") @SuppressWarnings("unchecked")
public void getData(final Callback<JSONObject, String> callback, ArrayList<String> parameterList,String childID,JSONObject metaDataJsnObj) public void getData(final Callback<JSONObject, String> callback, ArrayList<String> parameterList,String childID,JSONObject metaDataJsnObj)
{ {
//Added By Suraj on 20-01-2017 [To export native methods]
exportMethods();
this.parameterList=parameterList; this.parameterList=parameterList;
CommonUtils.getInstance().setParameterList(parameterList);
this.jsonObjMetaData = metaDataJsnObj; this.jsonObjMetaData = metaDataJsnObj;
String viewOptionSelectd = parameterList.get(parameterList.size()-1); String viewOptionSelectd = parameterList.get(parameterList.size()-1);
dataDtl = new MetaDataDtl(); dataDtl = new MetaDataDtl();
gridNGraphMeataDataMap = dataDtl.getGridNMapMetData(jsonObjMetaData,viewOptionSelectd,parameterList); gridNGraphMeataDataMap = dataDtl.getGridNMapMetData(jsonObjMetaData,viewOptionSelectd,parameterList);
//Added By Suraj [To set grid and graph metadata map]
CommonUtils.getInstance().setGridNGraphMeataDataMap( gridNGraphMeataDataMap );
final LinkedHashMap<String, ArrayList<String>> datsSourceDtlMap = (LinkedHashMap) gridNGraphMeataDataMap.get("datSrc"); final LinkedHashMap<String, ArrayList<String>> datsSourceDtlMap = (LinkedHashMap) gridNGraphMeataDataMap.get("datSrc");
getDataMap(datsSourceDtlMap,parameterList,childID); getDataMap(datsSourceDtlMap,parameterList,childID);
} }
...@@ -2011,10 +2273,16 @@ public class GraphComponent extends Composite ...@@ -2011,10 +2273,16 @@ public class GraphComponent extends Composite
final ArrayList<FilterInfo> filterList = new MetaDataDtl().getFilters(jsonObjMetaData); final ArrayList<FilterInfo> filterList = new MetaDataDtl().getFilters(jsonObjMetaData);
final LinkedHashMap<String, JSONObject> componentDataMap = new LinkedHashMap<String, JSONObject>(); final LinkedHashMap<String, JSONObject> componentDataMap = new LinkedHashMap<String, JSONObject>();
if(parameterList.get(1).trim().length()>0 || parameterList.get(1).trim()!="") if(parameterList.get(1).trim().length()>0 || parameterList.get(1).trim()!="")
{
//Added By Suraj [To disable loading in Calendar DBR]Start
String viewOptionSelectd = parameterList.get(parameterList.size()-1);
if( !"Icon".equalsIgnoreCase(viewOptionSelectd) )
{ {
e12LoadImg.setLoadingInfo("Waiting For Data..."); e12LoadImg.setLoadingInfo("Waiting For Data...");
e12LoadImg.setLoading(true); e12LoadImg.setLoading(true);
} }
//Added By Suraj [To disable loading in Calendar DBR]End
}
for (Map.Entry<String, ArrayList<String>> entry : datsSourceDtlMap.entrySet()) for (Map.Entry<String, ArrayList<String>> entry : datsSourceDtlMap.entrySet())
{ {
final String key = entry.getKey(); final String key = entry.getKey();
...@@ -2065,6 +2333,12 @@ public class GraphComponent extends Composite ...@@ -2065,6 +2333,12 @@ public class GraphComponent extends Composite
objActionPath=objActionPath+"?dataSourceName=" + dbDataSource + "&reportName="+page+"&viewOptionSelectd="+viewOptionSelectd; objActionPath=objActionPath+"?dataSourceName=" + dbDataSource + "&reportName="+page+"&viewOptionSelectd="+viewOptionSelectd;
} }
/*ended by swati - if no filters are present in meta data xml*/ /*ended by swati - if no filters are present in meta data xml*/
//Added By Suraj [To add period in url path]Start
if( !"".equals( CommonUtils.getInstance().getPeriod() ))
{
objActionPath = objActionPath+ "&PERIOD="+CommonUtils.getInstance().getPeriod();
}
//Added By Suraj [To add period in url path]End
/** End Added New code By sachin for Creating Dynamic Url For Report on 04/12/14**/ /** End Added New code By sachin for Creating Dynamic Url For Report on 04/12/14**/
if(objActionPath.length()>0) // added if by swati if(objActionPath.length()>0) // added if by swati
...@@ -2081,6 +2355,11 @@ public class GraphComponent extends Composite ...@@ -2081,6 +2355,11 @@ public class GraphComponent extends Composite
{ {
if (response.getText().trim().length() > 2) //if code is relese to OTC then Comment this if condition Dhanendra 07Nov2014 if (response.getText().trim().length() > 2) //if code is relese to OTC then Comment this if condition Dhanendra 07Nov2014
{ {
//Added By Suraj [To set initial JSON String ]Start
String responseJson = response.getText();
CommonUtils.printOnConsole("1111 responseJson ["+responseJson+"]");
setJson( responseJson );
//Added By Suraj [To set initial JSON String ]End
JSONObject servletJsnObj = (JSONObject) JSONParser.parseStrict(response.getText()); JSONObject servletJsnObj = (JSONObject) JSONParser.parseStrict(response.getText());
JSONObject jsonObjData = new JSONObject(); JSONObject jsonObjData = new JSONObject();
jsonObjData.put(key, servletJsnObj); jsonObjData.put(key, servletJsnObj);
...@@ -2098,7 +2377,18 @@ public class GraphComponent extends Composite ...@@ -2098,7 +2377,18 @@ public class GraphComponent extends Composite
if (componentDataMap.size() == datsSourceDtlMap.size()) if (componentDataMap.size() == datsSourceDtlMap.size())
{ {
/*Add childID Parameter to method by Dhanendra on date 16-09-2016*/ /*Add childID Parameter to method by Dhanendra on date 16-09-2016*/
//buildChart(componentDataMap,parameterList,filterList,childID);
//Added By Suraj [For Calendar DBR]Start
String viewOptionSelectd = parameterList.get(parameterList.size()-1);
if( "Icon".equalsIgnoreCase(viewOptionSelectd) || "Indicator".equalsIgnoreCase(viewOptionSelectd) )
{
buildChart(componentDataMap,parameterList,filterList,childID, true);
}
else
{
buildChart(componentDataMap,parameterList,filterList,childID); buildChart(componentDataMap,parameterList,filterList,childID);
}
//Added By Suraj [For Calendar DBR]End
/*End childID Parameter to method by Dhanendra on date 16-09-2016*/ /*End childID Parameter to method by Dhanendra on date 16-09-2016*/
/*added by sachin for smart filter 12 may 2015*/ /*added by sachin for smart filter 12 may 2015*/
...@@ -2118,6 +2408,7 @@ public class GraphComponent extends Composite ...@@ -2118,6 +2408,7 @@ public class GraphComponent extends Composite
} else } else
{ {
//Window.alert("Responce for getData null"); //Window.alert("Responce for getData null");
CommonUtils.printOnConsole("GraphComponent : Responce for getData null");
e12LoadImg.setLoading(false); e12LoadImg.setLoading(false);
} }
} }
...@@ -2129,12 +2420,73 @@ public class GraphComponent extends Composite ...@@ -2129,12 +2420,73 @@ public class GraphComponent extends Composite
}); });
} catch (RequestException e) } catch (RequestException e)
{ {
e.printStackTrace(); //e.printStackTrace();
CommonUtils.printOnConsole("Exception GraphComp ["+e.getMessage()+"]");
e12LoadImg.setLoading(false); e12LoadImg.setLoading(false);
} }
} }
} }
} }
//Added By Suraj [To refresh calendar DBR component]Start
public void refreshCalendarDBR( String servletJsnObj )
{
try
{
//servletJsnObj = servletJsnObj.replaceAll("\\", "");
CommonUtils.printOnConsole("inside refresh calendar DBR ["+servletJsnObj+"]");
final ArrayList<FilterInfo> filterList = new ArrayList<FilterInfo>();
String childID = "";
final LinkedHashMap<String, JSONObject> componentDataMap = new LinkedHashMap<String, JSONObject>();
String key = "1";
CommonUtils.printOnConsole("inside 111");
JSONObject servletJsnObjnew = (JSONObject) JSONParser.parseStrict(servletJsnObj);
CommonUtils.printOnConsole("222");
JSONObject jsonObjData = new JSONObject();
jsonObjData.put(key, servletJsnObjnew);
componentDataMap.put(key, jsonObjData);
CommonUtils.printOnConsole("333 parameterList ["+parameterList+"]");
ArrayList<String> parameterList = CommonUtils.getInstance().getParameterList();
CommonUtils.printOnConsole("333-22 parameterList [ "+parameterList+"]");
CommonUtils.printOnConsole("444");
buildChart(componentDataMap,parameterList,filterList,childID, true );
CommonUtils.printOnConsole("555");
}
catch (Exception e)
{
CommonUtils.printOnConsole("Exception while updating Calendar DBR ["+e.getMessage()+"]");
}
}
public static native void setJson( String stringJson )
/*-{
try
{
// $wnd.setOnLoadJson( stringJson );
window.parent.setOnLoadJson( stringJson );
}
catch(e)
{
console.log("#### Exception in native method while set JSON ["+e.message+"]");
}
}-*/;
public native void exportMethods( )
/*-{
try
{
window.parent.refreshCalenderDBR = this.@ibase.client.GraphComponent::refreshCalendarDBR(Ljava/lang/String;);
//window.alert("######### Function [" + window.parent.refreshCalenderDBR + "] ##########");
}
catch (ex)
{
console.log("Exception in exportMethods [" + ex.message + "]");
}
}-*/;
//Added By Suraj [To refresh Calendar DBR data]End
public boolean isNumeric(String s) { public boolean isNumeric(String s) {
return s.matches("[-+]?\\d*\\.?\\d+"); return s.matches("[-+]?\\d*\\.?\\d+");
} }
...@@ -2677,4 +3029,696 @@ public class GraphComponent extends Composite ...@@ -2677,4 +3029,696 @@ public class GraphComponent extends Composite
pageOpenContainer.getFrameJSONData(linkMetadaname, linkUri, currentID); pageOpenContainer.getFrameJSONData(linkMetadaname, linkUri, currentID);
} }
/*End Method for dill-down dashboard in same page by Dhanendra on date 20-09-2016*/ /*End Method for dill-down dashboard in same page by Dhanendra on date 20-09-2016*/
@SuppressWarnings("unchecked")
public void buildChart( final LinkedHashMap<String, JSONObject> dataMap, ArrayList<String> parameterList,ArrayList<FilterInfo> filterList,String childID, boolean calDBR )
{
String uniqueId = DOM.createUniqueId();
JSONObject jsonObjFrGraph = null;
String height = null;
String width = null;
String imageName = null;
ArrayList graphDtlList = null;
HashMap<String, ArrayList<String>> graphDataMap = null;
HashMap<String, HashMap<String, String>> componentTypeMap = null;
HashMap<String, HashMap<String, String>> datasourceMap = null;
ScrollPanel scrlPanel = null;
FlexTable flexTable = null;
String caption = "";
JSONObject graphJson = null;
final String componentType = "componentType";
String compType = "";
String component ="";
HashMap<String, ArrayList<String>> graphTypeMap = null;
String dtSrouce="";
/** Added By Dhanendra on 25May2015 for Group **/
ArrayList<String> groupNameList = null;
ArrayList<String> componantTitlNameList = null;
ArrayList<String> groupCssTypeNameList = null;
ArrayList<String> refreshComponantIdList = null;
JSONObject fltrDataJson = null;
ArrayList<String> gridRefCompontList = null;
HashMap<String, HashMap<String, String>> groupTypeMap = null;
HashMap<String, ArrayList<String>> gridRefCompontDataMap = null;
HashMap<String, HashMap<String, String>> gridCssMap = null;
HashMap<String, HashMap<String, String>> gridIconMap = null;
HashMap<String, ArrayList<String>> gridComponantTitleMap = null;
JSONObject dataJsn = null;
JSONObject rawDataMapJsonOuter = null;
JSONObject mainDataJsn = null;
HashMap<String, JSONObject> avlDateMap = null;
JSONObject fetchRowWiseVal =null;
String availableDate = "available_dy";
Label gridTitleLbl = null;
int count=0;
JSONObject filtrGridJSN = null;
String avlDate = "";
String componentIconName = "";
jsonAftrFltr = new JSONObject();
grpNameList = new ArrayList<String>();
String htmlString="";
HTMLPanel htmlPnl=null;
String firstNameforTitle = "";
CommonUtils.printOnConsole("205 !! @@ dataMap ["+dataMap+"] \n idList ["+idList+"]");
if( "undefined".equals(idList) || "".equals(idList))
{
CommonUtils.printOnConsole("arrayList is undefined ");
this.idList = new ArrayList<String>();
}
idList.clear();
CommonUtils.printOnConsole("changed idList ["+idList+"]");
try
{
// if (idList.size() > 0)
// {
// for (int i = 0; i < idList.size(); i++)
// {
// RootPanel panel = RootPanel.get(idList.get(i));
// if(panel!=null)
// {
// panel.clear();
// if (panel.getElement().getFirstChild() != null)
// {
// panel.getElement().removeFromParent();
// }
// }
// for(Map.Entry<String, ArrayList<String>> entry : GWTDashBoardReport.drillDownIdsMap.entrySet())
// {
// RootPanel panel1 = RootPanel.get(entry.getKey()+"Outer");
// if(panel1!=null)
// {
// panel1.clear();
// if (panel1.getElement().getFirstChild() != null)
// {
// panel1.getElement().removeFromParent();
// }
// }
// }
// }
// idList = new ArrayList<String>();
// }
}
catch (Exception e)
{
CommonUtils.printOnConsole("Exception in Build Cahrd ["+e.getMessage()+"]");
}
CommonUtils.printOnConsole("225 gridNGraphMeataDataMap ["+gridNGraphMeataDataMap+"]");
if( "undefined".equals( gridNGraphMeataDataMap ) || "".equals( gridNGraphMeataDataMap ) )
{
CommonUtils.printOnConsole("228 inside change gridNgraphmetadata map");
this.gridNGraphMeataDataMap = CommonUtils.getInstance().getGridNGraphMeataDataMap();
}
CommonUtils.printOnConsole("232 changed gridNGraphMeataDataMap ["+gridNGraphMeataDataMap+"]");
for (String componentId : gridNGraphMeataDataMap.keySet())
{
CommonUtils.printOnConsole("!!@@ 248 componentId ["+componentId+"]");
jsonObjFrGraph=new JSONObject();
if(isNumeric(componentId))
{
isCheck = false;
compType = componentType.trim() +componentId.trim();
graphDataMap = gridNGraphMeataDataMap.get(componentId);
datasourceMap = gridNGraphMeataDataMap.get("datasource"+componentId);
dtSrouce = ""+datasourceMap.get("datasource"+componentId);
graphTypeMap = gridNGraphMeataDataMap.get("type"+componentId);
String type = ""+(graphTypeMap.get("type"+componentId));
CommonUtils.printOnConsole("!!@@ 264 type is ["+type+"] AND graphTypeMap ["+graphTypeMap+"]");
if("T".equalsIgnoreCase(type))
{
CommonUtils.printOnConsole("*********** type t 269");
componentTypeMap = gridNGraphMeataDataMap.get(compType);
component = "" + componentTypeMap.get("buildComponent"+componentId);
/* Add code for get value from metadata by Dhanendra 10Jun2015*/
groupTypeMap = gridNGraphMeataDataMap.get("groupName"+componentId);
gridGroupName = ""+ groupTypeMap.get("groupName"+componentId);
gridRefCompontDataMap = gridNGraphMeataDataMap.get("refreshCompont"+componentId);
gridRefCompontList = gridRefCompontDataMap.get("refreshCompont"+componentId);
gridCssMap = gridNGraphMeataDataMap.get("cssName"+componentId);
gridCssName = ""+ gridCssMap.get("cssName"+componentId);
gridComponantTitleMap = gridNGraphMeataDataMap.get("componantTitle"+componentId);
gridComponantTitleName = ""+ gridComponantTitleMap.get("componantTitle"+componentId);
/* End code for get value from metadata by Dhanendra 10Jun2015*/
/*added by swati to add image in grid title*/
gridIconMap= gridNGraphMeataDataMap.get("iconName"+componentId);
gridIconName = ""+ gridIconMap.get("iconName"+componentId);
/*ended by swati to add image in grid title*/
}
jsonObjFrGraph = (JSONObject) dataMap.get(dtSrouce);
//Suraj for indicator view
if ("Indicator".equalsIgnoreCase(type))
{
CommonUtils.printOnConsole("946 !!@@ inside type Indicator");
try
{
for (String graphNo : graphDataMap.keySet())
{
CommonUtils.printOnConsole("!!@@ graphNo ["+graphNo+"]");
graphDtlList = graphDataMap.get(graphNo);
CommonUtils.printOnConsole("!!@@ graphDtlList ["+graphDtlList+"]");
String currentID = "Card"+uniqueId+componentId+"Div"; //here specific div id is taken
CommonUtils.printOnConsole("!!@@ currentID ["+currentID+"] uniqueId ["+uniqueId+"]");
SimplePanel panel = new CardBuilder().buildCard(graphDtlList, jsonObjFrGraph, dtSrouce,parameterList,filterList,currentID, type);
CommonUtils.printOnConsole("Indicator 111 ");
pageOpenContainer.putIdListInMap(currentID, childID);
exportDynamicMethod();
componantTitlNameList = new ArrayList<String>();
groupCssTypeNameList = new ArrayList<String>();
componantTitlNameList = (ArrayList<String>) graphDtlList.get(1);
groupCssTypeNameList = (ArrayList<String>) graphDtlList.get(2);
gridIconName = ""+graphDtlList.get(7);
if(cellVal.trim().length()>0)
{
gridComponantTitleName = ""+componantTitlNameList.get(0)+": "+cellVal;
}
else
{
gridComponantTitleName = ""+componantTitlNameList.get(0);
}
if(!childID.equalsIgnoreCase(""))
{
gridComponantTitleName = gridComponantTitleName + " : " + parameterList.get(parameterList.size()-2);
}
CommonUtils.printOnConsole("1092 !@# gridComponantTitleName ["+gridComponantTitleName+"]");
gridCssName = ""+groupCssTypeNameList.get(0);
if(childID.equalsIgnoreCase(""))
{
CommonUtils.printOnConsole("In if(childID.equalsIgnoreCase())");
this.createOuterDiv("Card"+uniqueId+componentId,type,gridCssName, "chartContainer");
}
else
{
CommonUtils.printOnConsole("In else childID = "+childID);
this.createOuterDiv("Card"+uniqueId+componentId,type,gridCssName, childID+"Outer");
}
idList.add("Card"+uniqueId+componentId+"Div");
//Added By Suraj [For refresh Calendar DBR]Start
CommonUtils.printOnConsole("Indicator --441 idList ["+idList+"] previousRootId ["+previousRootId+"]");
if( !"".equalsIgnoreCase( previousRootId.trim() ) )
{
RootPanel.get( previousRootId ).clear();
RootPanel.get( previousRootId ).removeFromParent();
}
previousRootId = "Card"+uniqueId+componentId+"Div";
//Added By Suraj [For refresh Calendar DBR]End
//RootPanel.get("Card"+uniqueId+componentId+"head").add(gridTtlPanel);
RootPanel.get("Card"+uniqueId+componentId+"Div").add(panel);
if(!childID.equalsIgnoreCase(""))
{
this.focusOnDiv("Card"+uniqueId+componentId+"Div");
}
}
}
catch (Exception e)
{
CommonUtils.printOnConsole("Exception in Card View "+e.getMessage());
}
}
else if ("Icon".equalsIgnoreCase(type))
{
CommonUtils.printOnConsole("946 !!@@ inside type Icon");
try
{
for (String graphNo : graphDataMap.keySet())
{
CommonUtils.printOnConsole("!!@@ graphNo ["+graphNo+"]");
graphDtlList = graphDataMap.get(graphNo);
CommonUtils.printOnConsole("!!@@ graphDtlList ["+graphDtlList+"]");
String currentID = "Card"+uniqueId+componentId+"Div"; //here specific div id is taken
CommonUtils.printOnConsole("!!@@ currentID ["+currentID+"] uniqueId ["+uniqueId+"]");
SimplePanel panel = new CardBuilder().buildCard(graphDtlList, jsonObjFrGraph, dtSrouce,parameterList,filterList,currentID, type);
CommonUtils.printOnConsole("Icon 111 ["+pageOpenContainer+"]");
pageOpenContainer.putIdListInMap(currentID, childID);
exportDynamicMethod();
CommonUtils.printOnConsole("Icon 222 ["+gridIconName+"]");
componantTitlNameList = new ArrayList<String>();
groupCssTypeNameList = new ArrayList<String>();
componantTitlNameList = (ArrayList<String>) graphDtlList.get(1);
groupCssTypeNameList = (ArrayList<String>) graphDtlList.get(2);
gridIconName = ""+graphDtlList.get(7);
CommonUtils.printOnConsole("Icon 333 ["+cellVal+"] and gridCompTitlename ["+gridComponantTitleName+"]");
if(cellVal.trim().length()>0)
{
gridComponantTitleName = ""+componantTitlNameList.get(0)+": "+cellVal;
}
else
{
gridComponantTitleName = ""+componantTitlNameList.get(0);
}
if(!childID.equalsIgnoreCase(""))
{
gridComponantTitleName = gridComponantTitleName + " : " + parameterList.get(parameterList.size()-2);
}
CommonUtils.printOnConsole("1092 !@# gridComponantTitleName ["+gridComponantTitleName+"]");
gridCssName = ""+groupCssTypeNameList.get(0);
if(childID.equalsIgnoreCase(""))
{
CommonUtils.printOnConsole("In if(childID.equalsIgnoreCase())");
this.createOuterDiv("Card"+uniqueId+componentId,type,gridCssName, "chartContainer");
}
else
{
CommonUtils.printOnConsole("In else childID = "+childID);
this.createOuterDiv("Card"+uniqueId+componentId,type,gridCssName, childID+"Outer");
}
CommonUtils.printOnConsole("Icon --444 idList ["+idList+"] previousRootId ["+previousRootId+"]");
idList.add("Card"+uniqueId+componentId+"Div");
//RootPanel.get("Card"+uniqueId+componentId+"head").add(gridTtlPanel);
//Added By Suraj [To refresh calendar DBR]Start
if( !"".equalsIgnoreCase( previousRootId.trim() ) )
{
RootPanel.get( previousRootId ).clear();
}
previousRootId = "Card"+uniqueId+componentId+"Div";
//Added By Suraj [To refresh calendar DBR]End
CommonUtils.printOnConsole("512 current root id ["+previousRootId+"]");
RootPanel.get("Card"+uniqueId+componentId+"Div").add(panel);
if(!childID.equalsIgnoreCase(""))
{
this.focusOnDiv("Card"+uniqueId+componentId+"Div");
}
CommonUtils.printOnConsole("Icon 555");
}
CommonUtils.printOnConsole("Icon 666 ");
}
catch (Exception e)
{
CommonUtils.printOnConsole("Exception in Card View "+e.getMessage());
}
}
if("T".equalsIgnoreCase(type))
{
CommonUtils.printOnConsole("*********** type t 622 and \n jsonobjFrGraph ["+jsonObjFrGraph+"]");
if(jsonObjFrGraph != null)
{
scrlPanel = new ScrollPanel();
flexTable = new FlexTable();
if ("FlexTable".equalsIgnoreCase(component))
{
CustomFlxTable customFlxTable = new CustomFlxTable();
flexTable = customFlxTable.createFlxTbl(flexTable, gridNGraphMeataDataMap, jsonObjFrGraph,componentId);
//This Block for Export to excel and PDF formate
HorizontalPanel horizontalPnl = new HorizontalPanel();
Button excelBtn = new Button("Export To Excel");
excelBtn.setTitle("Excel");
Button pdFBtn = new Button("Export To PDF");
pdFBtn.setTitle("PDF");
horizontalPnl.add(ibase.client.tabletoexcel.TableToExcelClientBuilder.fromTable(flexTable).withWidget(pdFBtn).buildExportFormWidget());
horizontalPnl.add(ibase.client.tabletoexcel.TableToExcelClientBuilder.fromTable(flexTable).withWidget(excelBtn).buildExportFormWidget());
//End Block for Export to excel and PDF formate
scrlPanel.add(flexTable);
scrlPanel.setStyleName("flextableScrlPnl");
// RootPanel.get("chartContainergrid").add(scrlPanel);
RootPanel.get("chartContainer"+uniqueId+componentId).add(scrlPanel);
RootPanel.get("chartContainer"+uniqueId+componentId).add(horizontalPnl);
}
else if("DataGrid".equalsIgnoreCase(component))
{
flexTable = new FlexTable();
CustomGrid data = new CustomGrid(8);
/*Add code check condition for gridGroupName present in metadata*/
filtrGridJSN = new JSONObject();
CommonUtils.printOnConsole("572 --- gridGroupName ["+gridGroupName+"]");
if(gridGroupName.length() == 0)
{
/*Loop for normal Data Grid*/
String currentID = "Grid"+uniqueId+componentId+"Div";
flexTable = data.jsonToArrayList(gridNGraphMeataDataMap, jsonObjFrGraph,dtSrouce,componentId,parameterList, filterList,firstIndex,currentID);
/*Add Code for Drill-down metadataxml by Dhanendra on date 16-09-2016*/
pageOpenContainer.putIdListInMap(currentID, childID);
final Label closeButton = new Label("x");
closeButton.setStyleName("closeButtonStyle");
closeButton.getElement().setId("Grid"+uniqueId+componentId+"Div");
closeButton.addClickHandler(new ClickHandler()
{
@Override
public void onClick(ClickEvent event)
{
pageOpenContainer.closeLinkedMetadataDiv(closeButton);
}
});
/*End Code for Drill-down metadataxml by Dhanendra on date 16-09-2016*/
/*Added code for Dyanamic Div and New CSS By Dhanendra 01-07-15*/
Image gridTtlImg = new Image("FusionChart/images/"+gridIconName);
HorizontalPanel gridTtlPanel = new HorizontalPanel();
if(!childID.equalsIgnoreCase(""))
{
gridComponantTitleName = gridComponantTitleName+ " : " +parameterList.get(parameterList.size()-2);
}
gridTitleLbl = new Label(gridComponantTitleName);
gridTtlImg.setStyleName("componantTtlImg");
gridTitleLbl.setStyleName("componantTtl");
gridTtlPanel.add(gridTtlImg);
gridTtlPanel.add(gridTitleLbl);
gridTtlPanel.setCellWidth( gridTtlImg, "2%" );
/*Add Code for Drill-down metadataxml by Dhanendra on date 16-09-2016*/
if(!childID.equalsIgnoreCase(""))
{
gridTtlPanel.add(closeButton);
gridTtlPanel.setCellHorizontalAlignment(closeButton, HasHorizontalAlignment.ALIGN_RIGHT);
gridTtlPanel.setCellWidth( closeButton, "2%" );
}
/*Add uniqueId to Grid by Dhanendra on date 10-11-2015*/
//this.createOuterDiv("Grid"+uniqueId+componentId,type,gridCssName, "chartContainer");
if(childID.equalsIgnoreCase(""))
{
this.createOuterDiv("Grid"+uniqueId+componentId,type,gridCssName, "chartContainer");
}else{
this.createOuterDiv("Grid"+uniqueId+componentId,type,gridCssName, childID);
}
/*End Code for Drill-down metadataxml by Dhanendra on date 16-09-2016*/
idList.add("Grid"+uniqueId+componentId+"Div");
RootPanel.get("Grid"+uniqueId+componentId+"head").add(gridTtlPanel);
RootPanel.get("Grid"+uniqueId+componentId+"Div").add(flexTable);
if(!childID.equalsIgnoreCase(""))
{
this.focusOnDiv("Grid"+uniqueId+componentId+"Div");
}
/*Add uniqueId to Grid by Dhanendra on date 10-11-2015*/
/*Ended code for Dyanamic Div and New CSS By Dhanendra 01-07-15*/
/*RootPanel.get("chartContainer"+componentId).clear();
RootPanel.get("chartContainer"+componentId).add(flexTable);*/
}else
{
/*Loop for Compliance Data Grid*/
fltrDataJson = getFltrDataJson(fltrDataJson, gridGroupName,null);
avlDateMap = new HashMap<String, JSONObject>();
dataJsn = new JSONObject();
for (int jsnCnt = 0; jsnCnt < fltrDataJson.size(); jsnCnt++)
{
fetchRowWiseVal = (JSONObject) fltrDataJson.get(String.valueOf(jsnCnt));
avlDate = "" + fetchRowWiseVal.get(availableDate).toString().replace("\"", "");
avlDateMap.put(avlDate, (JSONObject)fetchRowWiseVal);
}
count =0;
for (Map.Entry<String, JSONObject> avlMap : avlDateMap.entrySet())
{
dataJsn.put(""+count, avlMap.getValue());
count++;
}
filtrGridJSN.put(dtSrouce, dataJsn);
flexTable = data.jsonToArrayList(dataDtl.getGridNMapMetData(jsonObjMetaData,parameterList.get(parameterList.size()-1),parameterList), filtrGridJSN,dtSrouce,componentId,parameterList, filterList,firstIndex,"");
/*Add uniqueId to Grid by Dhanendra on date 10-11-2015*/
this.createOuterDiv(gridGroupName+uniqueId+"Grid",type,null, "chartContainer");
idList.add(gridGroupName+uniqueId+"GridDiv");
/*End uniqueId to Grid by Dhanendra on date 10-11-2015*/
Image gridTtlImg = new Image("FusionChart/images/"+gridIconName);
HorizontalPanel gridTtlPanel = new HorizontalPanel();
gridTitleLbl = new Label(firstIndex);
gridTtlImg.setStyleName("componantTtlImg");
gridTitleLbl.setStyleName("componantTtl");
gridTtlPanel.add(gridTtlImg);
gridTtlPanel.add(gridTitleLbl);
/*Add uniqueId to Grid by Dhanendra on date 10-11-2015*/
RootPanel.get(gridGroupName+uniqueId+"Gridhead").add(gridTtlPanel);
RootPanel.get(gridGroupName+uniqueId+"GridDiv").add(flexTable);
/*End uniqueId to Grid by Dhanendra on date 10-11-2015*/
}
/*Add code check condition for gridGroupName present in metadata*/
}
else if("DataGrid-Cal".equalsIgnoreCase(component))
{
flexTable = new FlexTable();
CustomGrid data = new CustomGrid(8);
/*Add code check condition for gridGroupName present in metadata*/
filtrGridJSN = new JSONObject();
CommonUtils.printOnConsole("572 --- gridGroupName ["+gridGroupName+"]");
if(gridGroupName.length() == 0)
{
/*Loop for normal Data Grid*/
String currentID = "Grid"+uniqueId+componentId+"Div";
flexTable = data.jsonToArrayList(gridNGraphMeataDataMap, jsonObjFrGraph,dtSrouce,componentId,parameterList, filterList,firstIndex,currentID);
CommonUtils.printOnConsole("697 --currentID ["+currentID+"]");
/*Add Code for Drill-down metadataxml by Dhanendra on date 16-09-2016*/
pageOpenContainer.putIdListInMap(currentID, childID);
final Label closeButton = new Label("x");
closeButton.setStyleName("closeButtonStyle");
closeButton.getElement().setId("Grid"+uniqueId+componentId+"Div");
closeButton.addClickHandler(new ClickHandler()
{
@Override
public void onClick(ClickEvent event)
{
pageOpenContainer.closeLinkedMetadataDiv(closeButton);
}
});
/*End Code for Drill-down metadataxml by Dhanendra on date 16-09-2016*/
/*Added code for Dyanamic Div and New CSS By Dhanendra 01-07-15*/
//Image gridTtlImg = new Image("FusionChart/images/"+gridIconName);
//HorizontalPanel gridTtlPanel = new HorizontalPanel();
if(!childID.equalsIgnoreCase(""))
{
gridComponantTitleName = gridComponantTitleName+ " : " +parameterList.get(parameterList.size()-2);
}
//gridTitleLbl = new Label(gridComponantTitleName);
//gridTtlImg.setStyleName("componantTtlImg");
//gridTitleLbl.setStyleName("componantTtl");
//gridTtlPanel.add(gridTtlImg);
//gridTtlPanel.add(gridTitleLbl);
//gridTtlPanel.setCellWidth( gridTtlImg, "2%" );
/*Add Code for Drill-down metadataxml by Dhanendra on date 16-09-2016*/
if(!childID.equalsIgnoreCase(""))
{
//gridTtlPanel.add(closeButton);
//gridTtlPanel.setCellHorizontalAlignment(closeButton, HasHorizontalAlignment.ALIGN_RIGHT);
//gridTtlPanel.setCellWidth( closeButton, "2%" );
}
/*Add uniqueId to Grid by Dhanendra on date 10-11-2015*/
//this.createOuterDiv("Grid"+uniqueId+componentId,type,gridCssName, "chartContainer");
if(childID.equalsIgnoreCase(""))
{
this.createOuterDiv("Grid"+uniqueId+componentId,type,gridCssName, "chartContainer");
}else{
this.createOuterDiv("Grid"+uniqueId+componentId,type,gridCssName, childID);
}
/*End Code for Drill-down metadataxml by Dhanendra on date 16-09-2016*/
CommonUtils.printOnConsole("Calendar Grid --444 idList ["+idList+"] previousRootId ["+previousRootId+"]");
idList.add("Grid"+uniqueId+componentId+"Div");
if( !"".equalsIgnoreCase( previousRootId.trim() ) )
{
RootPanel.get( previousRootId ).clear();
RootPanel.get( previousRootId ).removeFromParent();
}
previousRootId = "Grid"+uniqueId+componentId+"Div";
//RootPanel.get("Grid"+uniqueId+componentId+"head").add(gridTtlPanel);
//Suraj changed
RootPanel.get("Grid"+uniqueId+componentId+"Div").add(flexTable);
if(!childID.equalsIgnoreCase(""))
{
this.focusOnDiv("Grid"+uniqueId+componentId+"Div");
}
}else
{
/*Loop for Compliance Data Grid*/
fltrDataJson = getFltrDataJson(fltrDataJson, gridGroupName,null);
avlDateMap = new HashMap<String, JSONObject>();
dataJsn = new JSONObject();
for (int jsnCnt = 0; jsnCnt < fltrDataJson.size(); jsnCnt++)
{
fetchRowWiseVal = (JSONObject) fltrDataJson.get(String.valueOf(jsnCnt));
avlDate = "" + fetchRowWiseVal.get(availableDate).toString().replace("\"", "");
avlDateMap.put(avlDate, (JSONObject)fetchRowWiseVal);
}
count =0;
for (Map.Entry<String, JSONObject> avlMap : avlDateMap.entrySet())
{
dataJsn.put(""+count, avlMap.getValue());
count++;
}
filtrGridJSN.put(dtSrouce, dataJsn);
flexTable = data.jsonToArrayList(dataDtl.getGridNMapMetData(jsonObjMetaData,parameterList.get(parameterList.size()-1),parameterList), filtrGridJSN,dtSrouce,componentId,parameterList, filterList,firstIndex,"");
/*Add uniqueId to Grid by Dhanendra on date 10-11-2015*/
this.createOuterDiv(gridGroupName+uniqueId+"Grid",type,null, "chartContainer");
idList.add(gridGroupName+uniqueId+"GridDiv");
/*End uniqueId to Grid by Dhanendra on date 10-11-2015*/
Image gridTtlImg = new Image("FusionChart/images/"+gridIconName);
HorizontalPanel gridTtlPanel = new HorizontalPanel();
gridTitleLbl = new Label(firstIndex);
gridTtlImg.setStyleName("componantTtlImg");
gridTitleLbl.setStyleName("componantTtl");
gridTtlPanel.add(gridTtlImg);
gridTtlPanel.add(gridTitleLbl);
/*Add uniqueId to Grid by Dhanendra on date 10-11-2015*/
RootPanel.get(gridGroupName+uniqueId+"Gridhead").add(gridTtlPanel);
RootPanel.get(gridGroupName+uniqueId+"GridDiv").add(flexTable);
/*End uniqueId to Grid by Dhanendra on date 10-11-2015*/
}
/*Add code check condition for gridGroupName present in metadata*/
}
}
/** Start Code By Dhanendra for No Data Found Msg - 08 Dec 2014 **/
else
{
//RootPanel.get("chartContainer"+componentId).clear();
//if(isParameter)
//{
flexTable = new FlexTable();
graphCaptionList.clear();
graphCaptioneMap = gridNGraphMeataDataMap.get("componentCaption"+componentId);
graphCaptionList.add(""+graphCaptioneMap.get("componentCaption"+componentId));
caption = graphCaptionList.get(0);
Label labelNoDataFound = new Label("No Data Found");
if(caption !=null && caption.trim().length()>0)
{
flexTable.setText(0, 0, caption);
flexTable.setWidget(1, 0, labelNoDataFound);
flexTable.getCellFormatter().setStyleName(0 ,0 , "FlexTable-ColumnHeaderCell");
flexTable.getCellFormatter().setStyleName(1 ,0 , "gwt-ScrollTable");
}else
{
flexTable.setWidget(0, 0, labelNoDataFound);
flexTable.getCellFormatter().setStyleName(0 ,0 , "gwt-ScrollTable");
}
flexTable.setStyleName("flexCSS");
/*Added code for Dyanamic Div and New CSS By Dhanendra 01-07-15*/
gridTitleLbl = new Label(gridComponantTitleName);
/*Add uniqueId to Grid by Dhanendra on date 10-11-2015*/
this.createOuterDiv("Grid"+uniqueId+componentId,type,gridCssName, "chartContainer");
idList.add("Grid"+uniqueId+componentId+"Div");
RootPanel.get("Grid"+uniqueId+componentId+"head").add(gridTitleLbl);
RootPanel.get("Grid"+uniqueId+componentId+"Div").add(flexTable);
/*End uniqueId to Grid by Dhanendra on date 10-11-2015*/
/*Ended code for Dyanamic Div and New CSS By Dhanendra 01-07-15*/
/*RootPanel.get("chartContainer"+componentId).add(flexTable);*/
//}
}
/** End Code By Dhanendra for No Data Found Msg **/
}
// else if("DataGrid-Cal".equalsIgnoreCase(component))
// {
// CommonUtils.printOnConsole("DataGrid -calendar if");
// flexTable = new FlexTable();
// CustomGrid data = new CustomGrid(8);
// /*Add code check condition for gridGroupName present in metadata*/
// filtrGridJSN = new JSONObject();
// if(gridGroupName.length() == 0)
// {
// /*Loop for normal Data Grid*/
// String currentID = "Grid"+uniqueId+componentId+"Div";
// flexTable = data.jsonToArrayList(gridNGraphMeataDataMap, jsonObjFrGraph,dtSrouce,componentId,parameterList, filterList,firstIndex,currentID);
//
// /*Add Code for Drill-down metadataxml by Dhanendra on date 16-09-2016*/
// pageOpenContainer.putIdListInMap(currentID, childID);
//
// if(!childID.equalsIgnoreCase(""))
// {
// gridComponantTitleName = gridComponantTitleName+ " : " +parameterList.get(parameterList.size()-2);
// }
// if(childID.equalsIgnoreCase(""))
// {
// this.createOuterDiv("Grid"+uniqueId+componentId,type,gridCssName, "chartContainer");
// }else{
// this.createOuterDiv("Grid"+uniqueId+componentId,type,gridCssName, childID);
//
// }
// /*End Code for Drill-down metadataxml by Dhanendra on date 16-09-2016*/
//
// idList.add("Grid"+uniqueId+componentId+"Div");
// //RootPanel.get("Grid"+uniqueId+componentId+"head").add(gridTtlPanel);
// RootPanel.get("Grid"+uniqueId+componentId+"Div").add(flexTable);
// if(!childID.equalsIgnoreCase(""))
// {
// this.focusOnDiv("Grid"+uniqueId+componentId+"Div");
// }
// /*Add uniqueId to Grid by Dhanendra on date 10-11-2015*/
//
// /*Ended code for Dyanamic Div and New CSS By Dhanendra 01-07-15*/
//
// /*RootPanel.get("chartContainer"+componentId).clear();
// RootPanel.get("chartContainer"+componentId).add(flexTable);*/
//
// }else
// {
// CommonUtils.printOnConsole("DataGrid -calendar else");
// fltrDataJson = getFltrDataJson(fltrDataJson, gridGroupName,null);
// avlDateMap = new HashMap<String, JSONObject>();
// dataJsn = new JSONObject();
//
// for (int jsnCnt = 0; jsnCnt < fltrDataJson.size(); jsnCnt++)
// {
// fetchRowWiseVal = (JSONObject) fltrDataJson.get(String.valueOf(jsnCnt));
// avlDate = "" + fetchRowWiseVal.get(availableDate).toString().replace("\"", "");
// avlDateMap.put(avlDate, (JSONObject)fetchRowWiseVal);
// }
// count =0;
// for (Map.Entry<String, JSONObject> avlMap : avlDateMap.entrySet())
// {
// dataJsn.put(""+count, avlMap.getValue());
// count++;
// }
// filtrGridJSN.put(dtSrouce, dataJsn);
// flexTable = data.jsonToArrayList(dataDtl.getGridNMapMetData(jsonObjMetaData,parameterList.get(parameterList.size()-1),parameterList), filtrGridJSN,dtSrouce,componentId,parameterList, filterList,firstIndex,"");
//
// /*Add uniqueId to Grid by Dhanendra on date 10-11-2015*/
// this.createOuterDiv(gridGroupName+uniqueId+"Grid",type,null, "chartContainer");
// idList.add(gridGroupName+uniqueId+"GridDiv");
// /*End uniqueId to Grid by Dhanendra on date 10-11-2015*/
// RootPanel.get(gridGroupName+uniqueId+"GridDiv").add(flexTable);
// /*End uniqueId to Grid by Dhanendra on date 10-11-2015*/
// }
// }
//Suraj End Indicator
}
}
e12LoadImg.setLoading(false);
}
} }
webitm-dashboard/GWT-Component/src/ibase/client/MetaDataDtl.java
View file @ 604e2786
...@@ -1584,8 +1584,8 @@ public class MetaDataDtl ...@@ -1584,8 +1584,8 @@ public class MetaDataDtl
/** End of build metadata for country map by swati 16 April 2015 **/ /** End of build metadata for country map by swati 16 April 2015 **/
//***Start Code for Card (Added by sachin on 1/june/2015)*****\\ //***Start Code for Card (Added by sachin on 1/june/2015)*****\\
//Changed by Suraj [To add Indicator and Icon view]
if ("component".equals(viewNode.getNodeName()) && (type.equalsIgnoreCase("CARD") || type.equalsIgnoreCase("TREE"))) if ("component".equals(viewNode.getNodeName()) && (type.equalsIgnoreCase("CARD") || type.equalsIgnoreCase("TREE") || type.equalsIgnoreCase("Indicator") || type.equalsIgnoreCase("Icon")))
{ {
String linkMetaDataName = ""; String linkMetaDataName = "";
graphMeataDataMap = new HashMap<String, ArrayList<Object>>(); graphMeataDataMap = new HashMap<String, ArrayList<Object>>();
......
webitm-dashboard/GWT-Component/war/GwtCalDashboardPage.css 0 → 100755
View file @ 604e2786
/** Add css rules here for your application. */
/** start of CSS rules for Div container for main GwtDashboardPage.html */
@font-face { /* declare fonts */
font-family: "MuseoLight" !important;
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");
}
html, body, .container
{
height: 100%;
min-height: 100%;
font-family:'MuseoLight', sans-serif;
}
td{
font-family:'MuseoLight', sans-serif !important;
}
.outerChartContainer
{
/* width:99%; */
width:97.5%;
/* padding:0.5%; */
position:relative;
float:left;
/* margin:0.5%; */
/* border:#999 1px solid; */
/* background-color:#f8f7fa; */
/* padding:0 10px; */
-webkit-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
background-color: #fff;
MARGIN-TOP: 10PX;
MARGIN-LEFT: 20PX;
}
/* Suraj changed for DataGrid-Cal */
.outerChartContainerPos1of1-Cal
{
/* width:97.5%; */
/* padding:0.5%; */
position:relative;
/* margin:0.5%; */
/* MARGIN-TOP: 20PX; */
/* MARGIN-LEFT: 20PX; */
/* MIN-WIDTH: 300PX; */
MIN-WIDTH: 32%;
/* border:#999 1px solid; */
/* background-color:#f8f7fa; */
/* padding:0 10px; */
/* -webkit-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77); */
/* -moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77); */
/* box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77); */
/* background-color: #fff; */
background-color: transparent !important;
float: left;
/* margin-bottom: 15px; */
}
.outerChartContainerPos1of1
{
width:97.5%;
/* padding:0.5%; */
position:relative;
/* margin:0.5%; */
MARGIN-TOP: 20PX;
MARGIN-LEFT: 20PX;
MIN-WIDTH: 300PX;
/* border:#999 1px solid; */
/* background-color:#f8f7fa; */
/* padding:0 10px; */
-webkit-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
background-color: #fff;
float: left;
margin-bottom: 15px;
}
.outerChartContainerPos1of2
{
width:48%;
/* padding:0.5%; */
position:relative;
float:left;
/* margin:0.5%; */
MARGIN-TOP: 20PX;
MARGIN-LEFT: 20PX;
MIN-WIDTH: 300PX;
/* border:#999 1px solid; */
/* background-color:#f8f7fa; */
/* padding:0 10px; */
-webkit-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
background-color: #fff;
/* margin-left:1%;
margin-right:1% */
}
.outerChartContainerPos1of3
{
/* width:32.3%;
padding:0.5%;
position:relative;
float:left;
margin:0.5%;
border:#999 1px solid;
background-color:#f8f7fa;
padding:0 10px;
-webkit-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
background-color: #fff;
float: left;
margin-left:1%;
margin-right:1% */
width: 31.5%;
position: relative;
float: left;
MARGIN-TOP: 20PX;
MARGIN-LEFT: 20PX;
-webkit-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
background-color: #fff;
float: left;
MIN-WIDTH: 300PX;
}
/* Suraj commmented */
.chartContainerGridHead
{
/* width: 99%; */
/* height: 2%; */
/* font-size: 16px; */
/* padding: 10px 0; */
/* font-family:'MuseoLight', sans-serif; */
/* font-weight: normal; */
/* text-align: left; */
/* margin:5px; */
/* padding:3px 0; */
}
.complianceLable
{
cursor:pointer;
color: #5893bf;
font-family:MuseoLight;
font-size: 14px;
background: #ffffff;
margin-right: 5px;
}
.componantTtlImg
{
background: #707070;
border-radius: 50%;
margin-left: 5px;
padding: 2px;
}
.componantTtl
{
margin-left: 5px;
margin-top: 6px;
font-size: 16px;
}
.lableImg
{
cursor: pointer;
}
.refreshDatePanel
{
margin-top: 3px;
margin-right: 5px;
}
.refreshDateTime
{
font-size:12px;
text-align:right;
color:#999;
margin-top: 3px;
margin-left: 5px;
}
.mainPanel
{
width:100%
}
.Pos1of3 {
float: left;
width: 32%;
height: 45%;
padding: 5px;
}
.Pos1of4 {
float: left;
width: 24%;
height: 45%;
padding: 5px;
}
.Pos2of3 {
float: left;
width: 33.33%;
height: 45%;
}
.Pos3of3 {
float: right;
width: 33.33%;
height: 45%;
background-color: green;
}
.Pos1of2 {
float: left;
width: 49.2%;
height: 50%;
padding :5px;
}
.Pos2of2 {
float: right;
width: 50%;
height: 50%;
background-color: red;
}
.Pos1of1 {
float: right;
width: 99%;
padding: 5px;
}
.PosFullScreen {
float: right;
width: 100%;
height: 100%;
}
.designationLable
{
color: #666;
font-size: 12px;
}
/** end of CSS rules for Div container for main GwtDashboardPage.html */
/** Example rules used by the template application (remove for your app) */
h1 {
font-size: 2em;
font-weight: bold;
color: #777777;
margin: 40px 0px 70px;
text-align: center;
}
.sendButton {
display: block;
font-size: 16pt;
}
/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
width: 400px;
}
.dialogVPanel {
margin: 5px;
}
.serverResponseLabelError {
color: red;
}
/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
margin: 15px 6px 6px;
}
/*css for flex table*/
gridBody {
width: 950px;
height: 224px;
top: 50px;
}
/* Suraj changed */
body {
text-align: center;
/* font-family: verdana, sans-serif; */
font-size: 8.5pt;
margin-top: 5px;
margin-left: 0px;
font-family:'MuseoLight', sans-serif;
background: transparent !important;
overflow: hidden;
}
h1 {
font-size: 2em;
font-weight: bold;
color: #777777;
margin: 40px 0px 70px;
text-align: center;
font-family:'MuseoLight', sans-serif;
}
.labelStyle {
font-size: 10pt;
}
.radioStyle {
vertical-align: middle;
widhth: 70px;
}
.gwt-PopupPanel {
border: 3px solid #C3D9FF;
padding: 3px;
background: white;
}
.gwt-PopupPanelGlass {
background-color: #000;
opacity: 0.3;
filter: alpha(opacity = 30);
}
html>body .gwt-PopupPanel {
}
* html .gwt-PopupPanel {
}
.gwt-DecoratedPopupPanel .popupContent {
}
.gwt-DecoratedPopupPanel .popupMiddleCenter {
padding: 3px;
background: #d0e4f6;
}
.gwt-DecoratedPopupPanel .popupTopCenter {
background: url(images/hborder.png) repeat-x;
}
.gwt-DecoratedPopupPanel .popupBottomCenter {
background: url(images/hborder.png) repeat-x 0px -4px;
-background: url(images/hborder_ie6.png) repeat-x 0px -4px;
}
.gwt-DecoratedPopupPanel .popupMiddleLeft {
background: url(images/vborder.png) repeat-y;
}
.gwt-DecoratedPopupPanel .popupMiddleRight {
background: url(images/vborder.png) repeat-y -4px 0px;
-background: url(images/vborder_ie6.png) repeat-y -4px 0px;
}
.gwt-DecoratedPopupPanel .popupTopLeftInner {
width: 5px;
height: 5px;
zoom: 1;
}
.gwt-DecoratedPopupPanel .popupTopRightInner {
width: 8px;
height: 5px;
zoom: 1;
}
/* Suraj Changed */
.filterDiv {
width: 10%;
margin-left: 0px;
/* background-color: grey; */
/* font-size: 14px; */
/* font-family: Verdana; */
/* font-weight: bold; */
height: 30px;
float: left;
}
.labelCSS {
width: 120px;
text-align: left;
}
.textCSS {
width: 80px;
text-align: right;
}
.buttonCSS {
text-align: center;
}
.optioDiv {
margin-top: 60px;
}
.listGrid {
margin-top: 40px;
margin-left: 3px;
width: 650px;
height: 180px;
}
.chartContainer {
margin-top: 0px;
width:100%;
position:relative;
-webkit-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
background-color: #fff;
}
.chartContainerCSS {
height: 180px;
margin-left: 3px;
}
/**** start of CSS development by sachin ****/
.popUpCSS {
margin-left: 905px;
height: 200px;
width: 180px;
}
listGrid {
margin-top: 40px;
width: 0px;
height: 0px;
}
.popupContent
{
right: 10px ;
}
#titleLbl
{
font-size: 18px;
color: white;
margin-left:15px;
font-family:MuseoLight;
font-weight:normal;
}
#filterMainOuterDiv
{
border-radius: 3px;
border: 1px solid lightgray;
left: auto !important;
right: 10px;
top: 300px;
z-index: 20;
background: none repeat scroll 0% 0% #FFF;
box-shadow: 1px 3px 6px 3px rgba(142,142,142,.25);
padding: 0px;
margin: 0px;
}
.fltrPopupVPnl
{
position: relative;
background-color: whitesmoke;
height: 200px;
}
.filterScrlPnl
{
height: 200px;
width: 250px;
padding: 0px;
cellspacing: 0px;
background-color: white;
border: 1px solid lightgray;
border-radius: 2px;
}
.flexTable
{
background-color: white;
font-size: small;
font-family:'MuseoLight', sans-serif;
}
.flexTable td {
border: 0px solid #BBBBBB;
padding: 3px;
cellspacing: 0px;
cellpadding: 0px;
width: 20em;
}
.flexTable tr:HOVER
{
background-color:#0099FF;
}
/** Add css rules here for your application. */
ul.token-input-list {
overflow: hidden;
height: auto !important;
height: 20px;
width: 250px;
border: 1px solid lightgray;
cursor: text;
font-size: 12px;
/* font-family: Verdana; */
min-height: 1px;
z-index: 999;
margin: 0;
padding: 0;
background-color: white;
border-radius: 5px;
}
ul.token-input-list {
list-style-type: none;
}
ul.token-input-list li input {
border: 0;
width: 50px;
background-color: white;
}
li.token-input-token {
overflow: hidden;
height: auto !important;
height: 1%;
margin: 3px;
padding: 1px 3px;
background-color: #eff2f7;
color: #000;
cursor: default;
border: 1px solid #ccd5e4;
font-size: 11px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
float: left;
}
li.token-input-token p {
display: inline;
padding: 0;
margin: 0;
color:black;
}
li.token-input-token span {
color: #a6b3cf;
margin-left: 5px;
font-weight: bold;
cursor: pointer;
}
li.token-input-selected-token {
background-color: #5670a6;
border: 1px solid #3b5998;
color: #fff;
}
li.token-input-input-token {
float: left;
}
/**** End of CSS by sachin ****/
/**** start of CSS by swati ****/
.grid {
position: absolute;
left: 10px;
border: 1px solid black;
border-collapse: collapse;
text-align: center;
width: 800px
}
.tableCell {
background-color: #F0F0F0;
border: 1px solid black;
width: 100px;
}
.tableCell1 {
border: 1px solid black;
width: 100px;
}
.gridSrollCSS {
height: 200px;
width: 960px;
}
/**** end of CSS by swati****/
.gridBackground {
background-color: white;
border: 1px solid #B5B8C8;
}
.vPanelCSS {
}
.lablePanleCSS {
width: 930px;
color: white;
}
.textBoxCss {
height: 16px;
width: 250px;
}
.suggetionBoxCss {
height: 15px;
width: 100px;
}
.dataGridCSS {
border: solid 1ps black;
}
/*for datagrid table*/
.childCell {
padding-left: 30px;
border: 2px solid #eee !important;
background: #eee !important;
}
.groupHeaderCell {
padding: 1px 15px;
color: #4b4a4a;
text-shadow: #ddf 1px 1px 0;
font-size: 130%;
background: #eee;
}
/*end for data grid table*/
.FlexTable
{
/* border: 0px solid black;
background-color: #59FFFF; */
width: 100%;
line-height: 29px;
text-align: left;
border-collapse: separate;
border-spacing: 0;
border-radius: 2px;
background-color: white
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); */
}
.FlexTable-ColumnLabel
{
/* color: black;
padding: 3px;
font: bold Arial, sans-serif, courier;
font-size: 11pt; */
line-height: 29px;
padding: 0 0px;
color: white;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #4bc1d2 #13AEC4 #5CCADA;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
/* Opera */
background-image: -o-linear-gradient(top, literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, literal("left top"), literal("left bottom"), color-stop(0.6, #4BC1D2), color-stop(1, #5ADAEC) );
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, literal("#4BC1D2 60%"), literal("#5ADAEC 100%"));
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(literal("to bottom"), literal("#4BC1D2 60%"), literal("#5ADAEC 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);
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-weight: bold;
}
.FlexTable-ColumnLabelCell {
/* border: solid; */
border-color: #4bc1d2 #13AEC4 #5CCADA;
background-image: linear-gradient(to bottom, #4bc1d2 60%, #5adaec 100%);
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 0 0 1px rgba(255, 255, 255, 0.06) inset, 0 1px rgba(0, 0, 0, 0.04);
margin: 0;
padding: 0;
text-align: center;
color: white;
}
.FlexTable-LblCell
{
background-color: #6699FF;
/* font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
font-size: 12px;
line-height: 29px;
padding: 0 10px;
text-rendering: optimizelegibility;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #CBCBCB #D5D5D5 #C2C2C2;
text-align: left;
}
.FlexTable-LblCell
{
background-color: #6699FF;
/* font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
font-size: 12px;
line-height: 29px;
padding: 0 10px;
text-rendering: optimizelegibility;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #CBCBCB #D5D5D5 #C2C2C2;
text-align: left;
}
.FlexTable-LblCell-Left
{
background-color: #6699FF;
/* font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
font-size: 12px;
line-height: 29px;
padding: 0 10px;
text-rendering: optimizelegibility;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #CBCBCB #D5D5D5 #C2C2C2;
text-align: left;
}
.FlexTable-LblCell-Right
{
background-color: #6699FF;
/* font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
font-size: 12px;
line-height: 29px;
padding: 0 10px;
text-rendering: optimizelegibility;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #CBCBCB #D5D5D5 #C2C2C2;
text-align: right;
}
.FlexTable-LblCell-Center
{
background-color: #6699FF;
/* font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
font-size: 12px;
line-height: 29px;
padding: 0 10px;
text-rendering: optimizelegibility;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #CBCBCB #D5D5D5 #C2C2C2;
text-align: center;
}
/*Dhanendra 1-10-2014 for cursor*/
.FlexTable-LblCell-Right-Cursor
{
background-color: #6699FF;
/* font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
font-size: 12px;
line-height: 29px;
padding: 0 10px;
text-rendering: optimizelegibility;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #CBCBCB #D5D5D5 #C2C2C2;
text-align: right;
cursor: pointer;
}
.FlexTable-LblCell-Left-Cursor
{
background-color: #6699FF;
/* font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
font-size: 12px;
line-height: 29px;
padding: 0 10px;
text-rendering: optimizelegibility;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #CBCBCB #D5D5D5 #C2C2C2;
text-align: left;
cursor: pointer;
}
/*End Dhanendra 1-10-2014 for cursor*/
.filterdivHeading
{
background-color: gray;
}
.filterDivHeadingName
{
font-size: 18px;
padding-top: 5px;
padding-bottom: 5px;
color: white;
margin-left: 15px;
font-family:'MuseoLight', sans-serif;
}
.filterHeaderLabel
{
font-size: 12px;
background: transparent;
border: 1px;
font-family:'MuseoLight', sans-serif;
}
.filterHeaderPanel
{
background: transparent;
padding: 3px;
width: 100%;
text-align: center;
}
.imgalignment
{
margin-left: 20px;
}
.filterImage
{
/* height: 35px; */
top: -5px;
position: relative;
cursor:pointer;
}
/* start of CSS for grid table*/
.e12Pager{
position: relative;
/* top: -15px; */
left: 5px;
height: 30px;
/* border-width: 1px;
border-style: solid;
border-color: #dbdbdb #d2d2d2 #ccc;
border-radius: 0px 0px 5px 5px;
width: 100%;
height: 30px; */
}
.pagerLabel{
color: #000;
/* margin-left: 20px; */
font-family:'MuseoLight', sans-serif;
}
.e12Pager-setting {
width: 28px !IMPORTANT;
height: 25px !IMPORTANT;
position: relative;
margin-left: 1px;
margin-right: 2px;
background-size: 60% !IMPORTANT;
background-position: 50% 50% !IMPORTANT;
position: relative;
cursor: pointer;
}
.e12pager-nav-button{
float: right;
}
.nextPageButton{
margin-left: 4px;
margin-right: 4px;
cursor: pointer;
}
.prevPageButton{
margin-left: 4px;
margin-right: 4px;
cursor: pointer;
}
.e12SearchOption-footer-btns{
float: right;
}
.bubbleBox-grad {
width: 475px;
position: relative;
padding: 15px;
margin: 1em 0 3em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/* background: #fff; */
background: -webkit-gradient(linear, literal("left top"), literal("left bottom"), from(#fff), to(#999) );
background: -moz-linear-gradient(top, #fff, #999);
background: -o-linear-gradient(top, #fff, #999);
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient( top, literal("#999999 0%"), literal("#FFFFFF 100%") );
/* Mozilla Firefox */
background-image: -moz-linear-gradient( top, literal("#999999 0%"), literal("#FFFFFF 100%") );
/* Opera */
background-image: -o-linear-gradient( top, literal("#999999 0%"), literal("#FFFFFF 100%") );
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient( linear, literal("left top"), literal("left bottom"), color-stop(0, #999999), color-stop(1, #FFFFFF) );
/* Webkit (Chrome 11+) */
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient( literal("to bottom"), literal("#999999 0%"), literal("#FFFFFF 100%") );
z-index: 1;
font-family:'MuseoLight', sans-serif;
}
.bubbleBox-no-grad {
position: relative;
z-index: 1;
}
.bubbleBox-grad.bottom {
/* background:-webkit-gradient(linear, literal("left top"), literal("left bottom"), from(#999), to(#fff));
background:-moz-linear-gradient(top, #999, #fff);
background:-o-linear-gradient(top, #999, #fff);
background-image: -ms-linear-gradient( top, literal("#FFFFFF 0%"), literal("#999999 100%") );
background-image: -moz-linear-gradient( top, literal("#FFFFFF 0%"), literal("#999999 100%") );
background-image: -o-linear-gradient( top, literal("#FFFFFF 0%"), literal("#999999 100%") );
background-image: -webkit-gradient( linear, literal("left top"), literal("left bottom"), color-stop(0, #FFFFFF), color-stop(1, #999999) );
background-image: -webkit-linear-gradient( top, literal("#FFFFFF 0%"), literal("#999999 100%") );
background-image: linear-gradient( literal("to bottom"), literal("#FFFFFF 0%"), literal("#999999 100%") ); */
background: #fff !important;
moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
moz-box-shadow: 0 0 15px rgba(0,0,0,0.4) !important;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4) !important;
box-shadow: 0 0 15px rgba(0,0,0,0.4) !important;
border: 3px solid #555;
border: 3px solid rgba(2,2,2,0.4);
}
/* creates triangle */
.bubblebox:after,
.bubbleBox-grad:after {
content:"";
display:block; /* reduce the damage in FF3.0 */
position:absolute;
bottom:-15px; /* value = - border-top-width - border-bottom-width */
left:50px; /* controls horizontal position */
width:0;
height:0;
border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#999 transparent;
}
.bubblebox.top:after,
.bubbleBox-grad.top:after {
top:-15px; /* value = - border-top-width - border-bottom-width */
right:19px; /* controls horizontal position */
bottom:auto;
left:auto;
border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
border-color: #999 transparent;
}
.bubbleBox-grad.bottom:after {
top:104px; /* value = - border-top-width - border-bottom-width */
right:35px; /* controls horizontal position */
bottom:auto;
left:auto;
border-width:15px 15px 0px; /* vary these values to change the angle of the vertex */
/* border-color: #999 transparent; */
border-color: #fff transparent;
}
/**********************************************************************/
/* gwt-ScrollTable */
/**********************************************************************/
.gwt-ScrollTable {
border: none !important;
height: 250px !important;
}
.gwt-ScrollTable .headerWrapper {
background: #8bd url(images/bg_header_gradient.gif) repeat-x bottom left;
}
.gwt-ScrollTable .footerWrapper {
border-top: 1px solid #aaa;
background: #8bd url(images/bg_header_gradient.gif) repeat-x bottom left;
}
.gwt-ScrollTable .dataTable td,
.gwt-ScrollTable .headerTable td,
.gwt-ScrollTable .footerTable td {
border-color: #aaa;
border-style: solid;
border-width: 0px 0px 0px 0px;
white-space: nowrap;
overflow: hidden;
width: 100px;
}
.gwt-ScrollTable .headerTable td,
.gwt-ScrollTable .footerTable td {
color: #fff;
font-size:10px;
line-height:9px;
/*height:10px;*/
white-space: nowrap;
clear: both;
width: 60px;
}
.gwt-ScrollTable .dataTable tr,
.gwt-ScrollTable .dataTable td{
font-size:8px;
line-height:3px;
}
.gwt-ScrollTable .dataWrapper{
height:10px;
}
.gwt-ScrollTable .dataTable tr.highlighted {
background: #C3D9FF;
}
.gwt-ScrollTable .dataTable td.highlighted {
background: #C3D9FF;
cursor: hand;
cursor: pointer;
}
.gwt-ScrollTable .dataTable tr.selected td {
background: #FFFFAA;
}
/*end for GWT scroll table css*/
.flexCSS
{
width:250%;
position:relative;
/* padding : 0 7px; Suraj*/
}
.tableCSS
{
margin-top: 5px;
width:100% !important;
}
/*End of CSS for grid table*/
/*newly added css for view popup Menu Bar*/
.popupMenuBar{
margin: -2px;
padding: 0;
/* position: absolute; */
left: 0;
top: 10px;
width: 200px;
list-style: none;
/* -webkit-border-radius: 4px; */
/* -moz-border-radius: 4px; */
/* border-radius: 4px; */
background: #ddd repeat-x 0 0;
border-radius: 4px 0 0 4px;
border-left: solid 1px #b4b4b4;
}
.popupMenuItem{
width: 170px;
/*padding: 8px 20px;*/
padding: 8px 15px;
margin: 0;
color: #62412E;
/* font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif; */
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-rendering: optimizeLegibility;
text-shadow: 0 1px 1px rgba(0,0,0, .3);
position: relative;
white-space: nowrap;
text-align:left;
}
.popupMenuItem:hover{
color: #fff !important;
cursor: pointer;
text-shadow: 0 1px 1px rgba(0,0,0, .1);
/* -webkit-border-radius: 2px; */
/* -moz-border-radius: 2px; */
/* border-radius: 2px; */
background: #4EBD4A repeat-x 0 -100px !important;
width: 170px;
}
.scrllPnlMenuBar{
overflow: hidden !important;
position: relative;
/*width: 170px !important;*/
/*border: solid 1px #b4b4b4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
box-shadow: 0 1px 3px rgba(0,0,0, .3);*/
/* background: #ddd repeat-x 0 0;*/
}
.flextableScrlPnl
{
height: 300px;
width: 100%;
padding: 0px;
cellspacing: 0px;
background-color: white;
border: 1px solid lightgray;
border-radius: 2px;
margin-top: -5px;
}
.FlexTable-Even-Cell-Left {
/* background-color: #f9f9f9; */
/* font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
font-size: 12px;
line-height: 29px;
padding: 0 10px;
text-rendering: optimizelegibility;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #CBCBCB #D5D5D5 #C2C2C2;
text-align: left;
}
.FlexTable-Even-Cell-Right {
/* background-color: #f9f9f9; */
/* font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
font-size: 12px;
line-height: 29px;
padding: 0 10px;
text-rendering: optimizelegibility;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #CBCBCB #D5D5D5 #C2C2C2;
text-align: right;
}
.FlexTable-Odd-Cell {
background: none repeat scroll 0 0 #fff;
/* font-family: Arial,Helvetica,Helvetica Neue,Verdana,sans-serif; */
font-size: 12px;
line-height: 29px;
padding: 0 10px;
text-rendering: optimizelegibility;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
/*newly added css for view popup Menu Bar*/
.FlexTable-ColumnHeaderCell {
/* border: solid; */
border-color: #4bc1d2 #13AEC4 #5CCADA;
background-color: white;
/*background-image: linear-gradient(to bottom, #4bc1d2 60%, #5adaec 100%);*/
/* text-shadow: 0 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 0 0 1px rgba(255, 255, 255, 0.06) inset, 0 1px rgba(0, 0, 0, 0.04); */
margin: 0;
padding: 0;
text-align: left;
color: black;
height:30px;
font-family:'MuseoLight', sans-serif;
font-size:16px;
margin-left: 5px;
}
.gwt-SuggestBoxPopup{
z-index: 20;
}
.fltrPopupVPnlWidthFixed
{
position: relative;
background-color: whitesmoke;
width: 250px;
}
.item{
text-align: left;
}
.gwt-DateBox {
padding: 5px 4px;
border: 1px solid #ccc;
border-top: 1px solid #999;
font-size: 100%;
}
.gwt-DateBox input {
width: 8em;
}
.dateBoxFormatError {
background: #ffcccc;
}
.dateBoxPopup {
z-index:999;
}
/*start of smart filter CSS added by sachin 12 may 2015*/
#smartFilterMainOuterDiv
{
border-radius: 3px;
border: 1px solid lightgray;
left: auto !important;
right: 15px;
top: 300px;
z-index: 20;
background: none repeat scroll 0% 0% #FFF;
box-shadow: 1px 3px 6px 3px rgba(142,142,142,.25);
padding: 0px;
margin: 0px;
}
/*end */
.flexCSSFrame
{
width: 99%;
}
.dataHeader
{
font-family:'MuseoLight', sans-serif;
font-size: 14px;
}
.excelExportImg
{
border: none;
background: none;
}
a:visited
{
color: #5893bf !important;
}
.close {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
background: #606061;
color: #fff;
line-height: 25px;
position: absolute;
left: -12px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
cursor: pointer;
}
.button{
border: 1px solid #E7E7E7;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
color: #333;
height: 22px;
font-family: 'MuseoLight-300', sans-serif;
font-size: 12px;
background-color: #e7e7e7;
cursor: pointer;
}
button
{
font-family: 'MuseoLight-300', sans-serif !important;
}
.button:hover
{
border: 1px solid #E7E7E7 !important;
background-color: #e7e7e7 !important;
color: #000 !important;
-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
text-shadow: none;
}
.button:active
{
text-shadow: none;
background-color: #d6d6d6 !important;
color: #000 !important;
-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
border: 1px solid #E7E7E7 !important;
}
.button:disabled
{
text-shadow: none;
background-color: #f3f1f1 !important;
color: #999; !important;
}
.centerPanel
{
margin: 0 auto;
}
.cardVPnl {
/* padding: 2px; */
/* cellspacing: 15px; */
/* background-color: white; */
background-color: transparent !important;
width: 70%;
/* cellspacing: 10; */
/* border: 1px solid lightgray;
border-radius: 2px; */
}
.cardScrlPnl {
/* height: 300px; */
/* width: 100%; */
/* padding: 1px; */
/* cellspacing: 10px; */
/* background-color: white; */
/* border: 1px solid lightgray;
border-radius: 2px;*/
overflow: hidden !important;
}
.cardhorizontalPnl
{
position: relative;
/* background-color: #FFF; */
background: transparent !important;
background-color: rgba(252, 250, 250, 0) !important;
/* Remove border-bottom for circular card view for serdia on dated 18-05-16 */
/* border-bottom: 1px solid #CCC; */
width: 100%;
}
/*Add CSS for SmartFilter on Date 28-08-15*/
.outerChartContainerSmtFltr1of1
{
width:82%;
position:relative;
MARGIN-TOP: 20PX;
MARGIN-LEFT: 20PX;
MIN-WIDTH: 300PX;
-webkit-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
background-color: #fff;
float: left;
}
/*END CSS for SmartFilter on Date 28-08-15*/
/**added css for ss grid title and subtitle by swati on 08-sep-2015*/
.headTableCSS
{
border-collapse:collapse;
width:100%;
}
.headTrCSS
{
border-collapse:collapse;
}
.titleTrCSS
{
border-left:1px solid #F0F0F0;
text-align:center;
}
.subTitleTdCSS
{
border-left:1px solid #F0F0F0;
border-top:1px solid #F0F0F0;
}
/**ended css for ss grid title and subtitle by swati on 08-sep-2015*/
.popupScrlPnl
{
overflow-x:hidden;
height: 400px;
width: 285px;
padding: 0px;
cellspacing: 0px;
background-color: white;
border: 1px solid lightgray;
border-radius: 2px;
}
.drpDownBoxCss {
height: 25px;
width: 250px;
}
/* Start Added new Code by sachin on 28 sep 15 for Showing scroll bar to auto suggest box of autocomplete filter */
.suggestPopupMiddleCenterInner
{
overflow-y: scroll;
height: 250px;
}
/*End Added new Code by sachin on 28 sep 15 for Showing scroll bar to auto suggest box of autocomplete filter */
/*Add code for Card New format by Dhanendra on Date 01-04-2016*/
.cardSqrLbl
{
text-align:right;
padding-right:3px;
width : 16%;
}
.cardProdLbl
{
text-align:right;
padding-right:5px;
}
.cardSqrProdVal
{
text-align:center;
border-radius:3px;
color: #fff;
width:100px;
padding: 4px;
font-weight: normal;
}
.cardSqrVal
{
text-align:center;
border-radius:3px;
color: #fff;
width:20%;
margin-right:20px;
padding: 4px;
font-weight: normal;
}
.cardProdImg
{
border-radius: 50%;
/* margin-left: 5px; */
padding: 2px;
width: 25px;
height: 25px;
}
.defaultUserImg
{
height: 25px;
width: 25px;
border-radius: 50%;
background: gray;
padding: 2px;
text-align: center;
color: white;
padding-top: 2px;
}
.cardSalesPersonTitle
{
height: 25px;
background-color: #f0eff5;
}
.cardMTDLbl
{
text-align:right;
padding-right:3px;
width : 24%;
}
.cardMTDVal
{
text-align:center;
border-radius:3px;
color: #fff;
width:34%;
margin-right:20px;
padding: 4px;
font-weight: normal;
}
.cardTable
{
cursor: pointer;
}
.cardNoDataLbl
{
text-align: center;
}
/*End code for Card new format by Dhanendra on Date 01-04-2016*/
/*Added by Chetan Mahajan for Card new with circle format on Date 24-JUNE-2016*/
.defaultUserImgLbl
{
position: relative;
font-size: 35px;
width: 80px;
height: 80px;
border-radius: 50%;
margin: 0 auto;
background-color: #cccccc;
text-align: center;
color: white;
}
.defaultUserImgDiv
{
text-align: center;
}
.defaultUserImage
{
border-radius: 50%;
padding: 2px;
width: 80px;
height: 80px;
}
.cardHtmlTableHeader
{
text-align:center;
padding-right:3px;
/* width : 16%; */
font-size: 14px;
}
.tableSubtileTD
{
text-align:left;
padding-right:3px;
/* width : 16%; */
font-size: 16px;
}
.cardHtmlTableBody
{
text-align:center;
padding-right:3px;
/* width : 16%; */
}
.cardHtmlTable
{
border-collapse: collapse;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-top: 2px solid #7bc6ff;
margin-bottom:20px;'
}
.userImageText
{
padding-top:16px;
color:white;
}
/*Added by Chetan Mahajan for Card new with circle format on Date 24-JUNE-2016*/
/*Add css for DrillDown Chart is close by Dhanendra on date 19-09-2016*/
.closeButtonStyle
{
height: 24px;
width: 24px;
color: #fff;
line-height: 25px;
border-radius: 12px;
box-shadow: 1px 1px 3px #000;
cursor: pointer;
text-align: center;
font-weight: bold;
background: #606061
}
/* Added by Chetan Mahajan [For add multiple chid div into parent div in multiple report and draw border for only parent div] req id:S16EBAS003 on 30-AUG-2016 Start */
.outerChartContainerPos1of1FirstChild
{
width:97%;
position:relative;
margin:auto;
background-color: #fff;
-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
box-shadow: 0px 0 3px 0px rgba(153, 145, 153, 0.77);
PADDING-TOP: 4PX;
margin-top: 20px;
margin-bottom: 15px;
}
.outerChartContainerPos1of1FirstPlusChild
{
width:100%;
position:relative;
margin:auto;
background-color: #fff;
-moz-box-shadow: -1px 0px 7px 1px rgba(153,145,153,0.77);
box-shadow: 0px 0 3px 0px rgba(153, 145, 153, 0.77);
PADDING-TOP: 4PX;
margin-top: 20px;
margin-bottom: 15px;
}
/* Added by Chetan Mahajan [For add multiple chid div into parent div in multiple report and draw border for only parent div] req id:S16EBAS003 on 30-AUG-2016 End */
/*End css for DrillDown Chart is close by Dhanendra on date 19-09-2016*/
/*Start CSS Class for Drill Down Chart by Dhanendra on date 20-10-2016*/
.linePadding
{
}
.line {
width:97.5%;
/* margin-top:8px; */
border: 1px dashed #CCC;
}
.line:after {
content:'';
position: absolute;
border-style: inset;
border-width: 7px 7px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
/* top: 8px; */
left: 50%;
}
.line:before {
content:'';
position: absolute;
border-style: inset;
border-width: 7px 7px 0;
border-color: #7F7F7F transparent;
display: block;
width: 0;
z-index: 1;
/* top: 9px; */
left: 50%;
}
/*End CSS Class for Drill Down Chart by Dhanendra on date 20-10-2016*/
.titleDBR{
margin-left: 6px;
color: #000;
font-size: 12px;
text-align: center;
margin-top: 2px;
}
\ No newline at end of file
webitm-dashboard/GWT-Component/war/GwtCalDashboardPage.html 0 → 100755
View file @ 604e2786
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" language="javascript" src="FusionChart/js/injectDynamicCSSAndJSFile.js"></script>
<link type="text/css" rel="stylesheet" href="GwtCalDashboardPage.css">
<link type="text/css" rel="stylesheet" href="circleGWTCalendar.css">
<!-- <link type="text/css" rel="stylesheet" href="circleCalendar.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" src="FusionChart/js/dhtmlxgantt.js"></script> -->
<!-- <link type="text/css" rel="stylesheet" href="dhtmlxgantt.css"> -->
<!-- <script src="FusionChart/js/AquaGauge.js" type="text/javascript"></script> -->
</head>
<body >
<!-- <div id="filterDiv" class="filterDiv"></div> -->
<div id="chartContainer">
</div>
</body>
</html>
webitm-dashboard/GWT-Component/war/circleGWTCalendar.css 0 → 100755
View file @ 604e2786
.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
clip: rect(auto, auto, auto, auto);
}
.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill
{
position: absolute;
border: 0.08em solid #307bbb;
width: 0.84em;
height: 0.84em;
clip: rect(0em, 0.5em, 1em, 0em);
border-radius: 50%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.c100 {
position: relative;
/* font-size: 92px; */
font-size: 42px;
width: 1em;
height: 1em;
border-radius: 50%;
/* float: left; */
/* margin: 0 0.1em 0.1em 0; */
margin: 0 auto;
background-color: #cccccc;
}
.c100 *,
.c100 *:before,
.c100 *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.c100.center {
float: none;
margin: 0 auto;
}
.c100.big {
font-size: 240px;
}
.c100.small {
font-size: 80px;
}
/* .c100 > span {
position: absolute;
width: 100%;
z-index: 1;
left: 0;
top: 0;
left: 14px;
top: 22px;
width: 5em;
line-height: 5em;
font-size: 0.2em;
font-size:13px;
color: #cccccc;
display: block;
text-align: center;
white-space: nowrap;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
} */
.c100 > span {
position: absolute;
width: 100%;
z-index: 1;
left: 14px;
top: 22px;
font-size: 13px;
color: #cccccc;
display: block;
text-align: center;
white-space: nowrap;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.c100:after {
position: absolute;
top: 0.08em;
left: 0.08em;
display: block;
content: " ";
border-radius: 50%;
background-color: #FFF;
width: 0.84em;
height: 0.84em;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-in;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.c100 .slice {
position: absolute;
width: 1em;
height: 1em;
clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
-webkit-transform: rotate(3.6deg);
-moz-transform: rotate(3.6deg);
-ms-transform: rotate(3.6deg);
-o-transform: rotate(3.6deg);
transform: rotate(3.6deg);
}
.c100.p2 .bar {
-webkit-transform: rotate(7.2deg);
-moz-transform: rotate(7.2deg);
-ms-transform: rotate(7.2deg);
-o-transform: rotate(7.2deg);
transform: rotate(7.2deg);
}
.c100.p3 .bar {
-webkit-transform: rotate(10.8deg);
-moz-transform: rotate(10.8deg);
-ms-transform: rotate(10.8deg);
-o-transform: rotate(10.8deg);
transform: rotate(10.8deg);
}
.c100.p4 .bar {
-webkit-transform: rotate(14.4deg);
-moz-transform: rotate(14.4deg);
-ms-transform: rotate(14.4deg);
-o-transform: rotate(14.4deg);
transform: rotate(14.4deg);
}
.c100.p5 .bar {
-webkit-transform: rotate(18deg);
-moz-transform: rotate(18deg);
-ms-transform: rotate(18deg);
-o-transform: rotate(18deg);
transform: rotate(18deg);
}
.c100.p6 .bar {
-webkit-transform: rotate(21.6deg);
-moz-transform: rotate(21.6deg);
-ms-transform: rotate(21.6deg);
-o-transform: rotate(21.6deg);
transform: rotate(21.6deg);
}
.c100.p7 .bar {
-webkit-transform: rotate(25.2deg);
-moz-transform: rotate(25.2deg);
-ms-transform: rotate(25.2deg);
-o-transform: rotate(25.2deg);
transform: rotate(25.2deg);
}
.c100.p8 .bar {
-webkit-transform: rotate(28.8deg);
-moz-transform: rotate(28.8deg);
-ms-transform: rotate(28.8deg);
-o-transform: rotate(28.8deg);
transform: rotate(28.8deg);
}
.c100.p9 .bar {
-webkit-transform: rotate(32.4deg);
-moz-transform: rotate(32.4deg);
-ms-transform: rotate(32.4deg);
-o-transform: rotate(32.4deg);
transform: rotate(32.4deg);
}
.c100.p10 .bar {
-webkit-transform: rotate(36deg);
-moz-transform: rotate(36deg);
-ms-transform: rotate(36deg);
-o-transform: rotate(36deg);
transform: rotate(36deg);
}
.c100.p11 .bar {
-webkit-transform: rotate(39.6deg);
-moz-transform: rotate(39.6deg);
-ms-transform: rotate(39.6deg);
-o-transform: rotate(39.6deg);
transform: rotate(39.6deg);
}
.c100.p12 .bar {
-webkit-transform: rotate(43.2deg);
-moz-transform: rotate(43.2deg);
-ms-transform: rotate(43.2deg);
-o-transform: rotate(43.2deg);
transform: rotate(43.2deg);
}
.c100.p13 .bar {
-webkit-transform: rotate(46.800000000000004deg);
-moz-transform: rotate(46.800000000000004deg);
-ms-transform: rotate(46.800000000000004deg);
-o-transform: rotate(46.800000000000004deg);
transform: rotate(46.800000000000004deg);
}
.c100.p14 .bar {
-webkit-transform: rotate(50.4deg);
-moz-transform: rotate(50.4deg);
-ms-transform: rotate(50.4deg);
-o-transform: rotate(50.4deg);
transform: rotate(50.4deg);
}
.c100.p15 .bar {
-webkit-transform: rotate(54deg);
-moz-transform: rotate(54deg);
-ms-transform: rotate(54deg);
-o-transform: rotate(54deg);
transform: rotate(54deg);
}
.c100.p16 .bar {
-webkit-transform: rotate(57.6deg);
-moz-transform: rotate(57.6deg);
-ms-transform: rotate(57.6deg);
-o-transform: rotate(57.6deg);
transform: rotate(57.6deg);
}
.c100.p17 .bar {
-webkit-transform: rotate(61.2deg);
-moz-transform: rotate(61.2deg);
-ms-transform: rotate(61.2deg);
-o-transform: rotate(61.2deg);
transform: rotate(61.2deg);
}
.c100.p18 .bar {
-webkit-transform: rotate(64.8deg);
-moz-transform: rotate(64.8deg);
-ms-transform: rotate(64.8deg);
-o-transform: rotate(64.8deg);
transform: rotate(64.8deg);
}
.c100.p19 .bar {
-webkit-transform: rotate(68.4deg);
-moz-transform: rotate(68.4deg);
-ms-transform: rotate(68.4deg);
-o-transform: rotate(68.4deg);
transform: rotate(68.4deg);
}
.c100.p20 .bar {
-webkit-transform: rotate(72deg);
-moz-transform: rotate(72deg);
-ms-transform: rotate(72deg);
-o-transform: rotate(72deg);
transform: rotate(72deg);
}
.c100.p21 .bar {
-webkit-transform: rotate(75.60000000000001deg);
-moz-transform: rotate(75.60000000000001deg);
-ms-transform: rotate(75.60000000000001deg);
-o-transform: rotate(75.60000000000001deg);
transform: rotate(75.60000000000001deg);
}
.c100.p22 .bar {
-webkit-transform: rotate(79.2deg);
-moz-transform: rotate(79.2deg);
-ms-transform: rotate(79.2deg);
-o-transform: rotate(79.2deg);
transform: rotate(79.2deg);
}
.c100.p23 .bar {
-webkit-transform: rotate(82.8deg);
-moz-transform: rotate(82.8deg);
-ms-transform: rotate(82.8deg);
-o-transform: rotate(82.8deg);
transform: rotate(82.8deg);
}
.c100.p24 .bar {
-webkit-transform: rotate(86.4deg);
-moz-transform: rotate(86.4deg);
-ms-transform: rotate(86.4deg);
-o-transform: rotate(86.4deg);
transform: rotate(86.4deg);
}
.c100.p25 .bar {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.c100.p26 .bar {
-webkit-transform: rotate(93.60000000000001deg);
-moz-transform: rotate(93.60000000000001deg);
-ms-transform: rotate(93.60000000000001deg);
-o-transform: rotate(93.60000000000001deg);
transform: rotate(93.60000000000001deg);
}
.c100.p27 .bar {
-webkit-transform: rotate(97.2deg);
-moz-transform: rotate(97.2deg);
-ms-transform: rotate(97.2deg);
-o-transform: rotate(97.2deg);
transform: rotate(97.2deg);
}
.c100.p28 .bar {
-webkit-transform: rotate(100.8deg);
-moz-transform: rotate(100.8deg);
-ms-transform: rotate(100.8deg);
-o-transform: rotate(100.8deg);
transform: rotate(100.8deg);
}
.c100.p29 .bar {
-webkit-transform: rotate(104.4deg);
-moz-transform: rotate(104.4deg);
-ms-transform: rotate(104.4deg);
-o-transform: rotate(104.4deg);
transform: rotate(104.4deg);
}
.c100.p30 .bar {
-webkit-transform: rotate(108deg);
-moz-transform: rotate(108deg);
-ms-transform: rotate(108deg);
-o-transform: rotate(108deg);
transform: rotate(108deg);
}
.c100.p31 .bar {
-webkit-transform: rotate(111.60000000000001deg);
-moz-transform: rotate(111.60000000000001deg);
-ms-transform: rotate(111.60000000000001deg);
-o-transform: rotate(111.60000000000001deg);
transform: rotate(111.60000000000001deg);
}
.c100.p32 .bar {
-webkit-transform: rotate(115.2deg);
-moz-transform: rotate(115.2deg);
-ms-transform: rotate(115.2deg);
-o-transform: rotate(115.2deg);
transform: rotate(115.2deg);
}
.c100.p33 .bar {
-webkit-transform: rotate(118.8deg);
-moz-transform: rotate(118.8deg);
-ms-transform: rotate(118.8deg);
-o-transform: rotate(118.8deg);
transform: rotate(118.8deg);
}
.c100.p34 .bar {
-webkit-transform: rotate(122.4deg);
-moz-transform: rotate(122.4deg);
-ms-transform: rotate(122.4deg);
-o-transform: rotate(122.4deg);
transform: rotate(122.4deg);
}
.c100.p35 .bar {
-webkit-transform: rotate(126deg);
-moz-transform: rotate(126deg);
-ms-transform: rotate(126deg);
-o-transform: rotate(126deg);
transform: rotate(126deg);
}
.c100.p36 .bar {
-webkit-transform: rotate(129.6deg);
-moz-transform: rotate(129.6deg);
-ms-transform: rotate(129.6deg);
-o-transform: rotate(129.6deg);
transform: rotate(129.6deg);
}
.c100.p37 .bar {
-webkit-transform: rotate(133.20000000000002deg);
-moz-transform: rotate(133.20000000000002deg);
-ms-transform: rotate(133.20000000000002deg);
-o-transform: rotate(133.20000000000002deg);
transform: rotate(133.20000000000002deg);
}
.c100.p38 .bar {
-webkit-transform: rotate(136.8deg);
-moz-transform: rotate(136.8deg);
-ms-transform: rotate(136.8deg);
-o-transform: rotate(136.8deg);
transform: rotate(136.8deg);
}
.c100.p39 .bar {
-webkit-transform: rotate(140.4deg);
-moz-transform: rotate(140.4deg);
-ms-transform: rotate(140.4deg);
-o-transform: rotate(140.4deg);
transform: rotate(140.4deg);
}
.c100.p40 .bar {
-webkit-transform: rotate(144deg);
-moz-transform: rotate(144deg);
-ms-transform: rotate(144deg);
-o-transform: rotate(144deg);
transform: rotate(144deg);
}
.c100.p41 .bar {
-webkit-transform: rotate(147.6deg);
-moz-transform: rotate(147.6deg);
-ms-transform: rotate(147.6deg);
-o-transform: rotate(147.6deg);
transform: rotate(147.6deg);
}
.c100.p42 .bar {
-webkit-transform: rotate(151.20000000000002deg);
-moz-transform: rotate(151.20000000000002deg);
-ms-transform: rotate(151.20000000000002deg);
-o-transform: rotate(151.20000000000002deg);
transform: rotate(151.20000000000002deg);
}
.c100.p43 .bar {
-webkit-transform: rotate(154.8deg);
-moz-transform: rotate(154.8deg);
-ms-transform: rotate(154.8deg);
-o-transform: rotate(154.8deg);
transform: rotate(154.8deg);
}
.c100.p44 .bar {
-webkit-transform: rotate(158.4deg);
-moz-transform: rotate(158.4deg);
-ms-transform: rotate(158.4deg);
-o-transform: rotate(158.4deg);
transform: rotate(158.4deg);
}
.c100.p45 .bar {
-webkit-transform: rotate(162deg);
-moz-transform: rotate(162deg);
-ms-transform: rotate(162deg);
-o-transform: rotate(162deg);
transform: rotate(162deg);
}
.c100.p46 .bar {
-webkit-transform: rotate(165.6deg);
-moz-transform: rotate(165.6deg);
-ms-transform: rotate(165.6deg);
-o-transform: rotate(165.6deg);
transform: rotate(165.6deg);
}
.c100.p47 .bar {
-webkit-transform: rotate(169.20000000000002deg);
-moz-transform: rotate(169.20000000000002deg);
-ms-transform: rotate(169.20000000000002deg);
-o-transform: rotate(169.20000000000002deg);
transform: rotate(169.20000000000002deg);
}
.c100.p48 .bar {
-webkit-transform: rotate(172.8deg);
-moz-transform: rotate(172.8deg);
-ms-transform: rotate(172.8deg);
-o-transform: rotate(172.8deg);
transform: rotate(172.8deg);
}
.c100.p49 .bar {
-webkit-transform: rotate(176.4deg);
-moz-transform: rotate(176.4deg);
-ms-transform: rotate(176.4deg);
-o-transform: rotate(176.4deg);
transform: rotate(176.4deg);
}
.c100.p50 .bar {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.c100.p51 .bar {
-webkit-transform: rotate(183.6deg);
-moz-transform: rotate(183.6deg);
-ms-transform: rotate(183.6deg);
-o-transform: rotate(183.6deg);
transform: rotate(183.6deg);
}
.c100.p52 .bar {
-webkit-transform: rotate(187.20000000000002deg);
-moz-transform: rotate(187.20000000000002deg);
-ms-transform: rotate(187.20000000000002deg);
-o-transform: rotate(187.20000000000002deg);
transform: rotate(187.20000000000002deg);
}
.c100.p53 .bar {
-webkit-transform: rotate(190.8deg);
-moz-transform: rotate(190.8deg);
-ms-transform: rotate(190.8deg);
-o-transform: rotate(190.8deg);
transform: rotate(190.8deg);
}
.c100.p54 .bar {
-webkit-transform: rotate(194.4deg);
-moz-transform: rotate(194.4deg);
-ms-transform: rotate(194.4deg);
-o-transform: rotate(194.4deg);
transform: rotate(194.4deg);
}
.c100.p55 .bar {
-webkit-transform: rotate(198deg);
-moz-transform: rotate(198deg);
-ms-transform: rotate(198deg);
-o-transform: rotate(198deg);
transform: rotate(198deg);
}
.c100.p56 .bar {
-webkit-transform: rotate(201.6deg);
-moz-transform: rotate(201.6deg);
-ms-transform: rotate(201.6deg);
-o-transform: rotate(201.6deg);
transform: rotate(201.6deg);
}
.c100.p57 .bar {
-webkit-transform: rotate(205.20000000000002deg);
-moz-transform: rotate(205.20000000000002deg);
-ms-transform: rotate(205.20000000000002deg);
-o-transform: rotate(205.20000000000002deg);
transform: rotate(205.20000000000002deg);
}
.c100.p58 .bar {
-webkit-transform: rotate(208.8deg);
-moz-transform: rotate(208.8deg);
-ms-transform: rotate(208.8deg);
-o-transform: rotate(208.8deg);
transform: rotate(208.8deg);
}
.c100.p59 .bar {
-webkit-transform: rotate(212.4deg);
-moz-transform: rotate(212.4deg);
-ms-transform: rotate(212.4deg);
-o-transform: rotate(212.4deg);
transform: rotate(212.4deg);
}
.c100.p60 .bar {
-webkit-transform: rotate(216deg);
-moz-transform: rotate(216deg);
-ms-transform: rotate(216deg);
-o-transform: rotate(216deg);
transform: rotate(216deg);
}
.c100.p61 .bar {
-webkit-transform: rotate(219.6deg);
-moz-transform: rotate(219.6deg);
-ms-transform: rotate(219.6deg);
-o-transform: rotate(219.6deg);
transform: rotate(219.6deg);
}
.c100.p62 .bar {
-webkit-transform: rotate(223.20000000000002deg);
-moz-transform: rotate(223.20000000000002deg);
-ms-transform: rotate(223.20000000000002deg);
-o-transform: rotate(223.20000000000002deg);
transform: rotate(223.20000000000002deg);
}
.c100.p63 .bar {
-webkit-transform: rotate(226.8deg);
-moz-transform: rotate(226.8deg);
-ms-transform: rotate(226.8deg);
-o-transform: rotate(226.8deg);
transform: rotate(226.8deg);
}
.c100.p64 .bar {
-webkit-transform: rotate(230.4deg);
-moz-transform: rotate(230.4deg);
-ms-transform: rotate(230.4deg);
-o-transform: rotate(230.4deg);
transform: rotate(230.4deg);
}
.c100.p65 .bar {
-webkit-transform: rotate(234deg);
-moz-transform: rotate(234deg);
-ms-transform: rotate(234deg);
-o-transform: rotate(234deg);
transform: rotate(234deg);
}
.c100.p66 .bar {
-webkit-transform: rotate(237.6deg);
-moz-transform: rotate(237.6deg);
-ms-transform: rotate(237.6deg);
-o-transform: rotate(237.6deg);
transform: rotate(237.6deg);
}
.c100.p67 .bar {
-webkit-transform: rotate(241.20000000000002deg);
-moz-transform: rotate(241.20000000000002deg);
-ms-transform: rotate(241.20000000000002deg);
-o-transform: rotate(241.20000000000002deg);
transform: rotate(241.20000000000002deg);
}
.c100.p68 .bar {
-webkit-transform: rotate(244.8deg);
-moz-transform: rotate(244.8deg);
-ms-transform: rotate(244.8deg);
-o-transform: rotate(244.8deg);
transform: rotate(244.8deg);
}
.c100.p69 .bar {
-webkit-transform: rotate(248.4deg);
-moz-transform: rotate(248.4deg);
-ms-transform: rotate(248.4deg);
-o-transform: rotate(248.4deg);
transform: rotate(248.4deg);
}
.c100.p70 .bar {
-webkit-transform: rotate(252deg);
-moz-transform: rotate(252deg);
-ms-transform: rotate(252deg);
-o-transform: rotate(252deg);
transform: rotate(252deg);
}
.c100.p71 .bar {
-webkit-transform: rotate(255.6deg);
-moz-transform: rotate(255.6deg);
-ms-transform: rotate(255.6deg);
-o-transform: rotate(255.6deg);
transform: rotate(255.6deg);
}
.c100.p72 .bar {
-webkit-transform: rotate(259.2deg);
-moz-transform: rotate(259.2deg);
-ms-transform: rotate(259.2deg);
-o-transform: rotate(259.2deg);
transform: rotate(259.2deg);
}
.c100.p73 .bar {
-webkit-transform: rotate(262.8deg);
-moz-transform: rotate(262.8deg);
-ms-transform: rotate(262.8deg);
-o-transform: rotate(262.8deg);
transform: rotate(262.8deg);
}
.c100.p74 .bar {
-webkit-transform: rotate(266.40000000000003deg);
-moz-transform: rotate(266.40000000000003deg);
-ms-transform: rotate(266.40000000000003deg);
-o-transform: rotate(266.40000000000003deg);
transform: rotate(266.40000000000003deg);
}
.c100.p75 .bar {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.c100.p76 .bar {
-webkit-transform: rotate(273.6deg);
-moz-transform: rotate(273.6deg);
-ms-transform: rotate(273.6deg);
-o-transform: rotate(273.6deg);
transform: rotate(273.6deg);
}
.c100.p77 .bar {
-webkit-transform: rotate(277.2deg);
-moz-transform: rotate(277.2deg);
-ms-transform: rotate(277.2deg);
-o-transform: rotate(277.2deg);
transform: rotate(277.2deg);
}
.c100.p78 .bar {
-webkit-transform: rotate(280.8deg);
-moz-transform: rotate(280.8deg);
-ms-transform: rotate(280.8deg);
-o-transform: rotate(280.8deg);
transform: rotate(280.8deg);
}
.c100.p79 .bar {
-webkit-transform: rotate(284.40000000000003deg);
-moz-transform: rotate(284.40000000000003deg);
-ms-transform: rotate(284.40000000000003deg);
-o-transform: rotate(284.40000000000003deg);
transform: rotate(284.40000000000003deg);
}
.c100.p80 .bar {
-webkit-transform: rotate(288deg);
-moz-transform: rotate(288deg);
-ms-transform: rotate(288deg);
-o-transform: rotate(288deg);
transform: rotate(288deg);
}
.c100.p81 .bar {
-webkit-transform: rotate(291.6deg);
-moz-transform: rotate(291.6deg);
-ms-transform: rotate(291.6deg);
-o-transform: rotate(291.6deg);
transform: rotate(291.6deg);
}
.c100.p82 .bar {
-webkit-transform: rotate(295.2deg);
-moz-transform: rotate(295.2deg);
-ms-transform: rotate(295.2deg);
-o-transform: rotate(295.2deg);
transform: rotate(295.2deg);
}
.c100.p83 .bar {
-webkit-transform: rotate(298.8deg);
-moz-transform: rotate(298.8deg);
-ms-transform: rotate(298.8deg);
-o-transform: rotate(298.8deg);
transform: rotate(298.8deg);
}
.c100.p84 .bar {
-webkit-transform: rotate(302.40000000000003deg);
-moz-transform: rotate(302.40000000000003deg);
-ms-transform: rotate(302.40000000000003deg);
-o-transform: rotate(302.40000000000003deg);
transform: rotate(302.40000000000003deg);
}
.c100.p85 .bar {
-webkit-transform: rotate(306deg);
-moz-transform: rotate(306deg);
-ms-transform: rotate(306deg);
-o-transform: rotate(306deg);
transform: rotate(306deg);
}
.c100.p86 .bar {
-webkit-transform: rotate(309.6deg);
-moz-transform: rotate(309.6deg);
-ms-transform: rotate(309.6deg);
-o-transform: rotate(309.6deg);
transform: rotate(309.6deg);
}
.c100.p87 .bar {
-webkit-transform: rotate(313.2deg);
-moz-transform: rotate(313.2deg);
-ms-transform: rotate(313.2deg);
-o-transform: rotate(313.2deg);
transform: rotate(313.2deg);
}
.c100.p88 .bar {
-webkit-transform: rotate(316.8deg);
-moz-transform: rotate(316.8deg);
-ms-transform: rotate(316.8deg);
-o-transform: rotate(316.8deg);
transform: rotate(316.8deg);
}
.c100.p89 .bar {
-webkit-transform: rotate(320.40000000000003deg);
-moz-transform: rotate(320.40000000000003deg);
-ms-transform: rotate(320.40000000000003deg);
-o-transform: rotate(320.40000000000003deg);
transform: rotate(320.40000000000003deg);
}
.c100.p90 .bar {
-webkit-transform: rotate(324deg);
-moz-transform: rotate(324deg);
-ms-transform: rotate(324deg);
-o-transform: rotate(324deg);
transform: rotate(324deg);
}
.c100.p91 .bar {
-webkit-transform: rotate(327.6deg);
-moz-transform: rotate(327.6deg);
-ms-transform: rotate(327.6deg);
-o-transform: rotate(327.6deg);
transform: rotate(327.6deg);
}
.c100.p92 .bar {
-webkit-transform: rotate(331.2deg);
-moz-transform: rotate(331.2deg);
-ms-transform: rotate(331.2deg);
-o-transform: rotate(331.2deg);
transform: rotate(331.2deg);
}
.c100.p93 .bar {
-webkit-transform: rotate(334.8deg);
-moz-transform: rotate(334.8deg);
-ms-transform: rotate(334.8deg);
-o-transform: rotate(334.8deg);
transform: rotate(334.8deg);
}
.c100.p94 .bar {
-webkit-transform: rotate(338.40000000000003deg);
-moz-transform: rotate(338.40000000000003deg);
-ms-transform: rotate(338.40000000000003deg);
-o-transform: rotate(338.40000000000003deg);
transform: rotate(338.40000000000003deg);
}
.c100.p95 .bar {
-webkit-transform: rotate(342deg);
-moz-transform: rotate(342deg);
-ms-transform: rotate(342deg);
-o-transform: rotate(342deg);
transform: rotate(342deg);
}
.c100.p96 .bar {
-webkit-transform: rotate(345.6deg);
-moz-transform: rotate(345.6deg);
-ms-transform: rotate(345.6deg);
-o-transform: rotate(345.6deg);
transform: rotate(345.6deg);
}
.c100.p97 .bar {
-webkit-transform: rotate(349.2deg);
-moz-transform: rotate(349.2deg);
-ms-transform: rotate(349.2deg);
-o-transform: rotate(349.2deg);
transform: rotate(349.2deg);
}
.c100.p98 .bar {
-webkit-transform: rotate(352.8deg);
-moz-transform: rotate(352.8deg);
-ms-transform: rotate(352.8deg);
-o-transform: rotate(352.8deg);
transform: rotate(352.8deg);
}
.c100.p99 .bar {
-webkit-transform: rotate(356.40000000000003deg);
-moz-transform: rotate(356.40000000000003deg);
-ms-transform: rotate(356.40000000000003deg);
-o-transform: rotate(356.40000000000003deg);
transform: rotate(356.40000000000003deg);
}
.c100.p100 .bar {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
.c100:hover {
cursor: default;
}
.c100:hover > span {
/* width: 3.33em;
line-height: 3.33em;
font-size: 0.3em;
color: #307bbb; */
width: 4.33em;
/* line-height: 3.33em; */
font-size: 16px;
color: #307bbb;
text-align: center;
top: 20px;
left :15px;
}
.c100:hover:after {
top: 0.04em;
left: 0.04em;
width: 0.92em;
height: 0.92em;
}
.c100.dark {
background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill {
border-color: #c6ff00 !important;
}
.c100.dark > span {
color: #777777;
}
.c100.dark:after {
background-color: #666666;
}
.c100.dark:hover > span {
color: #c6ff00;
}
.c100.green .bar,
.c100.green .fill {
border-color: #4db53c !important;
}
.c100.green:hover > span {
color: #4db53c;
}
.c100.green.dark .bar,
.c100.green.dark .fill {
border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
color: #5fd400;
}
.c100.orange .bar,
.c100.orange .fill {
border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
color: #dd9d22;
}
.c100.orange.dark .bar,
.c100.orange.dark .fill {
border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
color: #e08833;
}
/*-------------------------------------* HINT.css - A CSS tooltip library
\*-------------------------------------*/
/**
* HINT.css is a tooltip library made in pure CSS.
*
* Source: https://github.com/chinchang/hint.css
* Demo: http://kushagragour.in/lab/hint/
*
* Release under The MIT License
*
*/
/**
* source: hint-core.scss
*
* Defines the basic styling for the tooltip.
* Each tooltip is made of 2 parts:
* 1) body (:after)
* 2) arrow (:before)
*
* Classes added:
* 1) hint
*/
.hint,[data-hint] {
position: relative;
display: inline-block;
/**
* tooltip arrow
*/
/**
* tooltip body
*/
}
.hint:before,.hint:after,[data-hint]:before,[data-hint]:after {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
transition-delay: 0ms;
}
.hint:hover:before,.hint:hover:after,.hint:focus:before,.hint:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after
{
visibility: visible;
opacity: 1;
}
.hint:hover:before,.hint:hover:after,[data-hint]:hover:before,[data-hint]:hover:after
{
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
transition-delay: 100ms;
}
.hint:before,[data-hint]:before {
content: '';
position: absolute;
background: transparent;
border: 6px solid transparent;
z-index: 1000001;
}
.hint:after,[data-hint]:after {
content: attr(data-hint);
background: #383838;
color: white;
padding: 8px 10px;
font-size: 12px;
line-height: 12px;
white-space: nowrap;
}
/**
* source: hint-position.scss
*
* Defines the positoning logic for the tooltips.
*
* Classes added:
* 1) hint--top
* 2) hint--bottom
* 3) hint--left
* 4) hint--right
*/
/**
* set default color for tooltip arrows
*/
.hint--top:before {
border-top-color: #383838;
}
.hint--bottom:before {
border-bottom-color: #383838;
}
.hint--left:before {
border-left-color: #383838;
}
.hint--right:before {
border-right-color: #383838;
}
/**
* top tooltip
*/
.hint--top:before {
margin-bottom: -12px;
}
.hint--top:after {
margin-left: -18px;
}
.hint--top:before,.hint--top:after {
bottom: 100%;
left: 50%;
}
.hint--top:hover:after,.hint--top:hover:before,.hint--top:focus:after,.hint--top:focus:before
{
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
/**
* bottom tooltip
*/
.hint--bottom:before {
margin-top: -12px;
}
.hint--bottom:after {
margin-left: -18px;
}
.hint--bottom:before,.hint--bottom:after {
top: 100%;
left: 50%;
}
.hint--bottom:hover:after,.hint--bottom:hover:before,.hint--bottom:focus:after,.hint--bottom:focus:before
{
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
/**
* right tooltip
*/
.hint--right:before {
margin-left: -12px;
margin-bottom: -6px;
}
.hint--right:after {
margin-bottom: -14px;
}
.hint--right:before,.hint--right:after {
left: 100%;
bottom: 50%;
}
.hint--right:hover:after,.hint--right:hover:before,.hint--right:focus:after,.hint--right:focus:before
{
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
}
/**
* left tooltip
*/
.hint--left:before {
margin-right: -12px;
margin-bottom: -6px;
}
.hint--left:after {
margin-bottom: -14px;
}
.hint--left:before,.hint--left:after {
right: 100%;
bottom: 50%;
}
.hint--left:hover:after,.hint--left:hover:before,.hint--left:focus:after,.hint--left:focus:before
{
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
/**
* source: hint-theme.scss
*
* Defines basic theme for tooltips.
*
*/
.hint,[data-hint] { /**
* tooltip body
*/
}
.hint:after,[data-hint]:after {
text-shadow: 0 -1px 0px black;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}
/**
* source: hint-color-types.scss
*
* Contains tooltips of various types based on color differences.
*
* Classes added:
* 1) hint--error
* 2) hint--warning
* 3) hint--info
* 4) hint--success
*
*/
/**
* Error
*/
.hint--error:after {
background-color: #b34e4d;
text-shadow: 0 -1px 0px #592726;
}
.hint--error.hint--top:before {
border-top-color: #b34e4d;
}
.hint--error.hint--bottom:before {
border-bottom-color: #b34e4d;
}
.hint--error.hint--left:before {
border-left-color: #b34e4d;
}
.hint--error.hint--right:before {
border-right-color: #b34e4d;
}
/**
* Warning
*/
.hint--warning:after {
background-color: #c09854;
text-shadow: 0 -1px 0px #6c5328;
}
.hint--warning.hint--top:before {
border-top-color: #c09854;
}
.hint--warning.hint--bottom:before {
border-bottom-color: #c09854;
}
.hint--warning.hint--left:before {
border-left-color: #c09854;
}
.hint--warning.hint--right:before {
border-right-color: #c09854;
}
/**
* Info
*/
.hint--info:after {
background-color: #3986ac;
text-shadow: 0 -1px 0px #193b4d;
}
.hint--info.hint--top:before {
border-top-color: #3986ac;
}
.hint--info.hint--bottom:before {
border-bottom-color: #3986ac;
}
.hint--info.hint--left:before {
border-left-color: #3986ac;
}
.hint--info.hint--right:before {
border-right-color: #3986ac;
}
/**
* Success
*/
.hint--success:after {
background-color: #458746;
text-shadow: 0 -1px 0px #1a321a;
}
.hint--success.hint--top:before {
border-top-color: #458746;
}
.hint--success.hint--bottom:before {
border-bottom-color: #458746;
}
.hint--success.hint--left:before {
border-left-color: #458746;
}
.hint--success.hint--right:before {
border-right-color: #458746;
}
/**
* source: hint-always.scss
*
* Defines a persisted tooltip which shows always.
*
* Classes added:
* 1) hint--always
*
*/
.hint--always:after,.hint--always:before {
opacity: 1;
visibility: visible;
}
.hint--always.hint--top:after,.hint--always.hint--top:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--always.hint--bottom:after,.hint--always.hint--bottom:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--always.hint--left:after,.hint--always.hint--left:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
.hint--always.hint--right:after,.hint--always.hint--right:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
}
/**
* source: hint-rounded.scss
*
* Defines rounded corner tooltips.
*
* Classes added:
* 1) hint--rounded
*
*/
.hint--rounded:after {
border-radius: 4px;
}
/**
* source: hint-effects.scss
*
* Defines various transition effects for the tooltips.
*
* Classes added:
* 1) hint--no-animate
* 2) hint--bounce
*
*/
.hint--no-animate:before,.hint--no-animate:after {
-webkit-transition-duration: 0ms;
-moz-transition-duration: 0ms;
transition-duration: 0ms;
}
.hint--bounce:before,.hint--bounce:after {
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease,
-webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform
0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s
cubic-bezier(0.71, 1.7, 0.77, 1.24);
}
/**
* based on hint.css with html content support
*/
.hint--html.hint:after {
display: none;
opacity: 0;
}
.hint__content { /* background: #383838; */
/* background: rgb(243, 255, 255); */
background: rgb(247, 197, 143);
color: white;
padding: 8px 10px;
font-size: 12px;
font-family: 'MuseoLight', sans-serif;
line-height: 15px;
}
.hint .hint__content,[data-hint] .hint__content {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
transition-delay: 0ms;
}
.hint:hover .hint__content,.hint:focus .hint__content,[data-hint]:hover .hint__content,[data-hint]:focus .hint__content
{
visibility: visible;
opacity: 1;
}
.hint:hover .hint__content,[data-hint]:hover .hint__content {
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
transition-delay: 100ms;
}
.hint.hint--notrans:before,.hint.hint--notrans:after,[data-hint].hint--notrans:before,[data-hint].hint--notrans:after
{
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.hint.hint--notrans .hint__content,[data-hint].hint--notrans .hint__content
{
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
/**
* top tooltip
*/
.hint--top:before,.hint--top:after {
left: calc(50% - 6px);
}
.hint--top .hint__content {
margin-left: -18px;
}
.hint--top .hint__content {
bottom: 100%;
left: 50%;
left: calc(50% - 6px);
}
.hint--top .hint__content:after {
content: ' ';
position: absolute;
top: 100%;
left: 0;
height: 12px;
width: 100%;
opacity: 0;
background-color: red;
}
.hint--top:hover .hint__content,.hint--top:focus .hint__content {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
/**
* bottom tooltip
*/
.hint--bottom:before,.hint--bottom:after {
left: calc(50% - 6px);
}
.hint--bottom .hint__content {
margin-left: -18px;
}
.hint--bottom .hint__content {
top: 100%;
left: calc(50% - 6px);
}
.hint--bottom .hint__content:after {
content: ' ';
position: absolute;
top: -12px;
left: 0;
height: 12px;
width: 100%;
opacity: 0;
background-color: red;
}
.hint--bottom:hover .hint__content,.hint--bottom:focus .hint__content {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
/**
* right tooltip
*/
.hint--right .hint__content {
margin-bottom: -14px;
}
.hint--right .hint__content {
left: 100%;
bottom: 50%;
}
.hint--right .hint__content:after {
content: ' ';
position: absolute;
left: -12px;
top: 0;
height: 100%;
width: 12px;
opacity: 0;
background-color: red;
}
.hint--right:hover .hint__content,.hint--right:focus .hint__content {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
}
/**
* left tooltip
*/
.hint--left .hint__content {
margin-bottom: -14px;
}
.hint--left .hint__content {
right: 100%;
bottom: 50%;
}
.hint--left .hint__content:after {
content: ' ';
position: absolute;
left: 100%;
top: 0;
height: 100%;
width: 12px;
opacity: 0;
background-color: red;
}
.hint--left:hover .hint__content,.hint--left:focus .hint__content {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
/**
* Error
*/
.hint--error .hint__content {
background-color: #b34e4d;
}
.hint--error.hint--top:before {
border-top-color: #b34e4d;
}
.hint--error.hint--bottom:before {
border-bottom-color: #b34e4d;
}
.hint--error.hint--left:before {
border-left-color: #b34e4d;
}
.hint--error.hint--right:before {
border-right-color: #b34e4d;
}
/**
* Warning
*/
.hint--warning .hint__content {
background-color: #c09854;
}
.hint--warning.hint--top:before {
border-top-color: #c09854;
}
.hint--warning.hint--bottom:before {
border-bottom-color: #c09854;
}
.hint--warning.hint--left:before {
border-left-color: #c09854;
}
.hint--warning.hint--right:before {
border-right-color: #c09854;
}
/**
* Info
*/
.hint--info .hint__content {
background-color: #3986ac;
}
.hint--info.hint--top:before {
border-top-color: #3986ac;
}
.hint--info.hint--bottom:before {
border-bottom-color: #3986ac;
}
.hint--info.hint--left:before {
border-left-color: #3986ac;
}
.hint--info.hint--right:before {
border-right-color: #3986ac;
}
/**
* Success
*/
.hint--success .hint__content {
background-color: #458746;
}
.hint--success.hint--top:before {
border-top-color: #458746;
}
.hint--success.hint--bottom:before {
border-bottom-color: #458746;
}
.hint--success.hint--left:before {
border-left-color: #458746;
}
.hint--success.hint--right:before {
border-right-color: #458746;
}
.hint.hint--hidden:hover:after,.hint.hint--hidden:hover:before {
opacity: 1;
visibility: hidden;
}
.hint.hint--hidden:hover .hint__content {
opacity: 0;
visibility: hidden;
}
.hint--always .hint__content {
opacity: 1;
visibility: visible;
}
.hint--always.hint--top .hint__content {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.hint--always.hint--bottom .hint__content {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.hint--always.hint--left .hint__content {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
.hint--always.hint--right .hint__content {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
}
.cardDataDiv {
width: 230px;
margin: 5px;
}
.spandiv
{
align:center;
font-size: 20px;
}
/*Add New Css By Dhanendra on 28-07-15 */
.cardViewTable
{
color: gray;
}
/*Add By Swati on Date 16-05-16*/
.cardViewTableVer
{
padding-top:0px;
color: gray;
font-size:16px;
}
.cardViewTableHor
{
padding-top:10px;
padding-bottom:10px;
color: gray;
padding-right:265px;
margin-left:2px
}
/*End By Swati on Date 16-05-16*/
.topAlign
{
vertical-align: top;
}
.marginTop
{
margin-top: 5px;
}
/* .internalSpan
{
color: #000 !important;
font-size: 25px !important;
left: -12px !important;
top: 25px !important;
}
*/
.internalSpan {
color: #000 !important;
/* font-size: 25px !important; */
font-size: 10px !important;
/* left: 3px !important; */
/* top: 32px !important; */
left: 1px !important;
top: 14px !important;
}
/* Suraj */
.internalSpan-red{
left: 2px !important;
top: 2px !important;
background-color: red;
border-radius: 50%;
height: 90%;
width: 90% !important;
color: transparent !important;
}
.internalSpan-yellow{
left: 2px !important;
top: 2px !important;
background-color: yellow;
border-radius: 50%;
height: 90%;
width: 90% !important;
color: transparent !important;
}
.internalSpan-green{
left: 2px !important;
top: 2px !important;
background-color: green;
border-radius: 50%;
height: 90%;
width: 90% !important;
color: transparent !important;
}
.circleNotDisplay {
position: relative;
font-size: 92px;
width: 1em;
height: 1em;
border-radius: 50%;
margin: 0 auto;
}
.circleNotDisplay > span {
position: absolute;
width: 100%;
z-index: 1;
/* left: 0;
top: 0; */
left: 14px;
top: 22px;
width: 5em;
/* line-height: 5em; */
/* font-size: 0.2em; */
font-size:13px;
color: #cccccc;
display: block;
text-align: center;
white-space: nowrap;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
/*End New Css By Dhanendra on 28-07-15 */
/*Start New Css for Animation circle view By Nikhil on 17-05-16 */
/* Load animation */
@-webkit-keyframes
load { 0% {
stroke-dashoffset:0
}
}
@-moz-keyframes
load { 0% {
stroke-dashoffset:0
}
}
@keyframes
load { 0% {
stroke-dashoffset:0
}
}
/* Container */
.progress {
position: relative;
display: inline-block;
padding: 0;
text-align: center;
padding-left:1px;
}
/* Item */
.progress>li {
display: inline-block;
position: relative;
text-align: center;
color: black;
font-family: Lato;
font-weight: 100;
/* Remove margin for circular card view for serdia on dated 18-05-16 */
/* margin: 2rem; */
}
.progress>li:before {
content: attr(data-name);
position: absolute;
width: 100%;
bottom: -2rem;
font-weight: 400;
}
.progress>li:after {
content: attr(data-percent);
position: absolute;
width: 100%;
top: 3.7rem;
left: 0;
font-size: 2rem;
text-align: center;
}
.progress svg {
width: 10rem;
height: 10rem;
}
.progress svg:nth-child(2) {
position: absolute;
left: 0;
top: 0;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}
.progress svg:nth-child(2) path {
fill: none;
stroke-width: 25;
stroke-dasharray: 629;
stroke: rgba(255, 255, 255, 0.9);
-webkit-animation: load 2s;
-moz-animation: load 2s;
-o-animation: load 2s;
animation: load 2s;
}
/*End New Css for Animation circle view By Nikhil on 17-05-16 */
/*Start Animation Circle Css Small Size By Nikhil On Date 06-06-2016*/
.animationSmallCircle {
position: relative;
display: inline-block;
padding: 0;
text-align: center;
padding-left:1px;
margin-top:0;
}
.animationSmallCircle>li {
display: inline-block;
position: relative;
text-align: center;
color: black;
font-family: Lato;
font-weight: 100;
}
.animationSmallCircle>li:before {
content: attr(data-name);
position: absolute;
width: 100%;
bottom: -11px;
font-weight: 400;
}
.animationSmallCircle>li:after {
content: attr(data-percent);
position: absolute;
width: 100%;
top: 2.9rem;
left: 0;
font-size: 2rem;
text-align: center;
}
.animationSmallCircle svg {
width: 7rem;
height: 8rem;
}
.animationSmallCircle svg:nth-child(2) {
position: absolute;
left: 0;
top: 0;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
}
.animationSmallCircle svg:nth-child(2) path {
fill: none;
stroke-width: 25;
stroke-dasharray: 629;
stroke: rgba(255, 255, 255, 0.9);
-webkit-animation: load 2s;
-moz-animation: load 2s;
-o-animation: load 2s;
animation: load 2s;
}
/*End Animation Circle Css Small Size By Nikhil On Date 06-06-2016*/
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