Bug 16538: Improve the style of progress bars
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / offline_circ / process_koc.tt
1 [% INCLUDE 'doc-head-open.inc' %]
2 <title>Koha &rsaquo; Circulation &rsaquo; Offline circulation file upload</title>
3 [% INCLUDE 'doc-head-close.inc' %]
4
5 <script type="text/javascript" src="[% interface %]/[% theme %]/js/background-job-progressbar.js"></script>
6 <script type="text/javascript" src="[% interface %]/[% theme %]/js/file-upload.js"></script>
7 <script type="text/javascript">
8 //<![CDATA[
9 var xhr;
10 $(document).ready(function(){
11     $("#enqueuefile").hide();
12     $("#processfile").hide();
13     $("#upload_file").on("click",function(){
14         StartUpload();
15     });
16     $("#queueformsubmit").on("click",function(){
17         var processfile = document.getElementById("processfile");
18         return CheckForm( processfile );
19     });
20     $("#mainformsubmit").on("click",function(){
21         var enqueuefile = document.getElementById("enqueuefile");
22         return CheckForm( enqueuefile );
23     });
24 });
25
26 function StartUpload() {
27     if( $('#fileToUpload').prop('files').length == 0 ) return;
28     $('#fileuploadform input.submit').prop('disabled',true);
29     $("#fileuploadfailed").hide();
30     $("#processfile").hide();
31     $("#fileuploadstatus").show();
32     $("form#processfile #uploadedfileid").val('');
33     $("form#enqueuefile #uploadedfileid").val('');
34     xhr= AjaxUpload( $('#fileToUpload'), $('#fileuploadprogress'), 'temp=1', cbUpload );
35 }
36
37 function cbUpload( status, fileid ) {
38     if( status=='done' ) {
39         $("form#processfile #uploadedfileid").val( fileid );
40         $("form#enqueuefile #uploadedfileid").val( fileid );
41         $('#fileToUpload').prop('disabled',true);
42         $("#processfile").show();
43         $("#enqueuefile").show();
44     } else {
45         $("#fileuploadstatus").hide();
46         $("#fileuploadfailed").show();
47         $("#fileuploadfailed").text( _("Upload status: ") +
48             ( status=='failed'? _("Failed"):
49             ( status=='denied'? _("Denied"): status ))
50         );
51     }
52 }
53
54 function CheckForm(f) {
55     if (f.uploadedfileid.value == '') {
56         alert(_("Please upload a file first."));
57     } else {
58         $("#fileuploadstatus").hide();
59         $("#fileuploadform").slideUp();
60         $("#mainformsubmit").prop('disabled',true);
61         $("#queueformsubmit").prop('disabled',true);
62         return submitBackgroundJob(f);
63     }
64     return false;
65 }
66
67 //]]>
68 </script>
69 </head>
70 <body id="ocirc_process_koc" class="circ ocirc">
71 [% INCLUDE 'header.inc' %]
72 [% INCLUDE 'circ-search.inc' %]
73
74 <div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo; <a href="/cgi-bin/koha/circ/circulation-home.pl">Circulation</a> &rsaquo; [% IF ( transactions_loaded ) %] <a href="/cgi-bin/koha/offline_circ/process_koc.pl">Offline circulation file upload</a> &rsaquo; Results[% ELSE %] Offline circulation file upload[% END %]</div>
75
76 <div id="doc" class="yui-t7">
77
78    <div id="bd">
79
80 [% IF ( transactions_loaded ) %]
81   <h2>Koha offline circulation</h2>
82   <p>Your data was processed. Here are the results:</p>
83   [% FOREACH message IN messages %]
84     [% IF ( message.message ) %]
85         <div class="dialog alert">
86                 [% IF ( message.ERROR_file_version ) %]<p>Warning: This file is version [% message.upload_version %], but I only know how to import version [% message.current_version %]. I'll try my best.</p>[% END %]
87         </div>
88         [% END %]
89         [% IF ( message.ERROR_no_borrower_from_item ) %]<p>Warning: Unable to determine patron from item barcode ([% message.badbarcode %]). Cannot check in.</p>[% END %]
90         [% IF ( message.issue ) %]<p>Checked out <a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% message.biblionumber %]">[% message.title |html %]</a> ([% message.barcode %]) to <a href="/cgi-bin/koha/members/moremember.pl?borrowernumber=[% message.borrowernumber %]">[% message.firstname %] [% message.surname %]</a> ([% message.cardnumber %]): [% message.datetime %]</p>[% END %]
91         [% IF ( message.renew ) %]<p>Renewed <a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% message.biblionumber %]">[% message.title |html %]</a>  ([% message.barcode %]) for <a href="/cgi-bin/koha/members/moremember.pl?borrowernumber=[% message.borrowernumber %]">[% message.firstname %] [% message.surname %]</a> ([% message.cardnumber %]): [% message.datetime %]</p>[% END %]
92         [% IF ( message.return ) %]<p>Checked in <a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% message.biblionumber %]">[% message.title |html %]</a> ([% message.barcode %]) from <a href="/cgi-bin/koha/members/moremember.pl?borrowernumber=[% message.borrowernumber %]">[% message.firstname %] [% message.surname %]</a> ([% message.cardnumber %]): [% message.datetime %]</p>[% END %]
93         [% IF ( message.payment ) %]<p>Accepted payment ([% message.amount %]) from <a href="/cgi-bin/koha/members/moremember.pl?borrowernumber=[% message.borrowernumber %]">[% message.firstname %] [% message.surname %]</a> ([% message.cardnumber %]): [% message.datetime %]</p>[% END %]
94   [% END %]
95 [% ELSE %]
96    <h2>Upload offline circulation data</h2>
97
98    <div id="fileuploadform">
99      <form method="post" action="/cgi-bin/koha/offline_circ/process_koc.pl" enctype="multipart/form-data" class="validated">
100                 <fieldset class="brief">
101        <ol><li><label for="fileToUpload">Choose .koc file: </label>
102             <input class="required" required="required" type="file" id="fileToUpload" size="50" name="fileToUpload" />
103             <span class="required">Required</span>
104        </li></ol>
105        <fieldset class="action"><input type="button" class="submit" value="Upload file" id="upload_file" /></fieldset>
106            </fieldset>
107      </form>
108      <div id="fileuploadstatus" class="progress_panel" style="display:none">Upload progress: <progress id="fileuploadprogress" max="100" value="0"></progress> <span class="fileuploadpercent">0</span>%</div>
109      <div id="fileuploadfailed" style="display:none"></div>
110    </div>
111
112    <form action="enqueue_koc.pl" id="processfile" method="post" enctype="multipart/form-data">
113      <input type="hidden" name="uploadedfileid" id="uploadedfileid" value="" />
114      <input type="submit" value="Add to offline circulation queue" onclick="return CheckForm(this.form);" id="queueformsubmit" />
115    </form>
116
117    <form action="process_koc.pl" id="enqueuefile" method="post" enctype="multipart/form-data">
118      <input type="hidden" name="uploadedfileid" id="uploadedfileid" value="" />
119      <input type="hidden" name="runinbackground" id="runinbackground" value="" />
120      <input type="hidden" name="completedJobID" id="completedJobID" value="" />
121      <input type="submit" value="Apply directly" onclick="return CheckForm(this.form);" id="mainformsubmit" />
122      <div id="jobstatus" style="display:none">Job progress: <div id="jobprogress"></div> <span id="jobprogresspercent">0</span>%</div>
123      <div id="jobfailed" style="display:none"></div>
124    </form>
125 [% END %]
126
127
128 </div>
129 [% INCLUDE 'intranet-bottom.inc' %]