From 4aa9fccca6a451f50f030c99a91461d00463620c Mon Sep 17 00:00:00 2001
From: John Woodlock <john.woodlock@gmail.com>
Date: Tue, 3 Jul 2012 11:18:14 +1000
Subject: [PATCH] wip javascript

---
 tempjpwNow/IndivLendHome.html                 | 13 ++-
 tempjpwNow/resources/jsrenderExtra.js         | 99 +++++++++++++++++++
 .../stretchyreporting-0.987.js                | 14 ++-
 3 files changed, 119 insertions(+), 7 deletions(-)

diff --git a/tempjpwNow/IndivLendHome.html b/tempjpwNow/IndivLendHome.html
index c7e76fc11..4ab7ab8a3 100644
--- a/tempjpwNow/IndivLendHome.html
+++ b/tempjpwNow/IndivLendHome.html
@@ -13,6 +13,9 @@
 <link rel="stylesheet" type="text/css" href="resources/libs/jquery-ui-1.8.16.custom/css/smoothness/jquery-ui-1.8.16.custom.css" />
 <link rel="stylesheet" type="text/css" href="resources/excel/excel-2007.css" />
 
+<link rel="stylesheet" type="text/css" href="resources/stretchyreporting/stretchyreporting.css">
+
+
 <script type="text/javascript" src="resources/libs/jquery-1.7.min.js"></script>
 <script type="text/javascript" src="resources/libs/jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js"></script>
 <script type="text/javascript" src="resources/libs/DataTables-1.8.2/media/js/jquery.dataTables.min.js"></script>
@@ -26,6 +29,9 @@
 <script type="text/javascript" src="resources/libs/globalize/globalize.js"></script>
 <script type="text/javascript" src="resources/stretchydata-0.95.js"></script>
 
+<script type="text/javascript" src="resources/stretchyreporting/stretchyreporting-0.987.js"></script>
+<script type="text/javascript" src="https://www.google.com/jsapi"></script>
+
 
 </head>
 <body>
@@ -871,6 +877,9 @@
 	display: none;
 }
 
+#toptable {
+	display: none;
+}
 </style>
 
 <div id="logonDiv"></div>
@@ -882,10 +891,10 @@
 	</div>
 	<div id="navwrapper">
 	<ul id="nav" class="floatleft">
-		<li><a href="unknown.html" onclick="showILClientListing(baseApiUrl);return false ;">Clients</a></li>
+		<li><a href="unknown.html" onclick="showILClientListing(baseApiUrl);return false;">Clients</a></li>
 		<li><a href="org/admin/user">User Administration</a></li>
 		<li><a href="org/admin">Organisation Administration</a></li>
-		<li><a href="reporting/flexireport">Reports</a></li>
+		<li><a href="unknown.html" onclick="showILReporting();return false;">Reports</a></li>
 	</ul>
 	<ul id="nav" class="floatright">
 		<li class="dmenu"><a href="#">Theme</a>
diff --git a/tempjpwNow/resources/jsrenderExtra.js b/tempjpwNow/resources/jsrenderExtra.js
index 8b5a528ec..4b0a74443 100644
--- a/tempjpwNow/resources/jsrenderExtra.js
+++ b/tempjpwNow/resources/jsrenderExtra.js
@@ -81,6 +81,7 @@ function setBasicAuthKey(apiUrl, logonDivName, username, password)
 
 
 
+
 function setClientListingContent(divName) {
 	var htmlVar = '<button id="addclient" style="clear: both;">Add a new client</button>';
 	htmlVar += '<div id="tabs"><ul><li><a href="#searchtab" title="searchtab">Search</a></li></ul><div id="searchtab"></div></div>';
@@ -103,6 +104,48 @@ function setAddLoanContent(divName) {
 }
 
 
+function setReportingContent(divName) {
+
+	var htmlVar = '<table id=toptable>';
+ 	htmlVar += '<tr>';
+ 	htmlVar += '  <td valign="top"><div id=myListOfReports></div></td>';
+ 	htmlVar += '  <td valign="bottom"><div id=myInputParameters></div></td>';
+ 	htmlVar += '  <td valign="top"><div id=myRunReportButton></div></td>';
+ 	htmlVar += '  <td valign="top"><div id=myClearReportButton></div></td>';
+ 	htmlVar += '  <td valign="bottom">';
+ 	htmlVar += '		<select id=decimalsChoice onChange="selectNewDecimals(options[selectedIndex].value)" >';
+ 	htmlVar += '		<option value="" selected="selected">Decimals</option>';
+ 	htmlVar += '		<option value="4">4</option>';
+ 	htmlVar += '		<option value="3">3</option>';
+ 	htmlVar += '		<option value="2">2</option>';
+ 	htmlVar += '		<option value="1">1</option>';
+ 	htmlVar += '		<option value="0">0</option>';
+ 	htmlVar += '		<option value="-1">-1</option>';
+ 	htmlVar += '		<option value="-2">-2</option>';
+ 	htmlVar += '		<option value="-3">-3</option>';
+ 	htmlVar += '		</select>';
+ 	htmlVar += '   </td>';
+ 	htmlVar += '  <td valign="bottom">';
+ 	htmlVar += '		<select id=decimalsThousandsSep onChange="selectNewThousandsSep(options[selectedIndex].value)" >';
+ 	htmlVar += '		<option value="" selected="selected">Format</option>';
+ 	htmlVar += '		<option value=",.">1,234,567.89</option>';
+ 	htmlVar += '		<option value=".,">1.234.567,89</option>';
+ 	htmlVar += '		<option value=" ,">1 234 567,89</option>';
+ 	htmlVar += '		<option value=" .">1 234 567.89</option>';
+ 	htmlVar += '		<option value=".' + "'" + '">1.234.567' + "'" + '89</option>';
+ 	htmlVar += '		<option value="' + "'" + ',">1'+ "'" + '234' + "'" + '567,89</option>';
+ 	htmlVar += '		<option value="INDIAN">Indian 12,34,567.89</option>';
+ 	htmlVar += '		<option value="NONE">None 1234567.89</option>';
+ 	htmlVar += '		</select>';
+ 	htmlVar += '   </td>';
+ 	htmlVar += ' </tr>';
+ 	htmlVar += '</table>';
+ 	htmlVar += '<div id=myOutput></div>'; 
+
+	$("#" + divName).html(htmlVar);
+}
+
+
 
 
 
@@ -1041,3 +1084,59 @@ function loadILLoan(baseApiUrl, loanId) {
 
 }
 
+
+
+
+
+
+
+
+/* reports code */
+
+function showILReporting() {
+	setReportingContent("content");
+
+var reportingParams = {
+	RESTUrl: baseApiUrl + "reports",
+	basicAuthKey: base64,
+	pentahoUrl: baseApiUrl + "pentahoreport",
+	bundleDir: "resources/stretchyreporting/mifosngbundle/",
+	reportsListDiv: "myListOfReports",
+	runReportDiv: "myRunReportButton",
+	clearReportDiv: "myClearReportButton",
+	inputParametersDiv: "myInputParameters",
+	reportOutputDiv: "myOutput",
+	indianFormat: false,
+	highlightMissingXlations: "N",
+	loadingImg: "resources/stretchyreporting/dots64.gif",
+	resValue: "resources/libs/"
+};
+
+	jQuery.stretchyReporting.initialise(reportingParams);
+
+	$("#toptable").slideToggle("slow");
+
+}
+
+function selectNewDecimals(selectedVal) {
+	if (!(selectedVal == "")) jQuery.stretchyReporting.changeDecimals(selectedVal);
+}
+
+function selectNewThousandsSep(selectedVal) {
+
+	if (!(selectedVal == "")) 
+	{
+
+		switch(selectedVal )
+		{
+			case "INDIAN":
+				jQuery.stretchyReporting.changeSeparator(",", ".", true);
+  				break;
+			case "NONE":
+				jQuery.stretchyReporting.changeSeparator("", ".", false);
+  				break;
+			default:
+				jQuery.stretchyReporting.changeSeparator(selectedVal.substr(0,1), selectedVal.substr(1,1), false);
+		}
+	}
+}
diff --git a/tempjpwNow/resources/stretchyreporting/stretchyreporting-0.987.js b/tempjpwNow/resources/stretchyreporting/stretchyreporting-0.987.js
index 6d29983c8..ab0f9aa11 100644
--- a/tempjpwNow/resources/stretchyreporting/stretchyreporting-0.987.js
+++ b/tempjpwNow/resources/stretchyreporting/stretchyreporting-0.987.js
@@ -3,6 +3,7 @@
 $.stretchyReporting = {};
     
 $.stretchyReporting.initialise  = function(params) {
+
 					initialiseReporting(params)
 				};
 
@@ -60,7 +61,6 @@ function initialiseReporting(params) {
 	bundleDir = 'bundle/';
 	if (params.bundleDir) bundleDir = params.bundleDir;
 
-
 	highlightMissingXlations = "Y";
  	if (params.highlightMissingXlations) highlightMissingXlations = params.highlightMissingXlations;
 
@@ -139,10 +139,7 @@ function initialiseReporting(params) {
 		showMsg("OAuth params were not passed");
 	}
  	
-
-// google charts
-      google.load("visualization", "1", {packages:["corechart"]});
-      // google.load('visualization', '1', {packages:['table']});
+	googleLoaded = false;
 
 	reportListing = [];
 	listOfParameters = [];
@@ -765,6 +762,13 @@ return 'var selectSuccess = function(data, textStatus,jqXHR){' +
 
 function createChart(theData) {
 
+	if (googleLoaded == false) 
+	{
+		google.load("visualization", "1", {packages:["corechart"]});
+		googleLoaded = true;
+	}
+
+
 	RData = new google.visualization.DataTable();
       RData.addColumn('string', dataTableDef.aoColumns[0].sTitle);
       RData.addColumn('number', dataTableDef.aoColumns[1].sTitle);