[% INCLUDE 'doc-head-open.inc' %]
-<title>Koha › Tools › Upload Images</title>
+<title>Koha › Tools › Upload images</title>
[% INCLUDE 'doc-head-close.inc' %]
-[% INCLUDE 'file-upload.inc' %]
-[% INCLUDE 'background-job.inc' %]
+
+<script type="text/javascript" src="[% interface %]/[% theme %]/js/background-job-progressbar.js"></script>
+<script type="text/javascript" src="[% interface %]/[% theme %]/js/file-upload.js"></script>
+
<style type="text/css">
- #uploadpanel,#fileuploadstatus,#fileuploadfailed,#jobpanel,#jobstatus,#jobfailed { display : none; }
+ #fileuploadstatus,#fileuploadfailed,#jobpanel,#jobstatus,#jobfailed { display : none; }
#fileuploadstatus,#jobstatus { margin:.4em; }
- #fileuploadprogress,#jobprogress{ width:150px;height:10px;border:1px solid #666;background:url('/intranet-tmpl/prog/img/progress.png') -300px 0px no-repeat; }</style>
+ #fileuploadprogress,#jobprogress { width:150px;height:10px;border:1px solid #666;background:url('[% interface %]/[% theme %]/img/progress.png') -300px 0px no-repeat; }
+</style>
+
<script type="text/javascript">
//<![CDATA[
+function StartUpload() {
+ if( $('#fileToUpload').prop('files').length == 0 ) return;
+ $('#uploadform button.submit').prop('disabled',true);
+ $("#fileuploadstatus").show();
+ $("#uploadedfileid").val('');
+ xhr= AjaxUpload( $('#fileToUpload'), $('#fileuploadprogress'), 'temp=1', cbUpload );
+}
+function cbUpload( status, fileid ) {
+ if( status=='done' ) {
+ $("#uploadedfileid").val( fileid );
+ $('#fileToUpload').prop('disabled',true);
+ $("#processfile").show();
+ } else {
+ $("#fileuploadstatus").hide();
+ $("#fileuploadfailed").show();
+ $("#fileuploadfailed").text( _("Upload status: ") +
+ ( status=='failed'? _("Failed"):
+ ( status=='denied'? _("Denied"): status ))
+ );
+ $("#processfile").hide();
+ }
+}
$(document).ready(function(){
$("#processfile").hide();
$("#zipfile").click(function(){
$("#image").click(function(){
$("#bibnum").show();
});
+ $("#uploadfile").validate({
+ submitHandler: function(form) {
+ StartUpload();
+ return false;
+ }
+ });
});
-function CheckForm(f) {
- if ($("#fileToUpload").value == '') {
- alert(_('Please upload a file first.'));
- } else {
- return submitBackgroundJob(f);
- }
- return false;
-}
-
//]]>
</script>
</head>
-<body>
+<body id="tools_upload-images" class="tools">
[% INCLUDE 'header.inc' %]
[% INCLUDE 'cat-search.inc' %]
-<div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> › <a href="/cgi-bin/koha/tools/tools-home.pl">Tools</a> › [% IF ( uploadimage ) %]<a href="/cgi-bin/koha/tools/upload-cover-image.pl">Upload Local Cover Image</a> › Upload Results[% ELSE %]Upload Local Cover Image[% END %]</div>
+<div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> › <a href="/cgi-bin/koha/tools/tools-home.pl">Tools</a> › [% IF ( uploadimage ) %]<a href="/cgi-bin/koha/tools/upload-cover-image.pl">Upload local cover image</a> › Upload results[% ELSE %]Upload local cover image[% END %]</div>
<div id="doc3" class="yui-t2">
<div id="yui-main">
<div class="yui-b">
-<h1>Upload Local Cover Image</h1>
+<h1>Upload local cover image</h1>
[% IF ( uploadimage ) %]
<p>Image upload results :</p>
<ul>
- <li>[% total %] images found</li>
+ <li>[% total %] images found</li>
[% IF ( error ) %]
<div class="dialog alert">
[% IF ( error == 'UZIPFAIL' ) %]<p><b>Failed to unzip archive.<br />Please ensure you are uploading a valid zip file and try again.</b></p>
<ol>
<li>
<div id="fileuploadform">
- <label for="fileToUpload">Select the file to upload: </label>
- <input type="file" id="fileToUpload" name="fileToUpload" />
+ <label for="fileToUpload" class="required">Select the file to upload: </label>
+ <input type="file" id="fileToUpload" name="fileToUpload" required="required" class="required" />
+ <span class="required">Required</span>
</div> </li>
</ol>
- <fieldset class="action"><button class="submit" onclick="return ajaxFileUpload();">Upload file</button></fieldset>
+ <fieldset class="action"><button class="submit">Upload file</button></fieldset>
</fieldset>
- <div id="uploadpanel"><div id="fileuploadstatus">Upload progress: <div id="fileuploadprogress"></div> <span id="fileuploadpercent">0</span>%</div>
- <div id="fileuploadfailed"></div></div>
+ <div id="uploadpanel">
+ <div id="fileuploadstatus">Upload progress:
+ <progress min="0" max="100" value="0" id="fileuploadprogress">
+ </progress>
+ <span class="fileuploadpercent">0</span>%
+ </div>
+ <div id="fileuploadfailed"></div>
+ </div>
</form>
<form method="post" id="processfile" action="[% SCRIPT_NAME %]" enctype="multipart/form-data">