CBSNexora/cbsnexora-backend
4
0
Fork 0
Code Issues Pull Requests Actions 46 Packages Projects Releases Wiki Activity

wip javascript

Browse Source
This commit is contained in:
John Woodlock
2012-07-04 00:13:11 +10:00
parent df30e63559
commit 5e5bb62b81
2 changed files with 76 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tempjpwNow/IndivLendHome.html
+22 -22
View File
@@ -1070,14 +1070,14 @@
<div id="formerrors"></div> <div id="formerrors"></div>
</div> </div>
<fieldset> <fieldset>
<legend><spring:message code="form.legend.office.details"/></legend> <legend>{{=$ctx.doI18N("form.legend.office.details")}}</legend>
<label for="name"><spring:message code="form.label.office.name"/></label> <label for="name">{{=$ctx.doI18N("form.label.office.name")}}</label>
<input id="name" name="name" title="" type="text" value="{{=name}}" size="75"/> <input id="name" name="name" title="" type="text" value="{{=name}}" size="75"/>
{{#if allowedParents.length > 0}} {{#if allowedParents.length > 0}}
<label for="parentId"><spring:message code="form.label.office.parent"/></label> <label for="parentId">{{=$ctx.doI18N("form.label.office.parent")}}</label>
<select id="parentId" name="parentId" title=""> <select id="parentId" name="parentId" title="">
<option value="-1"><spring:message code="option.office.first.choice"/></option> <option value="-1">{{=$ctx.doI18N("option.office.first.choice")}}</option>
{{#each allowedParents}} {{#each allowedParents}}
{{#if $ctx.number($parent.parent.data.parentId)===$ctx.number(id)}} {{#if $ctx.number($parent.parent.data.parentId)===$ctx.number(id)}}
<option value="{{=$ctx.number(id)}}" selected="selected">{{=name}}</option> <option value="{{=$ctx.number(id)}}" selected="selected">{{=name}}</option>
@@ -1091,10 +1091,10 @@
{{/if}} {{/if}}
<input type="hidden" id="dateFormat" name="dateFormat" value="dd MMMM yyyy" /> <input type="hidden" id="dateFormat" name="dateFormat" value="dd MMMM yyyy" />
<label for="openingDate"><spring:message code="form.label.office.openedon"/></label> <label for="openingDate">{{=$ctx.doI18N("form.label.office.openedon")}}</label>
<input id="openingDate" name="openingDate" title="" type="text" value="{{=$ctx.globalDate(openingDate)}}" size="75" class="datepickerfield" /> <input id="openingDate" name="openingDate" title="" type="text" value="{{=$ctx.globalDate(openingDate)}}" size="75" class="datepickerfield" />
<label for="externalId"><spring:message code="form.label.office.externalid"/></label> <label for="externalId">{{=$ctx.doI18N("form.label.office.externalid")}}</label>
<input id="externalId" name="externalId" title="" type="text" value="{{=externalId}}" size="75"/> <input id="externalId" name="externalId" title="" type="text" value="{{=externalId}}" size="75"/>
</fieldset> </fieldset>
</form> </form>
@@ -1104,10 +1104,10 @@
<form id="entityform"> <form id="entityform">
<div id="formerrors"></div> <div id="formerrors"></div>
<fieldset> <fieldset>
<legend><spring:message code="form.legend.loan.product.currency"/></legend> <legend>{{=$ctx.doI18N("form.legend.loan.product.currency")}}</legend>
<div class="multiselectwidget" style="width:400px;height:125px;"> <div class="multiselectwidget" style="width:400px;height:125px;">
<label for="notSelectedCurrencies"><spring:message code="form.label.configuration.available.currencies"/></label> <label for="notSelectedCurrencies">{{=$ctx.doI18N("form.label.configuration.available.currencies")}}</label>
<select id="notSelectedCurrencies" name="notSelectedCurrencies" title="" class="multiselectwidget" multiple="multiple" style="width:400px;height:125px;"> <select id="notSelectedCurrencies" name="notSelectedCurrencies" title="" class="multiselectwidget" multiple="multiple" style="width:400px;height:125px;">
{{#each currencyOptions}} {{#each currencyOptions}}
{{#if $ctx.number($parent.parent.data.code)===code}} {{#if $ctx.number($parent.parent.data.code)===code}}
@@ -1117,11 +1117,11 @@
{{/if}} {{/if}}
{{/each}} {{/each}}
</select> </select>
<a href="#" id="add" class="multiselectwidget"><spring:message code="widget.multiselect.button.add"/> &gt;&gt;</a> <a href="unknown.html" id="addcurrencies" class="multiselectwidget">{{=$ctx.doI18N("widget.multiselect.button.add")}} &gt;&gt;</a>
</div> </div>
<div class="multiselectwidget"> <div class="multiselectwidget">
<label for="currencies"><spring:message code="form.label.configuration.allowed.currencies"/></label> <label for="currencies">{{=$ctx.doI18N("form.label.configuration.allowed.currencies")}}</label>
<select id="currencies" name="currencies" title="" class="multiselectwidget" multiple="multiple" style="width:400px;height:125px;"> <select id="currencies" name="currencies" title="" class="multiselectwidget" multiple="multiple" style="width:400px;height:125px;">
{{#each selectedCurrencyOptions}} {{#each selectedCurrencyOptions}}
{{#if $ctx.number($parent.parent.data.code)===code}} {{#if $ctx.number($parent.parent.data.code)===code}}
@@ -1131,7 +1131,7 @@
{{/if}} {{/if}}
{{/each}} {{/each}}
</select> </select>
<a href="#" id="remove" class="multiselectwidget">&lt;&lt; <spring:message code="widget.multiselect.button.remove"/></a> <a href="unknown.html" id="removecurrencies" class="multiselectwidget">&lt;&lt; {{=$ctx.doI18N("widget.multiselect.button.remove")}}</a>
</div> </div>
</fieldset> </fieldset>
</form> </form>
@@ -1166,40 +1166,40 @@
</script> </script>
<script id="userSettingsTemplate" type="text/x-jquery-tmpl"> <script id="userSettingsTemplate" type="text/x-jquery-tmpl">
<h2><spring:message code="form.label.heading.office"/></h2> <h2>{{=$ctx.doI18N("form.label.heading.office")}}</h2>
<div class="row"> <div class="row">
<span class="rowlabel"><spring:message code="form.label.office"/></span> <span class="rowlabel">{{=$ctx.doI18N("form.label.office")}}</span>
<span class="rowvalue">{{=officeName}}</span> <span class="rowvalue">{{=officeName}}</span>
</div> </div>
<br/> <br/>
<h2><spring:message code="form.label.heading.details"/></h2> <h2>{{=$ctx.doI18N("form.label.heading.details")}}</h2>
<div class="row"> <div class="row">
<span class="rowlabel"><spring:message code="form.label.name"/></span> <span class="rowlabel">{{=$ctx.doI18N("form.label.name")}}</span>
<span class="rowvalue">{{=firstname}}&nbsp;{{=lastname}}</span> <span class="rowvalue">{{=firstname}}&nbsp;{{=lastname}}</span>
</div> </div>
<div class="row"> <div class="row">
<span class="rowlabel"><spring:message code="form.label.username"/></span> <span class="rowlabel">{{=$ctx.doI18N("form.label.username")}}</span>
<span class="rowvalue">{{=username}}</span> <span class="rowvalue">{{=username}}</span>
</div> </div>
<div class="row"> <div class="row">
<span class="rowlabel"><spring:message code="form.label.email"/></span> <span class="rowlabel">{{=$ctx.doI18N("form.label.email")}}</span>
<span class="rowvalue">{{=email}}</span> <span class="rowvalue">{{=email}}</span>
</div> </div>
<div class="row"> <div class="row">
<span class="rowlabel">&nbsp;</span> <span class="rowlabel">&nbsp;</span>
<span class="rowvalue"><a href="#" id="changedetails"><spring:message code="form.link.changedetails"/></a></span> <span class="rowvalue"><a href="#" id="changedetails">{{=$ctx.doI18N("form.link.changedetails")}}</a></span>
</div> </div>
<br/> <br/>
<h2><spring:message code="form.label.heading.security"/></h2> <h2>{{=$ctx.doI18N("form.label.heading.security")}}</h2>
<div class="row"> <div class="row">
<span class="rowlabel"><spring:message code="form.label.password"/></span> <span class="rowlabel">{{=$ctx.doI18N("form.label.password")}}</span>
<span class="rowvalue"><a href="#" id="changepassword"><spring:message code="form.link.changepassword"/></a></span> <span class="rowvalue"><a href="#" id="changepassword">{{=$ctx.doI18N("form.link.changepassword")}}</a></span>
</div> </div>
<br/> <br/>
<h2><spring:message code="form.label.heading.roles"/></h2> <h2>{{=$ctx.doI18N("form.label.heading.roles")}}</h2>
{{#each selectedRoles}} {{#each selectedRoles}}
<div class="row"> <div class="row">
<span class="rowlabel">&nbsp;</span> <span class="rowlabel">&nbsp;</span>
tempjpwNow/resources/jsrenderExtra.js
+53 -20
View File
@@ -107,6 +107,8 @@ function setAddLoanContent(divName) {
function setOrgAdminContent(divName) { function setOrgAdminContent(divName) {
var addLoanProductUrl = "maintainLoanProduct('loanproducts/template', 'loanproducts', 'POST', 'dialog.title.add.loan.product');return false;"; 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 id="inputarea"></div><div id="schedulearea"></div>'
var htmlVar = '<div>'; var htmlVar = '<div>';
@@ -117,9 +119,9 @@ function setOrgAdminContent(divName) {
htmlVar += ' | '; htmlVar += ' | ';
htmlVar += ' <a href="unknown.html" onclick="refreshOfficesView();return false;" id="viewoffices">' + doI18N("administration.link.view.offices") + '</a>'; htmlVar += ' <a href="unknown.html" onclick="refreshOfficesView();return false;" id="viewoffices">' + doI18N("administration.link.view.offices") + '</a>';
htmlVar += ' | '; htmlVar += ' | ';
htmlVar += ' <a href="#" id="addoffice">' + doI18N("administration.link.add.office") + '</a>'; htmlVar += ' <a href="unknown.html" onclick="' + addOfficeUrl + '" id="addoffice">' + doI18N("administration.link.add.office") + '</a>';
htmlVar += ' | '; htmlVar += ' | ';
htmlVar += ' <a href="#" id="editconfiguration">' + doI18N("administration.link.currency.configuration") + '</a>'; htmlVar += ' <a href="unknown.html" onclick="' + orgCurrenciesUrl + '" id="editconfiguration">' + doI18N("administration.link.currency.configuration") + '</a>';
htmlVar += '</span>'; htmlVar += '</span>';
htmlVar += '</div>'; htmlVar += '</div>';
htmlVar += '<br><br>'; htmlVar += '<br><br>';
@@ -379,6 +381,10 @@ function jsViewsRegisterHelpers() {
var o = {}; var o = {};
var a = this.serializeArray(); var a = this.serializeArray();
$.each(a, function() { $.each(a, function() {
if (this.name === 'notSelectedCurrencies') {
// do not serialize
} else {
if (o[this.name] !== undefined) { if (o[this.name] !== undefined) {
if (!o[this.name].push) { if (!o[this.name].push) {
o[this.name] = [o[this.name]]; o[this.name] = [o[this.name]];
@@ -386,13 +392,14 @@ function jsViewsRegisterHelpers() {
o[this.name].push(this.value || ''); o[this.name].push(this.value || '');
} else { } else {
if (this.name === 'selectedItems' || this.name === 'notSelectedItems') { if (this.name === 'selectedItems' || this.name === 'notSelectedItems' || this.name === 'currencies') {
o[this.name] = new Array(); o[this.name] = new Array();
o[this.name].push(this.value || ''); o[this.name].push(this.value || '');
} else { } else {
o[this.name] = this.value || ''; o[this.name] = this.value || '';
} }
} }
}
}); });
return o; return o;
}; };
@@ -421,11 +428,18 @@ function jsViewsRegisterHelpers() {
$('#notSelectedItems option').each(function(i) { $('#notSelectedItems option').each(function(i) {
$(this).attr("selected", "selected"); $(this).attr("selected", "selected");
}); });
$('#selectedItems option').each(function(i) { $('#selectedItems option').each(function(i) {
$(this).attr("selected", "selected"); $(this).attr("selected", "selected");
}); });
$('#notSelectedCurrencies option').each(function(i) {
$(this).attr("selected", "selected");
});
$('#currencies option').each(function(i) {
$(this).attr("selected", "selected");
});
var newFormData = JSON.stringify($('#entityform').serializeObject()); var newFormData = JSON.stringify($('#entityform').serializeObject());
console.log(newFormData); console.log(newFormData);
@@ -450,11 +464,19 @@ function jsViewsRegisterHelpers() {
$('#add').click(function() { $('#add').click(function() {
return !$('#notSelectedItems option:selected').remove().appendTo('#selectedItems'); return !$('#notSelectedItems option:selected').remove().appendTo('#selectedItems');
}); });
$('#remove').click(function() { $('#remove').click(function() {
return !$('#selectedItems option:selected').remove().appendTo('#notSelectedItems'); return !$('#selectedItems option:selected').remove().appendTo('#notSelectedItems');
}); });
$('#addcurrencies').click(function() {
return !$('#notSelectedCurrencies option:selected').remove().appendTo('#currencies');
});
$('#removecurrencies').click(function() {
return !$('#currencies option:selected').remove().appendTo('#notSelectedCurrencies');
});
$('.datepickerfield').datepicker({constrainInput: true, maxDate: 0, dateFormat: 'dd MM yy'}); $('.datepickerfield').datepicker({constrainInput: true, maxDate: 0, dateFormat: 'dd MM yy'});
$("#entityform textarea").first().focus(); $("#entityform textarea").first().focus();
@@ -1174,8 +1196,6 @@ function loadILLoan(baseApiUrl, loanId) {
executeAjaxRequest(url, 'GET', "", base64, successFunction, formErrorFunction); executeAjaxRequest(url, 'GET', "", base64, successFunction, formErrorFunction);
} }
function maintainLoanProduct(getUrl, putOrPostUrl, submitType, dialogTitle) { function maintainLoanProduct(getUrl, putOrPostUrl, submitType, dialogTitle) {
var templateSelector = "#productFormTemplate"; var templateSelector = "#productFormTemplate";
var width = 800; var width = 800;
@@ -1204,19 +1224,9 @@ function loadILLoan(baseApiUrl, loanId) {
$("a.edit").click( function(e) { $("a.edit").click( function(e) {
var linkId = this.id; var linkId = this.id;
var entityId = linkId.replace("edit", ""); var entityId = linkId.replace("edit", "");
var getUrl = baseApiUrl + 'offices/' + entityId + '?template=true'; var getUrl = 'offices/' + entityId + '?template=true';
var putUrl = baseApiUrl + 'offices/' + entityId; var putUrl = 'offices/' + entityId;
maintainOffice(getUrl, putUrl, 'PUT', "dialog.title.office.details");
var templateSelector = "#officeFormTemplate";
var width = 600;
var height = 400;
var saveSuccessFunction = function(data, textStatus, jqXHR) {
$("#dialog-form").dialog("close");
refreshOfficesView();
}
popupDialogWithFormView(getUrl, putUrl, 'PUT', "dialog.title.office.details", templateSelector, width, height, saveSuccessFunction);
e.preventDefault(); e.preventDefault();
}); });
@@ -1245,7 +1255,30 @@ function loadILLoan(baseApiUrl, loanId) {
} }
function maintainOffice(getUrl, putOrPostUrl, submitType, dialogTitle) {
var templateSelector = "#officeFormTemplate";
var width = 600;
var height = 400;
var saveSuccessFunction = function(data, textStatus, jqXHR) {
$("#dialog-form").dialog("close");
refreshOfficesView();
}
popupDialogWithFormView(baseApiUrl + getUrl, baseApiUrl + putOrPostUrl, submitType, dialogTitle, templateSelector, width, height, saveSuccessFunction);
}
function maintainOrgCurrencies(getUrl, putOrPostUrl, submitType, dialogTitle) {
var templateSelector = "#configurationFormTemplate";
var width = 900;
var height = 400;
var saveSuccessFunction = function(data, textStatus, jqXHR) {
$("#dialog-form").dialog("close");
}
popupDialogWithFormView(baseApiUrl + getUrl, baseApiUrl + putOrPostUrl, submitType, dialogTitle, templateSelector, width, height, saveSuccessFunction);
}