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 [% INCLUDE 'header.inc' %]
80 [% INCLUDE 'cat-search.inc' %]
82 <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
85 <a href="/cgi-bin/koha/mainpage.pl">Home</a>
88 <a href="/cgi-bin/koha/tools/tools-home.pl">Tools</a>
91 <a href="/cgi-bin/koha/tools/upload-cover-image.pl">Upload local cover image</a>
94 [% IF ( uploadimage ) %]
96 <a href="#" aria-current="page">
100 [% IF ( biblionumber ) %]
102 <a href="#" aria-current="page"><em>[% INCLUDE 'biblio-title.inc' %]</em></a>
105 [% ELSIF itemnumber %]
107 <a href="#" aria-current="page">
108 Upload cover for itemnumber: [% itemnumber | html %]
111 [% ELSIF biblionumber %]
113 <a href="#" aria-current="page">
114 Upload cover for biblionumber: [% biblionumber | html %]
119 <a href="#" aria-current="page">
120 Upload local cover image
127 <div class="main container-fluid">
129 <div class="col-sm-10 col-sm-push-2">
132 [% UNLESS itemnumber || biblionumber %]
133 <h1>Upload local cover image</h1>
136 Upload local cover image for <a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% biblionumber | uri %]"><em>[% INCLUDE 'biblio-title.inc' %]</em></a>
137 [% IF ( itemnumber ) %], Item number: [% itemnumber | html %][% END %]
139 [% ELSIF itemnumber %]
140 <h1>Upload local cover image for item number: [% itemnumber | html %]</h1>
143 [% IF ( uploadimage ) %]
144 <h2>Image upload results :</h2>
145 <div id="upload_results">
147 <div class="dialog alert">
148 [% IF ( error == 'UZIPFAIL' ) %]
149 <p><strong>Failed to unzip archive.<br />Please ensure you are uploading a valid zip file and try again.</strong></p>
150 [% ELSIF ( error == 'OPNLINK' ) %]
151 <p><strong>Cannot open folder index (idlink.txt or datalink.txt) to read.<br />Please verify that it exists.</strong></p>
152 [% ELSIF ( error == 'OPNIMG' ) %]
153 <p><strong>Cannot process file as an image.<br />Please ensure you only upload GIF, JPEG, PNG, or XPM images.</strong></p>
154 [% ELSIF ( error == 'DELERR' ) %]
155 <p><strong>Unrecognized or missing field delimiter.<br />Please verify that you are using either a single quote or a tab.</strong></p>
156 [% ELSIF ( error == 'DBERR' ) %]
157 <p><strong>Unable to save image to database.</strong></p>
159 <p><strong>An unknown error has occurred.<br />Please review the error log for more details.</strong></p>
162 [% END # /IF error %]
163 <h3>[% total | html %] images found</h3>
165 [% FOREACH result IN results %]
166 <li><a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% result.biblionumber | uri %]">[% result.title | html %]</a></li>
170 </div> <!-- /#upload_results -->
171 [% END # /IF uploadimage %]
174 [% UNLESS itemnumber || biblionumber %]
175 <li>Select an image file or ZIP file to upload. The tool will accept images in GIF, JPEG, PNG, and XPM formats.</li>
177 <li>Select an image file to upload. The tool will accept images in GIF, JPEG, PNG, and XPM formats.</li>
182 [% IF ( cover_images ) %]
183 <div class="col-sm-9">
185 <div class="col-sm-12">
188 <form method="post" action="/cgi-bin/koha/tools/upload-cover-image.pl" id="uploadfile" enctype="multipart/form-data">
189 <fieldset class="rows" >
190 <div id="fileuploadform">
191 <label for="fileToUpload">Select the file to upload: </label>
192 <input type="file" id="fileToUpload" name="fileToUpload" />
196 <a id="click_to_select" href="#">Drop files here or click to select a file</a>
197 <div id="messages"></div>
200 <div id="uploadpanel">
201 <div id="fileuploadstatus" class="progress_panel">Upload progress:
202 <progress max="100" value="0" id="fileuploadprogress">
204 <span class="fileuploadpercent">0</span>%
206 <div id="fileuploadfailed"></div>
209 </form> <!-- /#uploadfile -->
211 <form method="post" id="processfile" action="/cgi-bin/koha/tools/upload-cover-image.pl" enctype="multipart/form-data">
212 <input type="hidden" name="uploadedfileid" id="uploadedfileid" value="" />
213 <input type="hidden" name="runinbackground" id="runinbackground" value="" />
214 <input type="hidden" name="completedJobID" id="completedJobID" value="" />
217 <input type="hidden" id="itemnumber" name="itemnumber" value="[% itemnumber | html %]" />
218 <input type="hidden" name="filetype" value="image" />
219 [% ELSIF biblionumber %]
220 <input type="hidden" id="biblionumber" name="biblionumber" value="[% biblionumber | html %]" />
221 <input type="hidden" name="filetype" value="image" />
225 <fieldset id="upload_options" class="rows">
227 [% UNLESS itemnumber || biblionumber %]
229 [% IF (filetype != 'image' ) %]
230 <input type="radio" id="zipfile" name="filetype" value="zip" checked="checked" />
232 <input type="radio" id="zipfile" name="filetype" value="zip" />
234 <label for="zipfile">ZIP file</label>
237 [% IF (filetype == 'image' ) %]
238 <input type="radio" id="image" name="filetype" value="image" checked="checked" />
240 <input type="radio" id="image" name="filetype" value="image" />
242 <label for="image">Image file</label>
244 <li id="biblionumber_entry">
245 <label for="biblionumber">Bibliographic record number: </label>
246 <input type="text" id="biblionumber" name="biblionumber" value="[% biblionumber | html %]" size="15" />
250 <label for="replace">
251 [% IF AllowMultipleCovers == 0 %]
252 <input type="checkbox" id="replace" name="replace" value="" disabled="disabled" checked="checked" />
253 Existing covers will be replaced
255 <input type="checkbox" id="replace" name="replace" value="1" />
256 Replace existing covers
262 <fieldset id="process_images" class="action">
263 <button type="submit" class="btn btn-default btn-sm save_image">Process images</button>
264 [% IF ( biblionumber ) %]
265 <a class="cancel cancel_image" href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% biblionumber | uri %]">Cancel</a>
267 <a class="cancel cancel_image" href="/cgi-bin/koha/tools/upload-cover-image.pl">Cancel</a>
270 </form> <!-- /#processfile -->
271 </div> <!-- /.col-sm-9/.col-sm-12 -->
273 [% IF ( cover_images.size ) %]
274 <div class="col-sm-3">
275 <h3>Existing images</h3>
276 <ul class="thumbnails">
277 [% FOREACH img IN cover_images %]
279 <li id="imagenumber-[% img.imagenumber | html %]" class="thumbnail">
280 <a class="show_cover" data-coverimg="[% img.imagenumber | html %]" href="/cgi-bin/koha/catalogue/imageviewer.pl?biblionumber=[% biblionumber | html %]&imagenumber=[% img.imagenumber | html %]">
281 [% IF ( imagenumber == img.imagenumber ) %]
282 <img class="selected" id="thumbnail_[% img.imagenumber | html %]" src="/cgi-bin/koha/catalogue/image.pl?imagenumber=[% img.imagenumber | html %]&thumbnail=1" alt="Thumbnail" />
284 <img id="thumbnail_[% img.imagenumber | html %]" src="/cgi-bin/koha/catalogue/image.pl?imagenumber=[% img.imagenumber | html %]&thumbnail=1" alt="Thumbnail" />
287 <a href="#" class="remove" data-coverimg="[% img.imagenumber | html %]"><i class="fa fa-trash"></i> Delete image</a>
290 [% END # /FOREACH img %]
291 </ul> <!-- /ul.thumbnails -->
292 </div> <!-- /.col-sm-3 -->
293 [% END # /IF images.size %]
295 </div> <!-- /.row -->
297 </div> <!-- /.col-sm-10.col-sm-push-2 -->
299 <div class="col-sm-2 col-sm-pull-10">
301 [% INCLUDE 'tools-menu.inc' %]
303 </div> <!-- /.col-sm-2.col-sm-pull-10 -->
304 </div> <!-- /.row -->
306 [% MACRO jsinclude BLOCK %]
307 [% Asset.js("js/tools-menu.js") | $raw %]
309 var interface = "[% interface | html %]";
310 var theme = "[% theme | html %]";
311 var biblionumber = "[% biblionumber | html %]";
313 [% Asset.js("js/upload-images.js") | $raw %]
318 [% INCLUDE 'intranet-bottom.inc' %]