color: #333333;
}
-input.submit {
+input.submit,button.submit {
border: 1px solid #999999;
border-top-color: #666;
border-left-color: #666;
border : 1px inset #999999;
}
-input.submit:active {
- border : 1px inset #999999;
-}
-
-input[type=reset], input[type=button], input.submit {
+input[type=reset], input[type=button], input.submit, button.submit {
border: 1px outset #999999;
border-top-color: #666;
border-left-color: #666;
color: #333333;
}
-input[type=reset]:active, input[type=button]:active, input.submit:active {
+input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active {
border : 1px inset #999999;
}
});
// and submit the request
+ $("#jobpanel").show();
$("#jobstatus").show();
$.ajax({
data: inputs.join('&'),
function ajaxFileUpload()
{
fileUploadProgressTimerCanceled = false;
+ $("#uploadpanel").show();
$("#fileuploadstatus").show();
fileUploadProgressTimer = setInterval("updateProgress()",500);
$.ajaxFileUpload (
$("#fileuploadfailed").text("Upload failed -- database in maintenance state");
} else {
$("#uploadedfileid").val(data.fileid);
- $("#fileuploadprogress").text("100");
+ $("#fileuploadprogress").css("background-position","0px 0px");
+ $("#processfile").show();
+ $("#fileuploadpercent").text("100");
}
fileUploadProgressTimerCanceled = true;
clearInterval(fileUploadProgressTimer);
--- /dev/null
+<!-- TMPL_INCLUDE NAME="doc-head-open.inc" -->
+<title>Koha › Circulation › Offline Circulation File Upload</title>
+<!-- TMPL_INCLUDE NAME="doc-head-close.inc" -->
+<!-- TMPL_INCLUDE NAME="file-upload.inc" -->
+<!-- TMPL_INCLUDE NAME="background-job.inc" -->
+<script type="text/javascript">
+//<![CDATA[
+$(document).ready(function(){
+ $("#processfile").hide();
+});
+function CheckUpload(f){
+ if(f.fileToUpload.value == ""){
+ alert("Please choose a file to upload");
+ } else {
+ return ajaxFileUpload()
+ }
+ return false;
+}
+function CheckForm(f) {
+ if (f.uploadedfileid.value == '') {
+ alert('Please upload a file first.');
+ } else {
+ $("#fileuploadstatus").hide();
+ $("#fileuploadform").slideUp();
+ return submitBackgroundJob(f);
+ }
+ return false;
+}
+
+//]]>
+</script>
+<style type="text/css">
+ #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>
+</head>
+<body>
+<!-- TMPL_INCLUDE NAME="header.inc" -->
+<!-- TMPL_INCLUDE NAME="circ-search.inc" -->
+
+<div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> › <a href="/cgi-bin/koha/circ/circulation-home.pl">Circulation</a> › Offline Circulation File Upload</div>
+
+<div id="doc" class="yui-t7">
+
+ <div id="bd">
+
+<!-- TMPL_IF NAME="transactions_loaded" -->
+ <h2>Koha Offline Circulation</h2>
+ <p>Your data was processed. Here are the results.</p>
+ <!-- TMPL_LOOP NAME="messages" -->
+ <p><!-- TMPL_VAR NAME="message" --></p>
+ <!-- /TMPL_LOOP -->
+<!-- TMPL_ELSE -->
+ <h2>Upload Offline Circulation Data</h2>
+ <div id="fileuploadform">
+ <form method="post" action="<!-- TMPL_VAR name="SCRIPT_NAME" -->" enctype="multipart/form-data">
+ <fieldset class="brief">
+ <ol><li><label for="fileToUpload">Choose .koc File: </label>
+ <input type="file" id="fileToUpload" size="50" name="fileToUpload" /></li></ol>
+ <fieldset class="action"><input type="button" class="submit" value="Upload file" onclick="CheckUpload(this.form);" /></fieldset>
+ </fieldset>
+ </form>
+ <div id="fileuploadstatus" style="display:none">Upload progress: <div id="fileuploadprogress"></div> <span id="fileuploadpercent">0</span>%</div>
+ <div id="fileuploadfailed" style="display:none"></div>
+ </div>
+ <form action="process_koc.pl" id="processfile" method="post" enctype="multipart/form-data">
+ <input type="hidden" name="uploadedfileid" id="uploadedfileid" value="" />
+ <input type="hidden" name="runinbackground" id="runinbackground" value="" />
+ <input type="hidden" name="completedJobID" id="completedJobID" value="" />
+ <input type="submit" value="Process offline circulation file" onclick="return CheckForm(this.form);" id="mainformsubmit" />
+ <div id="jobstatus" style="display:none">Job progress: <div id="jobprogress"></div> <span id="jobprogresspercent">0</span>%</div>
+ <div id="jobfailed" style="display:none"></div>
+ </form>
+<!-- /TMPL_IF -->
+
+
+</div>
+<!-- TMPL_INCLUDE NAME="intranet-bottom.inc" -->
\ No newline at end of file
<!-- TMPL_INCLUDE NAME="doc-head-close.inc" -->
<!-- TMPL_INCLUDE NAME="file-upload.inc" -->
<!-- TMPL_INCLUDE NAME="background-job.inc" -->
+<style type="text/css">
+ #uploadpanel,#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>
<script type="text/javascript">
//<![CDATA[
-
+$(document).ready(function(){
+ $("#processfile").hide();
+ $("#uploadfile").submit(function(){
+ alert("Hey!");
+ });
+});
function CheckForm(f) {
- if (f.uploadedfileid.value == '') {
+ if ($("#fileToUpload").value == '') {
alert('Please upload a file first.');
} else {
return submitBackgroundJob(f);
<!-- TMPL_INCLUDE NAME="header.inc" -->
<!-- TMPL_INCLUDE NAME="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> › Stage MARC Records For Import</div>
+<div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> › <a href="/cgi-bin/koha/tools/tools-home.pl">Tools</a> › <!-- TMPL_IF name="uploadmarc" --><a href="/cgi-bin/koha/tools/stage-marc-import.pl">Stage MARC Records For Import</a> › Upload Results<!-- TMPL_ELSE -->Stage MARC Records For Import<!-- /TMPL_IF --></div>
<div id="doc3" class="yui-t2">
<div class="yui-b">
<h1>Stage MARC Records For Import</h1>
-
<!-- TMPL_IF name="uploadmarc" -->
<p>MARC Staging results :</p>
<ul>
<li>Select a MARC file to stage in the import reservoir. It will be parsed, and each valid record staged for later import into the catalog.</li>
<li>You can enter a name for this import. It may be useful, when creating a biblio, to remember where the suggested MARC data comes from!</li>
</ul>
-<fieldset class="rows">
-<legend>Stage records into the reservoir</legend><ol>
+<form method="post" action="<!-- TMPL_VAR name="SCRIPT_NAME" -->" id="uploadfile" enctype="multipart/form-data">
+<fieldset class="rows" id="uploadform">
+<legend>Stage records into the reservoir</legend>
+<ol>
<li>
<div id="fileuploadform">
- <form method="post" action="<!-- TMPL_VAR name="SCRIPT_NAME" -->" enctype="multipart/form-data">
<label for="fileToUpload">Select the file to stage: </label>
- <input type="file" id="fileToUpload" name="fileToUpload" /><br />
- <button class="input" onclick="return ajaxFileUpload();">Upload file</button>
- </form>
- <div id="fileuploadstatus" style="display:none">Upload progress: <span id="fileuploadprogress">0</span>%</div>
- <div id="fileuploadfailed" style="display:none"></div>
- </div>
- </li>
-</ol></fieldset>
- <form method="post" action="<!-- TMPL_VAR name="SCRIPT_NAME" -->" enctype="multipart/form-data">
+ <input type="file" id="fileToUpload" name="fileToUpload" />
+ </div> </li>
+</ol>
+ <fieldset class="action"><button class="submit" onclick="return ajaxFileUpload();">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>
+</form>
+
+ <form method="post" id="processfile" action="<!-- TMPL_VAR name="SCRIPT_NAME" -->" enctype="multipart/form-data">
<fieldset class="rows">
<input type="hidden" name="uploadedfileid" id="uploadedfileid" value="" />
<input type="hidden" name="runinbackground" id="runinbackground" value="" />
</ol>
</fieldset>
<fieldset class="action"><input type="button" id="mainformsubmit" onclick="return CheckForm(this.form);" value="Stage for import" /></fieldset>
- <div id="jobstatus" style="display:none">Job progress: <span id="jobprogress">0</span>%</div>
- <div id="jobfailed" style="display:none"></div>
+
+ <div id="jobpanel"><div id="jobstatus">Job progress: <div id="jobprogress"></div> <span id="jobprogresspercent">0</span>%</div>
+ <div id="jobfailed"></div></div>
+
</form>
<!-- /TMPL_IF -->