From 63c91e38a9418942929e515b9fbcf80613787a2f Mon Sep 17 00:00:00 2001
From: John Woodlock <john.woodlock@gmail.com>
Date: Thu, 5 Jul 2012 02:54:25 +1000
Subject: [PATCH] wip javascript

---
 tempjpwNow/IndivLendHome.html         |  18 ++--
 tempjpwNow/resources/jsrenderExtra.js | 137 ++++++++++++++++++++++++--
 2 files changed, 136 insertions(+), 19 deletions(-)

diff --git a/tempjpwNow/IndivLendHome.html b/tempjpwNow/IndivLendHome.html
index 0ed44f9a0..1e693d8ee 100644
--- a/tempjpwNow/IndivLendHome.html
+++ b/tempjpwNow/IndivLendHome.html
@@ -1278,10 +1278,10 @@
 <table id='entitytable' width='100%'>
 <thead>
 	<tr>
-		<th><spring:message code="table.heading.officename"/></th>
-		<th><spring:message code="table.heading.username"/></th>
-        <th><spring:message code="table.heading.name"/></th>
-		<th><spring:message code="table.heading.email"/></th>
+		<th>{{=$ctx.doI18N("table.heading.officename")}}</th>
+		<th>{{=$ctx.doI18N("table.heading.username")}}</th>
+        	<th>{{=$ctx.doI18N("table.heading.name")}}</th>
+		<th>{{=$ctx.doI18N("table.heading.email")}}</th>
 		<th>&nbsp;</th>
 	</tr>
 </thead>
@@ -1293,10 +1293,8 @@
     <td>{{=lastname}}, {{=firstname}}</td>
 	<td>{{=email}}</td>
 	<td>
-		<a id='edit{{=id}}' class='edit' href='#' style='margin-right: 5px;'><spring:message code="link.action.product.viewedit"/></a>
-        <!--
-		<a id='delete{{=id}}' class='delete' href='#' style='margin-right: 5px;'><spring:message code="link.action.product.delete"/></a>
-        -->
+		<a id='edit{{=id}}' class='edit' href='#' style='margin-right: 5px;'>{{=$ctx.doI18N("link.action.product.viewedit")}}</a>
+		<a id='delete{{=id}}' class='delete' href='#' style='margin-right: 5px;'>{{=$ctx.doI18N("link.action.product.delete")}}</a>
 	</td>
 </tr>
 {{/each}}
@@ -1308,7 +1306,7 @@
 <form id="entityform">
     <div id="formerrors"></div>
 	<fieldset>
-		<legend><spring:message code="form.legend.user.details"/></legend>
+		<legend>{{=$ctx.doI18N("form.legend.user.details")}}</legend>
 
 		<label for="username"><spring:message code="form.label.user.username"/></label>
 		<input id="username" name="username" title="" type="text" value="{{=username}}" size="75"/>
@@ -1465,10 +1463,8 @@
 <script>
 $(document).ready(function() {
 
-
 	baseApiUrl = "https://localhost:8443/mifosng-provider/api/v1/";
 
-
     	// default to 'en' culture - no need to import extra javascript files for globalize.js or datapicker
     	Globalize.culture('en');
     	
diff --git a/tempjpwNow/resources/jsrenderExtra.js b/tempjpwNow/resources/jsrenderExtra.js
index 7a93ec353..47b59bbbf 100644
--- a/tempjpwNow/resources/jsrenderExtra.js
+++ b/tempjpwNow/resources/jsrenderExtra.js
@@ -129,6 +129,31 @@ function setOrgAdminContent(divName) {
 	$("#" + divName).html(htmlVar);
 }
 
+function setUserAdminContent(divName) {
+
+	var addLoanProductUrl = "maintainLoanProduct('loanproducts/template', 'loanproducts', 'POST', 'dialog.title.add.loan.product');return false;";
+	var addOfficeUrl = "maintainOffice('offices/template', 'offices', 'POST', 'dialog.title.add.office');return false;";
+	var orgCurrenciesUrl = "maintainOrgCurrencies('configurations/currency', 'configurations/currency', 'PUT', 'dialog.title.configuration.currencies');return false;";
+	var htmlVar = '<div id="inputarea"></div><div id="schedulearea"></div>'
+
+	var htmlVar = '<div>';
+	htmlVar += '<span style="float: left">';
+	htmlVar += '	<a href="unknown.html" onclick="refreshUsersView();return false;" id="listusers">' + doI18N("administration.link.view.users") + '</a>';
+	htmlVar += ' | ';
+	htmlVar += '	<a href="unknown.html" onclick="' + addLoanProductUrl + '" id="adduser">' + doI18N("administration.link.add.user") + '</a>';
+	htmlVar += ' | ';
+	htmlVar += '	<a href="unknown.html" onclick="refreshOfficesView();return false;" id="listroles">' + doI18N("administration.link.view.roles") + '</a>';
+	htmlVar += ' | ';
+	htmlVar += '	<a href="unknown.html" onclick="' + addOfficeUrl + '" id="addrole">' + doI18N("administration.link.add.role") + '</a>';
+	htmlVar += ' | ';
+	htmlVar += '	<a href="unknown.html" onclick="' + orgCurrenciesUrl + '" id="listpermissions">' + doI18N("administration.link.view.permissions") + '</a>';
+	htmlVar += '</span>';
+	htmlVar += '</div>';
+	htmlVar += '<br><br>';
+	htmlVar += '<div id="contentplaceholder" ></div>';
+	$("#" + divName).html(htmlVar);
+}
+
 
 function setReportingContent(divName) {
 
@@ -381,7 +406,7 @@ function jsViewsRegisterHelpers() {
 	    var o = {};
 	    var a = this.serializeArray();
 	    $.each(a, function() {
-	    	if (this.name === 'notSelectedCurrencies') {
+	    	if (this.name === 'notSelectedCurrencies' || this.name === 'notSelectedPermissions' || this.name === 'notSelectedRoles') {
 	    		// do not serialize
 	    	} else  {
 
@@ -392,7 +417,7 @@ function jsViewsRegisterHelpers() {
 	            o[this.name].push(this.value || '');
 	        } else {
 	        	
-	        	if (this.name === 'selectedItems' || this.name === 'notSelectedItems' || this.name === 'currencies') {
+	        	if (this.name === 'selectedItems' || this.name === 'notSelectedItems' || this.name === 'currencies' || this.name === 'permissions' || this.name === 'roles') {
 	        		o[this.name] = new Array();
 	        		o[this.name].push(this.value || '');
 	        	} else {
@@ -425,6 +450,23 @@ function jsViewsRegisterHelpers() {
 				var buttonsOpts = {};
 				buttonsOpts[saveButton] = function() {
 					
+					$('#notSelectedPermissions option').each(function(i) {  
+						$(this).attr("selected", "selected");  
+					});
+				    	
+				    	$('#permissions option').each(function(i) {  
+				    	   	$(this).attr("selected", "selected");  
+				    	});
+
+
+				    	$('#notSelectedRoles option').each(function(i) {  
+						$(this).attr("selected", "selected");  
+					});
+				    	$('#roles option').each(function(i) {  
+				    	   	$(this).attr("selected", "selected");  
+				    	});
+					
+
 					$('#notSelectedItems option').each(function(i) {  
 				    	   $(this).attr("selected", "selected");  
 				    	});
@@ -460,7 +502,26 @@ function jsViewsRegisterHelpers() {
 				  			$(this).remove();
 						},
 				  		open: function (event, ui) {
+/*
 
+				  		    if (roles) {
+					  			$('#add').click(function() {  
+					  			     return !$('#notSelectedPermissions option:selected').remove().appendTo('#permissions');  
+					  			});
+					  			
+					  			$('#remove').click(function() {  
+					  				return !$('#permissions option:selected').remove().appendTo('#notSelectedPermissions');  
+					  			});
+				  			} else {
+				  				$('#add').click(function() {  
+					  			     return !$('#notSelectedRoles option:selected').remove().appendTo('#roles');  
+					  			});
+					  			
+					  			$('#remove').click(function() {  
+					  				return !$('#roles option:selected').remove().appendTo('#notSelectedRoles');  
+					  			});
+				  			}
+*/
 				  			$('#add').click(function() {  
 				  			     return !$('#notSelectedItems option:selected').remove().appendTo('#selectedItems');  
 				  			});
@@ -1140,14 +1201,76 @@ function loadILLoan(loanId) {
 
 /* user admin code */
 
+	function showILUserAdmin() {
+		setUserAdminContent("content");
+	}
+
+	function refreshUsersView() {
+				
+		var successFunction = function(data, textStatus, jqXHR) {
+				var usersObject = new Object();
+				usersObject.users = data;
+				var usersListHtml = $("#usersListTemplate").render(usersObject);
+				$("#contentplaceholder").html(usersListHtml);  
+				
+				$("a.edit").click( function(e) {
+					var linkId = this.id;
+					var entityId = linkId.replace("edit", "");
+					var getUrl = 'users/' + entityId + '?template=true';
+					var putUrl = 'users/' + entityId;
+					maintainUser(getUrl, putUrl, 'PUT', "dialog.title.edit.details");
+					e.preventDefault();
+				});
+				
+				$("a.delete").click( function(e) {
+					//var linkId = this.id;
+					//var entityId = linkId.replace("delete", "");
+					showNotAvailableDialog('dialog.title.functionality.not.available');
+					e.preventDefault();
+				});
+				
+				var oTable = $("#entitytable").dataTable( {
+					"bSort": true,
+					"bInfo": true,
+					"bJQueryUI": true,
+					"bRetrieve": false,
+					"bScrollCollapse": false,
+					"bPaginate": false,
+					"bLengthChange": false,
+					"bFilter": false,
+					"bAutoWidth": false,
+				} );
+			  };
+
+  		executeAjaxRequest('users', 'GET', "", successFunction, formErrorFunction);
+	}
+	
+
+	function maintainUser(getUrl, putOrPostUrl, submitType, dialogTitle) {
+
+		var templateSelector = "#userFormTemplate";
+		var width = 1000; 
+		var height = 550;
+					
+		var saveSuccessFunction = function(data, textStatus, jqXHR) {
+			$("#dialog-form").dialog("close");
+			refreshUsersView();
+		}		
+		popupDialogWithFormView(getUrl, putOrPostUrl, submitType, dialogTitle, templateSelector, width, height, saveSuccessFunction);
+	}
+
+
+
+
+
+/* org admin code */
+
 	function showILOrgAdmin() {
 		setOrgAdminContent("content");
 	}
 
 
 	function refreshLoanProductsView() {
-
-		var url = 'loanproducts';
  
 		var successFunction = function(data, textStatus, jqXHR) {
 				
@@ -1193,7 +1316,7 @@ function loadILLoan(loanId) {
 				});
 			  };
 
-  		executeAjaxRequest(url, 'GET', "", successFunction, formErrorFunction);
+  		executeAjaxRequest('loanproducts', 'GET', "", successFunction, formErrorFunction);
 	}
 
 	function maintainLoanProduct(getUrl, putOrPostUrl, submitType, dialogTitle) {
@@ -1212,7 +1335,6 @@ function loadILLoan(loanId) {
 
 	function refreshOfficesView() {
 
-		var url = 'offices';
 		var successFunction = function(data, textStatus, jqXHR) {
 				
 				var officelistParent = new Object();
@@ -1251,8 +1373,7 @@ function loadILLoan(loanId) {
 				} );
 			  };
 		
-  		executeAjaxRequest(url, 'GET', "", successFunction, formErrorFunction);
-
+  		executeAjaxRequest('offices', 'GET', "", successFunction, formErrorFunction);
 	}
 	
 	function maintainOffice(getUrl, putOrPostUrl, submitType, dialogTitle) {