litvinovg/vitro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

NIHVIVO-2864: account ftl and css changes and new js to disable save until user makes a change

Browse source
This commit is contained in:
tworrall 2011-09-16 15:21:24 +00:00
parent ff05d69b69
commit 5a64431b71
5 changed files with 59 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

3
webapp/web/css/account/account.css
View file

@ -273,3 +273,6 @@ a.disable-delete {
#passwordContainer {
margin-top: 20px;
}
.disabledSubmit {
cursor: default ! important;
}

39
webapp/web/js/account/accountListenerSetup.js Normal file
View file

@ -0,0 +1,39 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
// Sets up event listeners so that the submit button gets enabled only if the user has changed
// an existing value.
//
// Used with both the userAccounts--myAccounts.ftl and userAccounts--edit.ftl.
$(document).ready(function(){
var theForm = $('form').last();
var theSubmitButton = theForm.find(':submit');
theSubmitButton.addClass("disabledSubmit");
$('input').each(function() {
if ( $(this).attr('type') != 'submit' && $(this).attr('name') != 'querytext') {
$(this).change(function() {
theSubmitButton.removeAttr('disabled');
theSubmitButton.removeClass("disabledSubmit");
});
$(this).bind("propertychange", function() {
theSubmitButton.removeAttr('disabled');
theSubmitButton.removeClass("disabledSubmit");
});
$(this).bind("input", function() {
theSubmitButton.removeAttr('disabled');
theSubmitButton.removeClass("disabledSubmit");
});
}
});
$('select').each(function() {
$(this).change(function() {
theSubmitButton.removeAttr('disabled');
theSubmitButton.removeClass("disabledSubmit");
});
});
});

7
webapp/web/templates/freemarker/body/accounts/userAccounts-edit.ftl
View file

@ -97,7 +97,7 @@
</section>
</#if>
<p><input type="submit" name="submitEdit" value="Save changes" class="submit" /> or <a class="cancel" href="${formUrls.list}">Cancel</a></p>
<p><input type="submit" id="submitMyAccount" name="submitEdit" value="Save changes" class="submit" disabled /> or <a class="cancel" href="${formUrls.list}">Cancel</a></p>
<p class="requiredHint">* required fields</p>
</form>
@ -106,4 +106,7 @@
${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/account/account.css" />')}
${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/customForm.css" />')}
${scripts.add('<script type="text/javascript" src="${urls.base}/js/account/accountExternalAuthFlag.js"></script>')}
${scripts.add('<script type="text/javascript" src="${urls.base}/js/jquery.js"></script>',
'<script type="text/javascript" src="${urls.base}/js/jquery-ui/js/jquery-ui-1.8.9.custom.min.js"></script>',
'<script type="text/javascript" src="${urls.base}/js/account/accountExternalAuthFlag.js"></script>',
'<script type="text/javascript" src="${urls.base}/js/account/accountListenerSetup.js"></script>')}

8
webapp/web/templates/freemarker/body/accounts/userAccounts-myAccount.ftl
View file

@ -58,7 +58,7 @@
</#if>
<section id="my-account" role="region">
<form method="POST" action="${formUrls.myAccount}" class="customForm" role="my account">
<form id="main-form" method="POST" action="${formUrls.myAccount}" class="customForm" role="my account">
<label for="email-address">Email address<span class="requiredHint"> *</span></label>
<input type="text" name="emailAddress" value="${emailAddress}" id="email-address" role="input" />
@ -80,7 +80,7 @@
<input type="password" name="confirmPassword" value="${confirmPassword}" id="confirm-password" role="input" />
</#if>
<p><input type="submit" name="submitMyAccount" value="Save changes" class="submit" /> or <a class="cancel" href="${urls.referringPage}">Cancel</a></p>
<p><input type="submit" id="submitMyAccount" name="submitMyAccount" value="Save changes" class="submit" disabled /> or <a class="cancel" href="${urls.referringPage}">Cancel</a></p>
<p class="requiredHint">* required fields</p>
</form>
@ -88,3 +88,7 @@
${stylesheets.add('<link rel="stylesheet" href="${urls.base}/css/account/account.css" />')}
${stylesheets.add('<link rel="stylesheet" href="${urls.base}/edit/forms/css/customForm.css" />')}
${scripts.add('<script type="text/javascript" src="${urls.base}/js/jquery.js"></script>',
'<script type="text/javascript" src="${urls.base}/js/jquery-ui/js/jquery-ui-1.8.9.custom.min.js"></script>',
'<script type="text/javascript" src="${urls.base}/js/account/accountListenerSetup.js"></script>')}

6
webapp/web/themes/vitro/css/vitroTheme.css
View file

@ -1381,11 +1381,15 @@ a {
.middle {
vertical-align: middle;
}
/* EDITING DISPLAY------> */
.edit-individual {
border-left: 1px dotted #47b6d0;
}
.disabledSubmit {
color: #ede ! important;
background-color: #47b6d0 ! important;
}
/* -------------------------------------------------> */
/* SITE ADMIN DASHBOARD ----------------------------> */
/* -------------------------------------------------> */