Owen Leonard
890231e7e6
This patch corrects the local cover image template's title tag so that it conforms to the changes made in Bug 26703, 'Modify the "title" elements to contain unique information first.' The patch also makes minor corrections to the page's breadcrumbs. To test you must have the LocalCoverImages system preference enabled. - Apply the patch and go to Cataloging -> Upload local cover image. - The page title should be correct: Upload local cover image › Cataloging › Koha - The breadcrumbs should be: Home -> Cataloging -> Upload cover image - Locate a bibliographic record and view its details. - Click the "Images" tab, then the "Upload" button. - The page title should now be Upload local cover image for [title] › Cataloging › Koha - The breadcrumbs should now be: Home -> Cataloging -> Upload local cover image -> Upload cover for [title] Signed-off-by: David Nind <david@davidnind.com> Signed-off-by: Katrin Fischer <katrin.fischer.83@web.de> Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
329 lines
15 KiB
Text
329 lines
15 KiB
Text
[% USE raw %]
|
|
[% USE Asset %]
|
|
[% SET footerjs = 1 %]
|
|
[% INCLUDE 'doc-head-open.inc' %]
|
|
<title>
|
|
[% IF ( biblio ) %]
|
|
Upload local cover image for [% INCLUDE 'biblio-title-head.inc' %] ›
|
|
[% ELSE %]
|
|
Upload local cover image ›
|
|
[% END %]
|
|
Cataloging ›
|
|
Koha
|
|
</title>
|
|
[% INCLUDE 'doc-head-close.inc' %]
|
|
[% FILTER collapse %]
|
|
<style>
|
|
#fileuploadstatus,
|
|
#fileuploadfailed,
|
|
#jobpanel,
|
|
#jobstatus,
|
|
#jobfailed,
|
|
#fileuploadform,
|
|
#upload_file_type,
|
|
#upload_options,
|
|
#process_images {
|
|
display: none;
|
|
}
|
|
#uploadpanel {
|
|
clear:both;
|
|
margin-top: .9em;
|
|
}
|
|
#filedrag {
|
|
background-color: #FFF;
|
|
outline: 2px dashed #92b0b3;
|
|
outline-offset: -10px;
|
|
font-weight: bold;
|
|
font-size: 130%;
|
|
text-align: center;
|
|
position: relative;
|
|
padding: 50px 20px;
|
|
margin: 1em;
|
|
|
|
cursor: default;
|
|
}
|
|
|
|
#click_to_select:hover {
|
|
color: #538200;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#filedrag.hover {
|
|
outline-offset: -20px;
|
|
outline-color: #c8dadf;
|
|
background-color: #fff;
|
|
}
|
|
|
|
#messages {
|
|
font-weight: normal;
|
|
}
|
|
.cover_preview {
|
|
margin:1em;
|
|
max-height:200px;
|
|
max-width:200px;
|
|
}
|
|
.progress_panel {
|
|
border: 0;
|
|
border-radius: 0;
|
|
margin: .9em;
|
|
background-color: #FFF;
|
|
}
|
|
.fa-file-archive-o {
|
|
color: #777;
|
|
font-size: 300%
|
|
}
|
|
</style>
|
|
[% END %]
|
|
</head>
|
|
|
|
<body id="tools_upload-images" class="tools">
|
|
[% WRAPPER 'header.inc' %]
|
|
[% INCLUDE 'cat-search.inc' %]
|
|
[% END %]
|
|
|
|
[% WRAPPER 'sub-header.inc' %]
|
|
<nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
|
|
<ol>
|
|
<li>
|
|
<a href="/cgi-bin/koha/mainpage.pl">Home</a>
|
|
</li>
|
|
<li>
|
|
<a href="/cgi-bin/koha/cataloguing/cataloging-home.pl">Cataloging</a>
|
|
</li>
|
|
[% IF uploadimage || biblio || itemnumber || biblionumber %]
|
|
<li>
|
|
<a href="/cgi-bin/koha/tools/upload-cover-image.pl">Upload local cover image</a>
|
|
</li>
|
|
[% END %]
|
|
|
|
[% IF ( uploadimage ) %]
|
|
<li>
|
|
<a href="#" aria-current="page">
|
|
Upload results
|
|
</a>
|
|
</li>
|
|
[% IF ( biblionumber ) %]
|
|
<li>
|
|
<a href="#" aria-current="page"><em>[% INCLUDE 'biblio-title.inc' %]</em></a>
|
|
</li>
|
|
[% END %]
|
|
[% ELSIF biblio %]
|
|
<li>
|
|
<a href="#" aria-current="page">
|
|
Upload cover for <em>[% INCLUDE 'biblio-title.inc' %]</em>
|
|
</a>
|
|
</li>
|
|
[% ELSIF itemnumber %]
|
|
<li>
|
|
<a href="#" aria-current="page">
|
|
Upload cover for itemnumber: [% itemnumber | html %]
|
|
</a>
|
|
</li>
|
|
[% ELSIF biblionumber %]
|
|
<li>
|
|
<a href="#" aria-current="page">
|
|
Upload cover for biblionumber: [% biblionumber | html %]
|
|
</a>
|
|
</li>
|
|
[% ELSE %]
|
|
<li>
|
|
<a href="#" aria-current="page">
|
|
Upload local cover image
|
|
</a>
|
|
</li>
|
|
[% END %]
|
|
</ol>
|
|
</nav>
|
|
[% END %]
|
|
|
|
<div class="main container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-10 col-sm-push-2">
|
|
<main>
|
|
|
|
[% UNLESS itemnumber || biblionumber %]
|
|
<h1>Upload local cover image</h1>
|
|
[% ELSIF biblio %]
|
|
<h1>
|
|
Upload local cover image for <a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% biblionumber | uri %]"><em>[% INCLUDE 'biblio-title.inc' %]</em></a>
|
|
[% IF ( itemnumber ) %], Item number: [% itemnumber | html %][% END %]
|
|
</h1>
|
|
[% ELSIF itemnumber %]
|
|
<h1>Upload local cover image for item number: [% itemnumber | html %]</h1>
|
|
[% END %]
|
|
|
|
[% IF ( uploadimage ) %]
|
|
<h2>Image upload results :</h2>
|
|
<div id="upload_results">
|
|
[% IF ( error ) %]
|
|
<div class="dialog alert">
|
|
[% IF ( error == 'UZIPFAIL' ) %]
|
|
<p><strong>Failed to unzip archive.<br />Please ensure you are uploading a valid zip file and try again.</strong></p>
|
|
[% ELSIF ( error == 'OPNLINK' ) %]
|
|
<p><strong>Cannot open folder index (idlink.txt or datalink.txt) to read.<br />Please verify that it exists.</strong></p>
|
|
[% ELSIF ( error == 'OPNIMG' ) %]
|
|
<p><strong>Cannot process file as an image.<br />Please ensure you only upload GIF, JPEG, PNG, or XPM images.</strong></p>
|
|
[% ELSIF ( error == 'DELERR' ) %]
|
|
<p><strong>Unrecognized or missing field delimiter.<br />Please verify that you are using either a single quote or a tab.</strong></p>
|
|
[% ELSIF ( error == 'DBERR' ) %]
|
|
<p><strong>Unable to save image to database.</strong></p>
|
|
[% ELSE %]
|
|
<p><strong>An unknown error has occurred.<br />Please review the error log for more details.</strong></p>
|
|
[% END %]
|
|
</div>
|
|
[% END # /IF error %]
|
|
<h3>[% total | html %] images found</h3>
|
|
<ul>
|
|
[% FOREACH result IN results %]
|
|
<li><a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% result.biblionumber | uri %]">[% result.title | html %]</a></li>
|
|
[% END %]
|
|
</ul>
|
|
<hr />
|
|
</div> <!-- /#upload_results -->
|
|
[% END # /IF uploadimage %]
|
|
|
|
<ul>
|
|
[% UNLESS itemnumber || biblionumber %]
|
|
<li>Select an image file or ZIP file to upload. The tool will accept images in GIF, JPEG, PNG, and XPM formats.</li>
|
|
[% ELSE %]
|
|
<li>Select an image file to upload. The tool will accept images in GIF, JPEG, PNG, and XPM formats.</li>
|
|
[% END %]
|
|
</ul>
|
|
|
|
<div class="row">
|
|
[% IF ( cover_images ) %]
|
|
<div class="col-sm-9">
|
|
[% ELSE %]
|
|
<div class="col-sm-12">
|
|
[% END %]
|
|
|
|
<form method="post" action="/cgi-bin/koha/tools/upload-cover-image.pl" id="uploadfile" enctype="multipart/form-data">
|
|
<fieldset class="rows" >
|
|
<div id="fileuploadform">
|
|
<label for="fileToUpload">Select the file to upload: </label>
|
|
<input type="file" id="fileToUpload" name="fileToUpload" />
|
|
</div>
|
|
|
|
<div id="filedrag">
|
|
<a id="click_to_select" href="#">Drop files here or click to select a file</a>
|
|
<div id="messages"></div>
|
|
</div>
|
|
|
|
<div id="uploadpanel">
|
|
<div id="fileuploadstatus" class="progress_panel">Upload progress:
|
|
<progress max="100" value="0" id="fileuploadprogress">
|
|
</progress>
|
|
<span class="fileuploadpercent">0</span>%
|
|
</div>
|
|
<div id="fileuploadfailed"></div>
|
|
</div>
|
|
</fieldset>
|
|
</form> <!-- /#uploadfile -->
|
|
|
|
<form method="post" id="processfile" action="/cgi-bin/koha/tools/upload-cover-image.pl" enctype="multipart/form-data">
|
|
<input type="hidden" name="uploadedfileid" id="uploadedfileid" value="" />
|
|
<input type="hidden" name="runinbackground" id="runinbackground" value="" />
|
|
<input type="hidden" name="completedJobID" id="completedJobID" value="" />
|
|
|
|
[% IF itemnumber %]
|
|
<input type="hidden" id="itemnumber" name="itemnumber" value="[% itemnumber | html %]" />
|
|
<input type="hidden" name="filetype" value="image" />
|
|
[% ELSIF biblionumber %]
|
|
<input type="hidden" id="biblionumber" name="biblionumber" value="[% biblionumber | html %]" />
|
|
<input type="hidden" name="filetype" value="image" />
|
|
[% END %]
|
|
|
|
|
|
<fieldset id="upload_options" class="rows">
|
|
<ol>
|
|
[% UNLESS itemnumber || biblionumber %]
|
|
<li class="radio">
|
|
[% IF (filetype != 'image' ) %]
|
|
<input type="radio" id="zipfile" name="filetype" value="zip" checked="checked" />
|
|
[% ELSE %]
|
|
<input type="radio" id="zipfile" name="filetype" value="zip" />
|
|
[% END %]
|
|
<label for="zipfile">ZIP file</label>
|
|
</li>
|
|
<li class="radio">
|
|
[% IF (filetype == 'image' ) %]
|
|
<input type="radio" id="image" name="filetype" value="image" checked="checked" />
|
|
[% ELSE %]
|
|
<input type="radio" id="image" name="filetype" value="image" />
|
|
[% END %]
|
|
<label for="image">Image file</label>
|
|
</li>
|
|
<li id="biblionumber_entry">
|
|
<label for="biblionumber">Bibliographic record number: </label>
|
|
<input type="text" id="biblionumber" name="biblionumber" value="[% biblionumber | html %]" size="15" />
|
|
</li>
|
|
[% END %]
|
|
<li class="radio">
|
|
<label for="replace">
|
|
[% IF AllowMultipleCovers == 0 %]
|
|
<input type="checkbox" id="replace" name="replace" value="" disabled="disabled" checked="checked" />
|
|
Existing covers will be replaced
|
|
[% ELSE %]
|
|
<input type="checkbox" id="replace" name="replace" value="1" />
|
|
Replace existing covers
|
|
[% END %]
|
|
</li>
|
|
</ol>
|
|
</fieldset>
|
|
|
|
<fieldset id="process_images" class="action">
|
|
<button type="submit" class="btn btn-primary btn-sm save_image">Process images</button>
|
|
[% IF ( biblionumber ) %]
|
|
<a class="cancel cancel_image" href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=[% biblionumber | uri %]">Cancel</a>
|
|
[% ELSE %]
|
|
<a class="cancel cancel_image" href="/cgi-bin/koha/tools/upload-cover-image.pl">Cancel</a>
|
|
[% END %]
|
|
</fieldset>
|
|
</form> <!-- /#processfile -->
|
|
</div> <!-- /.col-sm-9/.col-sm-12 -->
|
|
|
|
[% IF ( cover_images.size ) %]
|
|
<div class="col-sm-3">
|
|
<h3>Existing images</h3>
|
|
<ul class="thumbnails">
|
|
[% FOREACH img IN cover_images %]
|
|
[% IF img %]
|
|
<li id="imagenumber-[% img.imagenumber | html %]" class="thumbnail">
|
|
<a class="show_cover" data-coverimg="[% img.imagenumber | html %]" href="/cgi-bin/koha/catalogue/imageviewer.pl?biblionumber=[% biblionumber | html %]&imagenumber=[% img.imagenumber | html %]">
|
|
[% IF ( imagenumber == img.imagenumber ) %]
|
|
<img class="selected" id="thumbnail_[% img.imagenumber | html %]" src="/cgi-bin/koha/catalogue/image.pl?imagenumber=[% img.imagenumber | html %]&thumbnail=1" alt="Thumbnail" />
|
|
[% ELSE %]
|
|
<img id="thumbnail_[% img.imagenumber | html %]" src="/cgi-bin/koha/catalogue/image.pl?imagenumber=[% img.imagenumber | html %]&thumbnail=1" alt="Thumbnail" />
|
|
[% END %]
|
|
</a>
|
|
<a href="#" class="remove" data-coverimg="[% img.imagenumber | html %]"><i class="fa fa-trash"></i> Delete image</a>
|
|
</li>
|
|
[% END # /IF img %]
|
|
[% END # /FOREACH img %]
|
|
</ul> <!-- /ul.thumbnails -->
|
|
</div> <!-- /.col-sm-3 -->
|
|
[% END # /IF images.size %]
|
|
|
|
</div> <!-- /.row -->
|
|
</main>
|
|
</div> <!-- /.col-sm-10.col-sm-push-2 -->
|
|
|
|
<div class="col-sm-2 col-sm-pull-10">
|
|
<aside>
|
|
[% INCLUDE 'cat-menu.inc' %]
|
|
</aside>
|
|
</div> <!-- /.col-sm-2.col-sm-pull-10 -->
|
|
</div> <!-- /.row -->
|
|
|
|
[% MACRO jsinclude BLOCK %]
|
|
<script>
|
|
var interface = "[% interface | html %]";
|
|
var theme = "[% theme | html %]";
|
|
var biblionumber = "[% biblionumber | html %]";
|
|
</script>
|
|
[% Asset.js("js/upload-images.js") | $raw %]
|
|
|
|
</script>
|
|
[% END %]
|
|
|
|
[% INCLUDE 'intranet-bottom.inc' %]
|