4 [% INCLUDE 'doc-head-open.inc' %]
8 Upload local cover image
10 › [% INCLUDE 'biblio-title-head.inc' %]
13 [% INCLUDE 'doc-head-close.inc' %]
32 background-color: #FFF;
33 outline: 2px dashed #92b0b3;
34 outline-offset: -10px;
45 #click_to_select:hover {
51 outline-offset: -20px;
52 outline-color: #c8dadf;
53 background-color: #fff;
68 background-color: #FFF;
78 <body id="tools_upload-images" class="tools">
79 [% WRAPPER 'header.inc' %]
80 [% INCLUDE 'cat-search.inc' %]
83 [% WRAPPER 'sub-header.inc' %]
84 <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
87 <a href="/cgi-bin/koha/mainpage.pl">Home</a>
90 <a href="/cgi-bin/koha/cataloguing/cataloging-home.pl">Cataloging</a>
93 <a href="/cgi-bin/koha/tools/upload-cover-image.pl">Upload local cover image</a>
96 [% IF ( uploadimage ) %]
98 <a href="#" aria-current="page">
102 [% IF ( biblionumber ) %]
104 <a href="#" aria-current="page"><em>[% INCLUDE 'biblio-title.inc' %]</em></a>
107 [% ELSIF itemnumber %]
109 <a href="#" aria-current="page">
110 Upload cover for itemnumber: [% itemnumber | html %]
113 [% ELSIF biblionumber %]
115 <a href="#" aria-current="page">
116 Upload cover for biblionumber: [% biblionumber | html %]
121 <a href="#" aria-current="page">
122 Upload local cover image
130 <div class="main container-fluid">
132 <div class="col-sm-10 col-sm-push-2">
135 [% UNLESS itemnumber || biblionumber %]
136 <h1>Upload local cover image</h1>
139 Upload local cover image for <a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% biblionumber | uri %]"><em>[% INCLUDE 'biblio-title.inc' %]</em></a>
140 [% IF ( itemnumber ) %], Item number: [% itemnumber | html %][% END %]
142 [% ELSIF itemnumber %]
143 <h1>Upload local cover image for item number: [% itemnumber | html %]</h1>
146 [% IF ( uploadimage ) %]
147 <h2>Image upload results :</h2>
148 <div id="upload_results">
150 <div class="dialog alert">
151 [% IF ( error == 'UZIPFAIL' ) %]
152 <p><strong>Failed to unzip archive.<br />Please ensure you are uploading a valid zip file and try again.</strong></p>
153 [% ELSIF ( error == 'OPNLINK' ) %]
154 <p><strong>Cannot open folder index (idlink.txt or datalink.txt) to read.<br />Please verify that it exists.</strong></p>
155 [% ELSIF ( error == 'OPNIMG' ) %]
156 <p><strong>Cannot process file as an image.<br />Please ensure you only upload GIF, JPEG, PNG, or XPM images.</strong></p>
157 [% ELSIF ( error == 'DELERR' ) %]
158 <p><strong>Unrecognized or missing field delimiter.<br />Please verify that you are using either a single quote or a tab.</strong></p>
159 [% ELSIF ( error == 'DBERR' ) %]
160 <p><strong>Unable to save image to database.</strong></p>
162 <p><strong>An unknown error has occurred.<br />Please review the error log for more details.</strong></p>
165 [% END # /IF error %]
166 <h3>[% total | html %] images found</h3>
168 [% FOREACH result IN results %]
169 <li><a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% result.biblionumber | uri %]">[% result.title | html %]</a></li>
173 </div> <!-- /#upload_results -->
174 [% END # /IF uploadimage %]
177 [% UNLESS itemnumber || biblionumber %]
178 <li>Select an image file or ZIP file to upload. The tool will accept images in GIF, JPEG, PNG, and XPM formats.</li>
180 <li>Select an image file to upload. The tool will accept images in GIF, JPEG, PNG, and XPM formats.</li>
185 [% IF ( cover_images ) %]
186 <div class="col-sm-9">
188 <div class="col-sm-12">
191 <form method="post" action="/cgi-bin/koha/tools/upload-cover-image.pl" id="uploadfile" enctype="multipart/form-data">
192 <fieldset class="rows" >
193 <div id="fileuploadform">
194 <label for="fileToUpload">Select the file to upload: </label>
195 <input type="file" id="fileToUpload" name="fileToUpload" />
199 <a id="click_to_select" href="#">Drop files here or click to select a file</a>
200 <div id="messages"></div>
203 <div id="uploadpanel">
204 <div id="fileuploadstatus" class="progress_panel">Upload progress:
205 <progress max="100" value="0" id="fileuploadprogress">
207 <span class="fileuploadpercent">0</span>%
209 <div id="fileuploadfailed"></div>
212 </form> <!-- /#uploadfile -->
214 <form method="post" id="processfile" action="/cgi-bin/koha/tools/upload-cover-image.pl" enctype="multipart/form-data">
215 <input type="hidden" name="uploadedfileid" id="uploadedfileid" value="" />
216 <input type="hidden" name="runinbackground" id="runinbackground" value="" />
217 <input type="hidden" name="completedJobID" id="completedJobID" value="" />
220 <input type="hidden" id="itemnumber" name="itemnumber" value="[% itemnumber | html %]" />
221 <input type="hidden" name="filetype" value="image" />
222 [% ELSIF biblionumber %]
223 <input type="hidden" id="biblionumber" name="biblionumber" value="[% biblionumber | html %]" />
224 <input type="hidden" name="filetype" value="image" />
228 <fieldset id="upload_options" class="rows">
230 [% UNLESS itemnumber || biblionumber %]
232 [% IF (filetype != 'image' ) %]
233 <input type="radio" id="zipfile" name="filetype" value="zip" checked="checked" />
235 <input type="radio" id="zipfile" name="filetype" value="zip" />
237 <label for="zipfile">ZIP file</label>
240 [% IF (filetype == 'image' ) %]
241 <input type="radio" id="image" name="filetype" value="image" checked="checked" />
243 <input type="radio" id="image" name="filetype" value="image" />
245 <label for="image">Image file</label>
247 <li id="biblionumber_entry">
248 <label for="biblionumber">Bibliographic record number: </label>
249 <input type="text" id="biblionumber" name="biblionumber" value="[% biblionumber | html %]" size="15" />
253 <label for="replace">
254 [% IF AllowMultipleCovers == 0 %]
255 <input type="checkbox" id="replace" name="replace" value="" disabled="disabled" checked="checked" />
256 Existing covers will be replaced
258 <input type="checkbox" id="replace" name="replace" value="1" />
259 Replace existing covers
265 <fieldset id="process_images" class="action">
266 <button type="submit" class="btn btn-default btn-sm save_image">Process images</button>
267 [% IF ( biblionumber ) %]
268 <a class="cancel cancel_image" href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% biblionumber | uri %]">Cancel</a>
270 <a class="cancel cancel_image" href="/cgi-bin/koha/tools/upload-cover-image.pl">Cancel</a>
273 </form> <!-- /#processfile -->
274 </div> <!-- /.col-sm-9/.col-sm-12 -->
276 [% IF ( cover_images.size ) %]
277 <div class="col-sm-3">
278 <h3>Existing images</h3>
279 <ul class="thumbnails">
280 [% FOREACH img IN cover_images %]
282 <li id="imagenumber-[% img.imagenumber | html %]" class="thumbnail">
283 <a class="show_cover" data-coverimg="[% img.imagenumber | html %]" href="/cgi-bin/koha/catalogue/imageviewer.pl?biblionumber=[% biblionumber | html %]&imagenumber=[% img.imagenumber | html %]">
284 [% IF ( imagenumber == img.imagenumber ) %]
285 <img class="selected" id="thumbnail_[% img.imagenumber | html %]" src="/cgi-bin/koha/catalogue/image.pl?imagenumber=[% img.imagenumber | html %]&thumbnail=1" alt="Thumbnail" />
287 <img id="thumbnail_[% img.imagenumber | html %]" src="/cgi-bin/koha/catalogue/image.pl?imagenumber=[% img.imagenumber | html %]&thumbnail=1" alt="Thumbnail" />
290 <a href="#" class="remove" data-coverimg="[% img.imagenumber | html %]"><i class="fa fa-trash"></i> Delete image</a>
293 [% END # /FOREACH img %]
294 </ul> <!-- /ul.thumbnails -->
295 </div> <!-- /.col-sm-3 -->
296 [% END # /IF images.size %]
298 </div> <!-- /.row -->
300 </div> <!-- /.col-sm-10.col-sm-push-2 -->
302 <div class="col-sm-2 col-sm-pull-10">
304 [% INCLUDE 'cat-menu.inc' %]
306 </div> <!-- /.col-sm-2.col-sm-pull-10 -->
307 </div> <!-- /.row -->
309 [% MACRO jsinclude BLOCK %]
311 var interface = "[% interface | html %]";
312 var theme = "[% theme | html %]";
313 var biblionumber = "[% biblionumber | html %]";
315 [% Asset.js("js/upload-images.js") | $raw %]
320 [% INCLUDE 'intranet-bottom.inc' %]