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