Improve gallery insert function (#552)

Border around selected images, button hidden till iamge is selected, init language constant
This commit is contained in:
onli 2018-06-11 23:12:12 +02:00
parent e23fed0a47
commit bfce8ffb61
5 changed files with 12 additions and 9 deletions

View File

@ -1 +1,2 @@
@define('URL_NOT_FOUND', 'The requested page could not be found (404). This is the default page.');
@define('INSERT_ALL, 'Insert All');

View File

@ -70,8 +70,10 @@
</div>
{else}
{if NOT $media.manage}
<input id="multiinsert_image{$file.id}" class="multiinsert" name="serendipity[fids][]" type="checkbox" value="{$file.id}" data-multiinsertid="media_{$file.id}">
<div class="form_check">
<input id="multiinsert_image{$file.id}" class="multiinsert" name="serendipity[fids][]" type="checkbox" value="{$file.id}" data-multidelid="media_{$file.id}">
<label for="multiinsert_image{$file.id}" class="visuallyhidden">{$CONST.TOGGLE_SELECT}</label>
</div>
{/if}
{/if}

View File

@ -278,11 +278,8 @@
</div>
{else}
{if NOT $media.manage}
<div class="form_buttons">
{* javascript will add the chosen images as &amp;serendipity[fids]=x,y,z,... *}
{*<a href="{$link}" class="image_insert button_link">Insert All</a> *}
<button class="image_insert button_link" type="submit">Insert All</button>
</form>
<div id="media_galleryinsert" class="form_buttons">
<button class="image_insert button_link" type="submit">{$CONST.INSERT_ALL}</button>
</div>
{/if}
{/if}

View File

@ -1384,10 +1384,13 @@ $(function() {
});
// Selection for multidelete
$('.multidelete').click(function() {
$('.multidelete, .multiinsert').click(function() {
var $el = $(this);
serendipity.highlightComment($el.attr('data-multidelid'), $el.attr('checked'));
$('#media_galleryinsert').fadeIn();
});
// hide gallery insert button until an image is selected
$('#media_galleryinsert').hide();
// Invert checkboxes
$('.invert_selection').click(function() {