3 [% PROCESS 'i18n.inc' %]
5 [% INCLUDE 'doc-head-open.inc' %]
6 <title>[% FILTER collapse %]
8 [% t("Upload local cover image for ") | html %] [% INCLUDE 'biblio-title-head.inc' %] ›
10 [% t("Upload local cover image") | html %] ›
11 [% t("Cataloging") | html %] ›
12 [% t("Koha") | html %]
14 [% INCLUDE 'doc-head-close.inc' %]
33 background-color: #FFF;
34 outline: 2px dashed #92b0b3;
35 outline-offset: -10px;
46 #click_to_select:hover {
52 outline-offset: -20px;
53 outline-color: #c8dadf;
54 background-color: #fff;
69 background-color: #FFF;
79 <body id="tools_upload-images" class="tools">
80 [% WRAPPER 'header.inc' %]
81 [% INCLUDE 'cat-search.inc' %]
84 [% WRAPPER 'sub-header.inc' %]
85 [% WRAPPER breadcrumbs %]
86 [% WRAPPER breadcrumb_item %]
87 <a href="/cgi-bin/koha/cataloguing/cataloging-home.pl">Cataloging</a>
89 [% IF uploadimage || biblio || itemnumber || biblionumber %]
90 [% WRAPPER breadcrumb_item %]
91 <a href="/cgi-bin/koha/tools/upload-cover-image.pl">Upload local cover image</a>
95 [% IF ( uploadimage ) %]
96 [% WRAPPER breadcrumb_item bc_active= 1 %]
97 <span>Upload results</span>
99 [% IF ( biblionumber ) %]
100 [% WRAPPER breadcrumb_item bc_active= 1 %]
101 <em>[% INCLUDE 'biblio-title.inc' %]</em>
105 [% WRAPPER breadcrumb_item bc_active= 1 %]
106 <span>Upload cover for <em>[% INCLUDE 'biblio-title.inc' %]</em></span>
108 [% ELSIF itemnumber %]
109 [% WRAPPER breadcrumb_item bc_active= 1 %]
110 <span>Upload cover for itemnumber: [% itemnumber | html %]</span>
112 [% ELSIF biblionumber %]
113 [% WRAPPER breadcrumb_item bc_active= 1 %]
114 <span>Upload cover for biblionumber: [% biblionumber | html %]</span>
117 [% WRAPPER breadcrumb_item bc_active= 1 %]
118 <span>Upload local cover image</span>
121 [% END #/ WRAPPER breadcrumbs %]
122 [% END #/ WRAPPER sub-header.inc %]
124 <div class="main container-fluid">
126 <div class="col-sm-10 col-sm-push-2">
129 [% UNLESS itemnumber || biblionumber %]
130 <h1>Upload local cover image</h1>
133 Upload local cover image for <a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% biblionumber | uri %]"><em>[% INCLUDE 'biblio-title.inc' %]</em></a>
134 [% IF ( itemnumber ) %], Item number: [% itemnumber | html %][% END %]
136 [% ELSIF itemnumber %]
137 <h1>Upload local cover image for item number: [% itemnumber | html %]</h1>
140 [% IF ( uploadimage ) %]
141 <h2>Image upload results :</h2>
142 <div id="upload_results">
144 <div class="dialog alert">
145 [% IF ( error == 'UZIPFAIL' ) %]
146 <p><strong>Failed to unzip archive.<br />Please ensure you are uploading a valid zip file and try again.</strong></p>
147 [% ELSIF ( error == 'OPNLINK' ) %]
148 <p><strong>Cannot open folder index (idlink.txt or datalink.txt) to read.<br />Please verify that it exists.</strong></p>
149 [% ELSIF ( error == 'OPNIMG' ) %]
150 <p><strong>Cannot process file as an image.<br />Please ensure you only upload GIF, JPEG, PNG, or XPM images.</strong></p>
151 [% ELSIF ( error == 'DELERR' ) %]
152 <p><strong>Unrecognized or missing field delimiter.<br />Please verify that you are using either a single quote or a tab.</strong></p>
153 [% ELSIF ( error == 'DBERR' ) %]
154 <p><strong>Unable to save image to database.</strong></p>
156 <p><strong>An unknown error has occurred.<br />Please review the error log for more details.</strong></p>
159 [% END # /IF error %]
160 <h3>[% total | html %] images found</h3>
162 [% FOREACH result IN results %]
163 <li><a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% result.biblionumber | uri %]">[% result.title | html %]</a></li>
167 </div> <!-- /#upload_results -->
168 [% END # /IF uploadimage %]
171 [% UNLESS itemnumber || biblionumber %]
172 <li>Select an image file or ZIP file to upload. The tool will accept images in GIF, JPEG, PNG, and XPM formats.</li>
174 <li>Select an image file to upload. The tool will accept images in GIF, JPEG, PNG, and XPM formats.</li>
179 [% IF ( cover_images ) %]
180 <div class="col-sm-9">
182 <div class="col-sm-12">
185 <form method="post" action="/cgi-bin/koha/tools/upload-cover-image.pl" id="uploadfile" enctype="multipart/form-data">
186 <fieldset class="rows" >
187 <div id="fileuploadform">
188 <label for="fileToUpload">Select the file to upload: </label>
189 <input type="file" id="fileToUpload" name="fileToUpload" />
193 <a id="click_to_select" href="#">Drop files here or click to select a file</a>
194 <div id="messages"></div>
197 <div id="uploadpanel">
198 <div id="fileuploadstatus" class="progress_panel">Upload progress:
199 <progress max="100" value="0" id="fileuploadprogress">
201 <span class="fileuploadpercent">0</span>%
203 <div id="fileuploadfailed"></div>
206 </form> <!-- /#uploadfile -->
208 <form method="post" id="processfile" action="/cgi-bin/koha/tools/upload-cover-image.pl" enctype="multipart/form-data">
209 <input type="hidden" name="uploadedfileid" id="uploadedfileid" value="" />
212 <input type="hidden" id="itemnumber" name="itemnumber" value="[% itemnumber | html %]" />
213 <input type="hidden" name="filetype" value="image" />
214 [% ELSIF biblionumber %]
215 <input type="hidden" id="biblionumber" name="biblionumber" value="[% biblionumber | html %]" />
216 <input type="hidden" name="filetype" value="image" />
220 <fieldset id="upload_options" class="rows">
222 [% UNLESS itemnumber || biblionumber %]
224 [% IF (filetype != 'image' ) %]
225 <input type="radio" id="zipfile" name="filetype" value="zip" checked="checked" />
227 <input type="radio" id="zipfile" name="filetype" value="zip" />
229 <label for="zipfile">ZIP file</label>
232 [% IF (filetype == 'image' ) %]
233 <input type="radio" id="image" name="filetype" value="image" checked="checked" />
235 <input type="radio" id="image" name="filetype" value="image" />
237 <label for="image">Image file</label>
239 <li id="biblionumber_entry">
240 <label for="biblionumber">Bibliographic record number: </label>
241 <input type="text" id="biblionumber" name="biblionumber" value="[% biblionumber | html %]" size="15" />
245 <label for="replace">
246 [% IF AllowMultipleCovers == 0 %]
247 <input type="checkbox" id="replace" name="replace" value="" disabled="disabled" checked="checked" />
248 Existing covers will be replaced
250 <input type="checkbox" id="replace" name="replace" value="1" />
251 Replace existing covers
257 <fieldset id="process_images" class="action">
258 <button type="submit" class="btn btn-primary btn-sm save_image">Process images</button>
259 [% IF ( biblionumber ) %]
260 <a class="cancel cancel_image" href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% biblionumber | uri %]">Cancel</a>
262 <a class="cancel cancel_image" href="/cgi-bin/koha/tools/upload-cover-image.pl">Cancel</a>
265 </form> <!-- /#processfile -->
266 </div> <!-- /.col-sm-9/.col-sm-12 -->
268 [% IF ( cover_images.size ) %]
269 <div class="col-sm-3">
270 <h3>Existing images</h3>
271 <ul class="thumbnails">
272 [% FOREACH img IN cover_images %]
274 <li id="imagenumber-[% img.imagenumber | html %]" class="thumbnail">
275 <a class="show_cover" data-coverimg="[% img.imagenumber | html %]" href="/cgi-bin/koha/catalogue/imageviewer.pl?biblionumber=[% biblionumber | html %]&imagenumber=[% img.imagenumber | html %]">
276 [% IF ( imagenumber == img.imagenumber ) %]
277 <img class="selected" id="thumbnail_[% img.imagenumber | html %]" src="/cgi-bin/koha/catalogue/image.pl?imagenumber=[% img.imagenumber | html %]&thumbnail=1" alt="Thumbnail" />
279 <img id="thumbnail_[% img.imagenumber | html %]" src="/cgi-bin/koha/catalogue/image.pl?imagenumber=[% img.imagenumber | html %]&thumbnail=1" alt="Thumbnail" />
282 <a href="#" class="remove" data-coverimg="[% img.imagenumber | html %]"><i class="fa fa-trash-can"></i> Delete image</a>
285 [% END # /FOREACH img %]
286 </ul> <!-- /ul.thumbnails -->
287 </div> <!-- /.col-sm-3 -->
288 [% END # /IF images.size %]
290 </div> <!-- /.row -->
292 </div> <!-- /.col-sm-10.col-sm-push-2 -->
294 <div class="col-sm-2 col-sm-pull-10">
296 [% INCLUDE 'cat-menu.inc' %]
298 </div> <!-- /.col-sm-2.col-sm-pull-10 -->
299 </div> <!-- /.row -->
301 [% MACRO jsinclude BLOCK %]
303 var interface = "[% interface | html %]";
304 var theme = "[% theme | html %]";
305 var biblionumber = "[% biblionumber | html %]";
307 [% Asset.js("js/upload-images.js") | $raw %]
312 [% INCLUDE 'intranet-bottom.inc' %]