fixes #2306 move save buttons to bottom of page (PR #2346)

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
This commit is contained in:
HWFord
2025-03-21 16:28:37 +01:00
committed by GitHub
parent 4a539bdfb7
commit 41d5c8a258
30 changed files with 492 additions and 148 deletions
@@ -117,12 +117,24 @@ span.errors {
</p>
{/if}
<p class="actionButtons">
<button name="submitEmail" type="submit" class="buttonLike">
<i class="icon-mail"></i> {'Send'|translate}
</button>
<span class="errors" style="display:none">&#x2718; {'No recipient selected'|translate}</span>
</p>
<div class="savebar-footer">
<div class="savebar-footer-start">
</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 class="buttonLike" type="submit" name="submitEmail"><i class="icon-mail"></i> {'Send'|@translate}</button>
</div>
</div>
</div>
</fieldset>
@@ -330,7 +330,7 @@ pluginValues = [];
</div>
<div class="buttonLike action-save-global">
<i class="icon-floppy"></i>
Save all photos
{'Save all photos'|translate}
</div>
</div>
</div>
+27 -11
View File
@@ -168,17 +168,33 @@ jQuery("#selectStatus").change(function() {
*}
</fieldset>
<p style="margin:12px;text-align:left;">
<button name="submit" type="submit" class="buttonLike">
<i class="icon-floppy"></i> {'Save Settings'|@translate}
</button>
<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="apply_on_sub" id="apply_on_sub" {if $INHERIT}checked="true"{/if}>
<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">
<label id="applytoSubAction" class="font-checkbox">
<span class="icon-check"></span>
<input type="checkbox" name="apply_on_sub" {if $INHERIT}checked="checked"{/if}>
{'Apply to sub-albums'|@translate}
</label>
</p>
{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 class="buttonLike" type="submit" name="submit"><i class="icon-floppy"></i> {'Save Settings'|@translate}</button>
</div>
</div>
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
</div>
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
</form>
+32 -4
View File
@@ -80,10 +80,38 @@ jQuery(document).ready(function(){
<a href="#" id="commentSelectInvert">{'Invert'|@translate}</a>
</p>
<p class="bottomButtons">
<input type="submit" name="validate" value="{'Validate'|@translate}">
<input type="submit" name="reject" value="{'Reject'|@translate}">
</p>
<div class="savebar-footer">
<div class="savebar-footer-start">
</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}
{if isset($save_error)}
<div class="savebar-footer-block">
<div class="badge info-error">
<i class="icon-cancel-circled"></i>{$save_error}
</div>
</div>
{/if}
{if isset($save_warning)}
<div class="savebar-footer-block">
<div class="badge info-warning">
<i class="icon-attention"></i>{$save_warning}
</div>
</div>
{/if}
<div class="savebar-footer-block">
<button class="buttonSecond" type="submit" name="reject" value="{'Reject'|@translate}"><i class="icon-floppy"></i> {'Reject'|@translate}</button>
<button class="buttonLike" type="submit" name="validate" value="{'Validate'|@translate}"><i class="icon-floppy"></i> {'Validate'|@translate}</button>
</div>
</div>
</div>
</form>
{/if}
@@ -150,11 +150,22 @@
</div> <!-- configContent -->
<p class="formButtons">
<button name="submit" type="submit" class="buttonLike" {if $isWebmaster != 1}disabled{/if}>
<i class="icon-floppy"></i> {'Save Settings'|@translate}
</button>
</p>
<div class="savebar-footer">
<div class="savebar-footer-start">
</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 class="buttonLike" type="submit" name="submit" {if $isWebmaster != 1}disabled{/if}><i class="icon-floppy"></i> {'Save Settings'|@translate}</button>
</div>
</div>
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
</div>
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
</form>
@@ -318,11 +318,23 @@
</div> <!-- configContent -->
<p class="formButtons">
<button name="submit" type="submit" class="buttonLike" {if $isWebmaster != 1}disabled{/if}>
<i class="icon-floppy"></i> {'Save Settings'|@translate}
</button>
</p>
<div class="savebar-footer">
<div class="savebar-footer-start">
</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 class="buttonLike" type="submit" name="submit" {if $isWebmaster != 1}disabled{/if}><i class="icon-floppy"></i> {'Save Settings'|@translate}</button>
</div>
</div>
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
</div>
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
</form>
@@ -291,11 +291,22 @@ jQuery("input[name='email_admin_on_new_user_filter']").change(function() {
</div> <!-- configContent -->
<p class="formButtons">
<button name="submit" type="submit" class="buttonLike" {if $isWebmaster != 1}disabled{/if}>
<i class="icon-floppy"></i> {'Save Settings'|@translate}
</button>
</p>
<div class="savebar-footer">
<div class="savebar-footer-start">
</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 class="buttonLike" type="submit" name="submit" {if $isWebmaster != 1}disabled{/if}><i class="icon-floppy"></i> {'Save Settings'|@translate}</button>
</div>
</div>
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
</div>
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
</form>
@@ -221,11 +221,22 @@ $(".restore-settings-button").each(function() {
</div> <!-- configContent -->
<p class="formButtons">
<button name="submit" type="submit" class="buttonLike" {if $isWebmaster != 1}disabled{/if}>
<i class="icon-floppy"></i> {'Save Settings'|@translate}
</button>
</p>
<div class="savebar-footer">
<div class="savebar-footer-start">
</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 class="buttonLike" type="submit" name="submit" {if $isWebmaster != 1}disabled{/if}><i class="icon-floppy"></i> {'Save Settings'|@translate}</button>
</div>
</div>
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
</div>
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
</form>
@@ -129,11 +129,22 @@
</div> <!-- configContent -->
<p class="formButtons">
<button name="submit" type="submit" class="buttonLike" {if $isWebmaster != 1}disabled{/if}>
<i class="icon-floppy"></i> {'Save Settings'|@translate}
</button>
</p>
<div class="savebar-footer">
<div class="savebar-footer-start">
</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 class="buttonLike" type="submit" name="submit" {if $isWebmaster != 1}disabled{/if}><i class="icon-floppy"></i> {'Save Settings'|@translate}</button>
</div>
</div>
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
</div>
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
</form>
@@ -41,9 +41,8 @@ jQuery('.thumbnail').tipTip({
});
{/footer_script}
<form action="{$F_ACTION}" method="post">
<form action="{$F_ACTION}" method="post" id="element_set_ranks">
{if !empty($thumbnails)}
<p><input type="submit" value="{'Submit'|@translate}" name="submit"></p>
<fieldset>
<legend><span class="icon-sort-alt-down icon-blue"></span>{'Manual order'|@translate}</legend>
{if !empty($thumbnails)}
@@ -92,15 +91,33 @@ jQuery('.thumbnail').tipTip({
{/foreach}
</div>
</fieldset>
<p>
<button name="submit" type="submit" class="buttonLike">
<i class="icon-floppy"></i> {'Save Settings'|@translate}
</button>
<label class="font-checkbox">
<span class="icon-check"></span>
<input type="checkbox" name="image_order_subcats" id="image_order_subcats">
{'Apply to sub-albums'|@translate}
</label>
</p>
<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>
+16 -5
View File
@@ -61,10 +61,21 @@ jQuery(document).ready(function(){
</li>
{/foreach}
</ul>
<p class="menuSubmit">
<button name="submit" type="submit" class="buttonLike" {if $isWebmaster != 1}disabled{/if}>
<i class="icon-floppy"></i> {'Save Settings'|@translate}
</button>
</p>
<div class="savebar-footer">
<div class="savebar-footer-start">
</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 class="buttonLike" type="submit" name="submit" {if $isWebmaster != 1}disabled{/if}><i class="icon-floppy"></i> {'Save Settings'|@translate}</button>
</div>
</div>
</div>
</form>
@@ -69,10 +69,7 @@ jQuery(document).ready(function(){
</table>
</fieldset>
<p>
<input type="submit" value="{'Submit'|@translate}" name="param_submit">
<input type="reset" value="{'Reset'|@translate}" name="param_reset">
</p>
{/if}{* isset $param*}
{if isset($subscribe)}
@@ -141,4 +138,35 @@ jQuery(document).ready(function(){
{/if}
{/if}{* isset $send*}
</form>
{if isset($param)}
<div class="savebar-footer">
<div class="savebar-footer-start">
<div class="savebar-footer-block">
<button class="savebar-see-out" type="reset" name="param_reset">{'Reset'|@translate}</button>
</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}
{if isset($save_error)}
<div class="savebar-footer-block">
<div class="badge info-warning">
<i class="icon-attention"></i>{$save_error}
</div>
</div>
{/if}
<div class="savebar-footer-block">
<button class="buttonLike" type="submit" name="param_submit"><i class="icon-floppy"></i>{'Submit'|@translate}</button>
</div>
</div>
</div>
{/if}
</form>
@@ -107,19 +107,11 @@ const str_assoc_album_ab = '{'Associate to album'|translate|escape:javascript}';
<a class="icon-trash" title="{'delete photo'|@translate}" id='action-delete-picture'></a>
{/if}
</div>
{if isset($U_JUMPTO)}
<a class="see-out" href="{$U_JUMPTO}" >
<p><i class="icon-left-open"></i>{'Open in gallery'|@translate}</p>
{else}
<a class="see-out disabled" href="#" >
<p class="tiptip" title="{'You don\'t have access to this photo'|translate}" ><i class="icon-left-open"></i>{'Open in gallery'|translate}</p>
{/if}
{if $INTRO.is_svg}
<img src="{$PATH}" alt="{'Thumbnail'|translate}" class="svg-image other-image-format" style="{if $FORMAT}width:100%; max-height:100%; {else}max-width:100%; height:100%;{/if} object-fit:contain;">
{else}
<img src="{$TN_SRC}" alt="{'Thumbnail'|translate}" class="other-image-format" style="{if $FORMAT}width:100%; max-height:100%;{else}max-width:100%; height:100%;{/if} object-fit:contain;">
{/if}
</a>
</div>
<div id='picture-content'>
<div id='picture-infos'>
@@ -224,10 +216,33 @@ const str_assoc_album_ab = '{'Associate to album'|translate|escape:javascript}';
</select>
</p>
<p>
<div class="savebar-footer">
<div class="savebar-footer-start">
<div class="savebar-footer-block">
{if isset($U_JUMPTO)}
<a class="savebar-see-out" href="{$U_JUMPTO}" ><i class="icon-left-open"></i>{'Open in gallery'|@translate}</a>
{else}
<a class="savebar-see-out tiptip disabled" href="#" title="{'You don\'t have access to this photo'|translate}"><i class="icon-left-open"></i>{'Open in gallery'|translate}</a>
{/if}
</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 class="buttonLike" type="submit" name="submit"><i class="icon-floppy"></i> {'Save Settings'|@translate}</button>
</div>
</div>
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
<input class="submit" type="submit" value="{'Save Settings'|@translate}" name="submit">
</p>
</div>
</div>
</form>
+26 -3
View File
@@ -113,8 +113,31 @@ $('#syncFiles label').click(function () {
</ul>
</fieldset>
<p class="bottomButtons syncBtn">
<button class="icon-exchange buttonLike" type="submit" value="" name="submit"> {'Synchronize'|@translate} </button>
</p>
<div class="savebar-footer">
<div class="savebar-footer-start">
</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}
{if isset($save_error)}
<div class="savebar-footer-block">
<div class="badge info-warning">
<i class="icon-attention"></i>{$save_error}
</div>
</div>
{/if}
<div class="savebar-footer-block">
<button class="buttonLike" type="submit" name="submit"><i class="icon-floppy"></i> {'Save Settings'|@translate}</button>
</div>
</div>
</form>
{/if}{*isset $introduction*}