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

JS tweaks for form validation (file upload) and delete confirmation NIHVIVO-577

Browse source
This commit is contained in:
nac26 2010-07-12 15:59:37 +00:00
parent 98ce002973
commit 8d5e7a2dc0
3 changed files with 19 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
webapp/web/js/imageUpload/imageUploadUtils.js
View file

@ -1,27 +1,20 @@
/* $This file is distributed under the terms of the license in /doc/license.txt$ */
/* comments */
$(document).ready(function(){
$("#photoUploadContainer").removeClass("hidden");
$("#photoUploadContainer").removeClass("hidden");
$('#photoUploadForm form').submit(function() {
if ($("#datafile").val() == '') {
alert('Please browse and select a photo.');
return false;
}
});
$('#photoUploadForm form').submit(function() {
if (form_passed.datafile.value == "") {
alert ("Please browse and select a photo");
return false;
}
});
$('a.delete').click(function(){
var answer = confirm('Are you sure you want to '+ jQuery(this).attr('title') +'?' );
// jQuery(this).attr('title') gets anchor title attribute
return answer;
});
});
function delete_photo(passUrl) {
var delete_photo_answer = confirm ("Are you sure you want to delete your photo?");
if (delete_photo_answer){
window.open(passUrl);
}
}

4
webapp/web/templates/freemarker/body/imageUpload/imageUpload-newImage.ftl
View file

@ -38,8 +38,8 @@ ${stylesheets.addFromTheme("/uploadImages.css")}
<form action="${formAction}" enctype="multipart/form-data" method="post">
<label>Upload a photo <span> (JPEG, GIF or PNG)</span></label>
<input type="file" name="datafile" size="30">
<input type="submit" value="Upload photo"> or <a class="cancelUpload" href="${cancelUrl}">Cancel</a>
<input id="datafile" type="file" name="datafile" size="30">
<input type="submit" value="Upload photo"> or <a class="cancelUpload" href="${cancelUrl}">Cancel</a>
</form>
</div>
</div>

6
webapp/web/templates/freemarker/body/imageUpload/imageUpload-replaceImage.ftl
View file

@ -23,12 +23,12 @@ ${stylesheets.addFromTheme("/uploadImages.css")}
<div id="photoUploadDefaultImageContainer">
<h6>Current Photo</h6>
<img src="${thumbnailUrl}" width="115" />
<a href='javascript:delete_photo("${deleteUrl}");'>Delete photo</a></div>
<a class="delete" href="${deleteUrl}" title="delete the current photo">Delete photo</a></div>
<div id="photoUploadForm">
<form action="${formAction}" enctype="multipart/form-data" method="post">
<label>Replace Photo <span> (JPEG, GIF or PNG)</span></label>
<input type="file" name="datafile" size="30">
<input type="submit" value="Upload photo"> or <a class="cancelUpload" href="${cancelUrl}">Cancel</a>
<input type="file" name="datafile" size="30">
<input type="submit" value="Upload photo"> or <a class="cancelUpload" href="${cancelUrl}">Cancel</a>
</form>
</div>
</div>