mirror of
https://github.com/Piwigo/Piwigo.git
synced 2025-04-25 19:00:03 +03:00
41d5c8a258
For these pages : picture modify, album notification, category permission, comments, menubar, all configurations, site update, element set ranks, notification by mail Change how success and errors messages are displayed and handled
123 lines
4.2 KiB
Smarty
123 lines
4.2 KiB
Smarty
{combine_script id='common' load='footer' path='admin/themes/default/js/common.js'}
|
|
{footer_script require='jquery.ui.sortable'}
|
|
|
|
const cat_nav = '{$CATEGORIES_NAV|escape:javascript}';
|
|
|
|
jQuery(document).ready(function() {
|
|
function checkOrderOptions() {
|
|
jQuery("#image_order_user_define_options").hide();
|
|
if (jQuery("input[name=image_order_choice]:checked").val() == "user_define") {
|
|
jQuery("#image_order_user_define_options").show();
|
|
}
|
|
}
|
|
|
|
jQuery('ul.thumbnails').sortable( {
|
|
revert: true, opacity: 0.7,
|
|
handle: jQuery('.rank-of-image').add('.rank-of-image img'),
|
|
update: function() {
|
|
jQuery(this).find('li').each(function(i) {
|
|
jQuery(this).find("input[name^=rank_of_image]").each(function() {
|
|
jQuery(this).attr('value', (i+1)*10)
|
|
});
|
|
});
|
|
|
|
jQuery('#image_order_rank').prop('checked', true);
|
|
checkOrderOptions();
|
|
}
|
|
});
|
|
|
|
jQuery("input[name=image_order_choice]").click(function () {
|
|
checkOrderOptions();
|
|
});
|
|
|
|
checkOrderOptions();
|
|
});
|
|
jQuery(document).ready(function() {
|
|
jQuery('.thumbnail').tipTip({
|
|
'delay' : 0,
|
|
'fadeIn' : 200,
|
|
'fadeOut' : 200
|
|
});
|
|
});
|
|
{/footer_script}
|
|
|
|
<form action="{$F_ACTION}" method="post" id="element_set_ranks">
|
|
{if !empty($thumbnails)}
|
|
<fieldset>
|
|
<legend><span class="icon-sort-alt-down icon-blue"></span>{'Manual order'|@translate}</legend>
|
|
{if !empty($thumbnails)}
|
|
<p>{'Drag to re-order'|@translate}</p>
|
|
<ul class="thumbnails">
|
|
{foreach from=$thumbnails item=thumbnail}
|
|
<li class="rank-of-image">
|
|
<img src="{$thumbnail.TN_SRC}" class="thumbnail" alt="{$thumbnail.NAME|@replace:'"':' '}" title="{$thumbnail.NAME|@replace:'"':' '}" style="width:{$thumbnail.SIZE[0]}px; height:{$thumbnail.SIZE[1]}px; ">
|
|
<input type="text" name="rank_of_image[{$thumbnail.ID}]" value="{$thumbnail.RANK}" style="display:none">
|
|
</li>
|
|
{/foreach}
|
|
</ul>
|
|
{/if}
|
|
</fieldset>
|
|
{/if}
|
|
|
|
<fieldset>
|
|
<legend><span class="icon-sort-name-up icon-red"></span>{'Sort order'|@translate}</legend>
|
|
<p class="field">
|
|
<label class="font-checkbox">
|
|
<span class="icon-dot-circled"></span>
|
|
<input type="radio" name="image_order_choice" id="image_order_default" value="default"{if $image_order_choice=='default'} checked="checked"{/if}>
|
|
{'Use the default photo sort order'|@translate}
|
|
</label>
|
|
</p>
|
|
<p class="field">
|
|
<label class="font-checkbox">
|
|
<span class="icon-dot-circled"></span>
|
|
<input type="radio" name="image_order_choice" id="image_order_rank" value="rank"{if $image_order_choice=='rank'} checked="checked"{/if}>
|
|
{'manual order'|translate}
|
|
</label>
|
|
</p>
|
|
<p class="field">
|
|
<label class="font-checkbox">
|
|
<span class="icon-dot-circled"></span>
|
|
<input type="radio" name="image_order_choice" id="image_order_user_define" value="user_define"{if $image_order_choice=='user_define'} checked="checked"{/if}>
|
|
{'automatic order'|@translate}
|
|
</label>
|
|
<div id="image_order_user_define_options">
|
|
{foreach from=$image_order item=order}
|
|
<p class="field">
|
|
<select name="image_order[]">
|
|
{html_options options=$image_order_options selected=$order}
|
|
</select>
|
|
</p>
|
|
{/foreach}
|
|
</div>
|
|
</fieldset>
|
|
|
|
<div class="savebar-footer">
|
|
<div class="savebar-footer-start">
|
|
<div class="savebar-footer-block">
|
|
<div class="switch-input">
|
|
<label class="switch">
|
|
<input type="checkbox" name="image_order_subcats" id="image_order_subcats">
|
|
<span class="slider round"></span>
|
|
</label>
|
|
</div>
|
|
<label class="switch-label" for="apply_on_sub"><span>{'Apply to sub-albums'|@translate}</span></label>
|
|
</div>
|
|
</div>
|
|
<div class="savebar-footer-end">
|
|
|
|
{if isset($save_success)}
|
|
<div class="savebar-footer-block">
|
|
<div class="badge info-message">
|
|
<i class="icon-ok"></i>{$save_success}
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
|
|
<div class="savebar-footer-block">
|
|
<button id="applyAction" class="buttonLike" type="submit" name="submit"><i class="icon-floppy"></i>{'Save order'|@translate}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|