issue #2516 update message icons

change all message icons to circled versions
This commit is contained in:
HWFord
2026-02-19 11:19:23 +01:00
parent 3ac7b803e5
commit 5a3f1a306d
23 changed files with 49 additions and 49 deletions
+2 -2
View File
@@ -722,11 +722,11 @@ var usersInGroup = [];
var maxOffsetUserCont = 322; var maxOffsetUserCont = 322;
var dissociateUserInfo = $("<div class='ValidationUserDissociated'>" var dissociateUserInfo = $("<div class='ValidationUserDissociated'>"
+ "<p class='icon-ok'></p>" + "<i class='icon-ok-circled'></i><p></p>"
+ "</div>").appendTo(".group-name-block").hide(); + "</div>").appendTo(".group-name-block").hide();
var associateUserInfo = $("<div class='ValidationUserAssociated'>" var associateUserInfo = $("<div class='ValidationUserAssociated'>"
+ "<p class='icon-ok'></p>" + "<i class='icon-ok-circled'></i><p></p>"
+ "</div>"); + "</div>");
// Setup the user research bar // Setup the user research bar
+5 -5
View File
@@ -2244,7 +2244,7 @@ function add_infos_to_new_user(user_id, ajax_data) {
let new_user_id = data.result.users[0].id; let new_user_id = data.result.users[0].id;
update_user_list(); update_user_list();
// add_user_close(); // add_user_close();
$('#AddUserUpdated').removeClass('icon-red icon-cancel').addClass('icon-green border-green icon-ok'); $('#AddUserUpdated').removeClass('icon-red icon-cancel-circled').addClass('icon-green icon-ok-circled');
$('#AddUserUpdatedText').html(user_added_str.replace("%s", ajax_data.username)); $('#AddUserUpdatedText').html(user_added_str.replace("%s", ajax_data.username));
const status = ['webmaster', 'admin', 'normal']; const status = ['webmaster', 'admin', 'normal'];
if (status.includes(ajax_data.status)) { if (status.includes(ajax_data.status)) {
@@ -2299,7 +2299,7 @@ function send_new_user_password(user_id, mail) {
: sprintf(validLinkWithoutMail, response.result.time_validation)); : sprintf(validLinkWithoutMail, response.result.time_validation));
if(send_by_mail && !response.result.send_by_mail) { if(send_by_mail && !response.result.send_by_mail) {
$('#AddUserUpdated').removeClass('icon-green border-green icon-ok').addClass('icon-red-error icon-cancel'); $('#AddUserUpdated').removeClass('icon-green icon-ok-circled').addClass('icon-red-error icon-cancel-circled');
$('#AddUserUpdatedText').html(errorMailSent); $('#AddUserUpdatedText').html(errorMailSent);
$('#AddUserTextField').html(sprintf(errorMailSentMsg, response.result.time_validation)); $('#AddUserTextField').html(sprintf(errorMailSentMsg, response.result.time_validation));
} else if (send_by_mail && response.result.send_by_mail) { } else if (send_by_mail && response.result.send_by_mail) {
@@ -2311,7 +2311,7 @@ function send_new_user_password(user_id, mail) {
const successMsg = $('#AddUserUpdatedText'); const successMsg = $('#AddUserUpdatedText');
successMsg.fadeOut(); successMsg.fadeOut();
copyToClipboard(response.result.generated_link); copyToClipboard(response.result.generated_link);
$('#AddUserUpdated').removeClass('icon-red icon-cancel').addClass('icon-green border-green icon-ok'); $('#AddUserUpdated').removeClass('icon-red icon-cancel-circled').addClass('icon-green icon-ok-circled');
successMsg.html(copyLinkStr); successMsg.html(copyLinkStr);
successMsg.fadeIn(); successMsg.fadeIn();
}); });
@@ -2320,12 +2320,12 @@ function send_new_user_password(user_id, mail) {
add_user_close(); add_user_close();
}); });
} else { } else {
$('#AddUserUpdated').removeClass('icon-green border-green icon-ok').addClass('icon-red-error icon-cancel'); $('#AddUserUpdated').removeClass('icon-green icon-ok-circled').addClass('icon-red-error icon-cancel-circled');
$('#AddUserUpdatedText').html(response.message); $('#AddUserUpdatedText').html(response.message);
} }
}, },
error: function(response) { error: function(response) {
$('#AddUserUpdated').removeClass('icon-green border-green icon-ok').addClass('icon-red-error icon-cancel'); $('#AddUserUpdated').removeClass('icon-green icon-ok-circled').addClass('icon-red-error icon-cancel-circled');
$('#AddUserUpdatedText').html(response.message); $('#AddUserUpdatedText').html(response.message);
} }
}); });
@@ -126,7 +126,7 @@ span.errors {
{if isset($save_success)} {if isset($save_success)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-message"> <div class="badge info-message">
<i class="icon-ok"></i>{$save_success} <i class="icon-ok-circled"></i>{$save_success}
</div> </div>
</div> </div>
{/if} {/if}
+1 -1
View File
@@ -187,7 +187,7 @@ const tiptip_locked_album = "{'Locked album'|translate|escape:javascript}";
</div> </div>
<div class="AddAlbumErrors icon-cancel"> <div class="AddAlbumErrors icon-warning-circled">
</div> </div>
<div class="AddAlbumFormValidation"> <div class="AddAlbumFormValidation">
@@ -132,7 +132,7 @@ pluginValues = [];
<fieldset class="elementEdit" id="picture-{$element.ID}" data-image_id="{$element.ID}"> <fieldset class="elementEdit" id="picture-{$element.ID}" data-image_id="{$element.ID}">
<div class="metasync-success badge-container" style="display: none;"> <div class="metasync-success badge-container" style="display: none;">
<div class="badge-succes"> <div class="badge-succes">
<i class="icon-ok"></i> <i class="icon-ok-circled"></i>
{'Metadata sync complete'|@translate} {'Metadata sync complete'|@translate}
</div> </div>
</div> </div>
@@ -270,7 +270,7 @@ pluginValues = [];
</div> </div>
<div class="local-success-badge badge-container" style="display: none;"> <div class="local-success-badge badge-container" style="display: none;">
<div class="badge-succes"> <div class="badge-succes">
<i class="icon-ok"></i> <i class="icon-ok-circled"></i>
{'Changes saved'|@translate} {'Changes saved'|@translate}
</div> </div>
</div> </div>
@@ -312,7 +312,7 @@ pluginValues = [];
</div> </div>
<div class="badge-container global-succes-badge" style="display: none;"> <div class="badge-container global-succes-badge" style="display: none;">
<div class="badge-succes"> <div class="badge-succes">
<i class="icon-ok"></i> <i class="icon-ok-circled"></i>
{'Changes saved'|@translate} {'Changes saved'|@translate}
</div> </div>
</div> </div>
+2 -2
View File
@@ -183,8 +183,8 @@ const str_modal_ab = '{'New parent album'|@translate}';
{/if} {/if}
</div> </div>
<div class="cat-modify-footer-end"> <div class="cat-modify-footer-end">
<div class="info-message icon-ok">{'Album updated'|@translate}</div> <div class="info-message icon-ok-circled">{'Album updated'|@translate}</div>
<div class="info-error icon-cancel">{'An error has occured while saving album settings'|@translate}</div> <div class="info-error icon-cancel-circled">{'An error has occured while saving album settings'|@translate}</div>
<span class="buttonLike" id="cat-properties-save"><i class="icon-floppy"></i> {'Save Settings'|@translate}</span> <span class="buttonLike" id="cat-properties-save"><i class="icon-floppy"></i> {'Save Settings'|@translate}</span>
</div> </div>
</div> </div>
+1 -1
View File
@@ -185,7 +185,7 @@ jQuery("#selectStatus").change(function() {
{if isset($save_success)} {if isset($save_success)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-message"> <div class="badge info-message">
<i class="icon-ok"></i>{$save_success} <i class="icon-ok-circled"></i>{$save_success}
</div> </div>
</div> </div>
{/if} {/if}
@@ -157,7 +157,7 @@
{if isset($save_success)} {if isset($save_success)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-message"> <div class="badge info-message">
<i class="icon-ok"></i>{$save_success} <i class="icon-ok-circled"></i>{$save_success}
</div> </div>
</div> </div>
{/if} {/if}
@@ -325,7 +325,7 @@
{if isset($save_success)} {if isset($save_success)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-message"> <div class="badge info-message">
<i class="icon-ok"></i>{$save_success} <i class="icon-ok-circled"></i>{$save_success}
</div> </div>
</div> </div>
{/if} {/if}
@@ -286,7 +286,7 @@ jQuery("input[name='email_admin_on_new_user_filter']").change(function() {
{if isset($save_success)} {if isset($save_success)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-message"> <div class="badge info-message">
<i class="icon-ok"></i>{$save_success} <i class="icon-ok-circled"></i>{$save_success}
</div> </div>
</div> </div>
{/if} {/if}
@@ -231,7 +231,7 @@ for(const filter_name of filters_names){
{if isset($save_success)} {if isset($save_success)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-message"> <div class="badge info-message">
<i class="icon-ok"></i>{$save_success} <i class="icon-ok-circled"></i>{$save_success}
</div> </div>
</div> </div>
{/if} {/if}
@@ -228,7 +228,7 @@ $(".restore-settings-button").each(function() {
{if isset($save_success)} {if isset($save_success)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-message"> <div class="badge info-message">
<i class="icon-ok"></i>{$save_success} <i class="icon-ok-circled"></i>{$save_success}
</div> </div>
</div> </div>
{/if} {/if}
@@ -136,7 +136,7 @@
{if isset($save_success)} {if isset($save_success)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-message"> <div class="badge info-message">
<i class="icon-ok"></i>{$save_success} <i class="icon-ok-circled"></i>{$save_success}
</div> </div>
</div> </div>
{/if} {/if}
@@ -109,7 +109,7 @@ jQuery('.thumbnail').tipTip({
{if isset($save_success)} {if isset($save_success)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-message"> <div class="badge info-message">
<i class="icon-ok"></i>{$save_success} <i class="icon-ok-circled"></i>{$save_success}
</div> </div>
</div> </div>
{/if} {/if}
+3 -3
View File
@@ -76,8 +76,8 @@ usersCache.selectize(jQuery('select.UserSearch'));
{$grp_color} {$grp_color}
{/if}"> {/if}">
</div> </div>
<div class="groupMessage icon-ok icon-green"></div> <div class="groupMessage icon-ok-circled icon-green"></div>
<div class="groupError icon-cancel"></div> <div class="groupError icon-cancel-circled"></div>
</div> </div>
<div class="icon-star not-in-selection-mode is-default-token{if !$grp_is_default} deactivate{/if}" ></div> <div class="icon-star not-in-selection-mode is-default-token{if !$grp_is_default} deactivate{/if}" ></div>
@@ -173,7 +173,7 @@ usersCache.selectize(jQuery('select.UserSearch'));
<div class="groups"> <div class="groups">
<div id="addGroupForm" class="GroupContainer"> <div id="addGroupForm" class="GroupContainer">
<div class="groupError icon-cancel"></div> <div class="groupError icon-cancel-circled"></div>
<div class="addGroupBlock"> <div class="addGroupBlock">
<div class="icon-plus-circled icon-blue icon-blue-full"></div> <div class="icon-plus-circled icon-blue icon-blue-full"></div>
<p id="addGroup">{'Add group'|translate}</p> <p id="addGroup">{'Add group'|translate}</p>
+1 -1
View File
@@ -68,7 +68,7 @@ jQuery(document).ready(function(){
{if isset($save_success)} {if isset($save_success)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-message"> <div class="badge info-message">
<i class="icon-ok"></i>{$save_success} <i class="icon-ok-circled"></i>{$save_success}
</div> </div>
</div> </div>
{/if} {/if}
@@ -150,14 +150,14 @@ jQuery(document).ready(function(){
{if isset($save_success)} {if isset($save_success)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-message"> <div class="badge info-message">
<i class="icon-ok"></i>{$save_success} <i class="icon-ok-circled"></i>{$save_success}
</div> </div>
</div> </div>
{/if} {/if}
{if isset($save_error)} {if isset($save_error)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-warning"> <div class="badge info-warning">
<i class="icon-attention"></i>{$save_error} <i class=" icon-warning-circled"></i>{$save_error}
</div> </div>
</div> </div>
{/if} {/if}
@@ -232,7 +232,7 @@ const str_assoc_album_ab = '{'Associate to album'|translate|escape:javascript}';
{if isset($save_success)} {if isset($save_success)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-message"> <div class="badge info-message">
<i class="icon-ok"></i>{$save_success} <i class="icon-ok-circled"></i>{$save_success}
</div> </div>
</div> </div>
{/if} {/if}
@@ -90,25 +90,25 @@ let plugin_filter = searchParams.get('filter');
<div id="{$plugin.ID}" class="pluginBox pluginMiniBox {$plugin.STATE} plugin-{$plugin.STATE}"> <div id="{$plugin.ID}" class="pluginBox pluginMiniBox {$plugin.STATE} plugin-{$plugin.STATE}">
<div class="AddPluginSuccess pluginNotif"> <div class="AddPluginSuccess pluginNotif">
<label class="icon-ok"> <label class="icon-ok-circled">
<span>{'Plugin activated'|@translate}</span> <span>{'Plugin activated'|@translate}</span>
</label> </label>
</div> </div>
<div class="DeactivatePluginSuccess pluginNotif"> <div class="DeactivatePluginSuccess pluginNotif">
<label class="icon-ok"> <label class="icon-ok-circled">
<span>{'Plugin deactivated'|@translate}</span> <span>{'Plugin deactivated'|@translate}</span>
</label> </label>
</div> </div>
<div class="RestorePluginSuccess pluginNotif"> <div class="RestorePluginSuccess pluginNotif">
<label class="icon-ok"> <label class="icon-ok-circled">
<span>{'Plugin deactivated'|@translate}</span> <span>{'Plugin deactivated'|@translate}</span>
</label> </label>
</div> </div>
<div class="PluginActionError pluginNotif"> <div class="PluginActionError pluginNotif">
<label class="icon-cancel"> <label class="icon-warning-circled">
<span>{'Plugin deactivated'|@translate}</span> <span>{'Plugin deactivated'|@translate}</span>
</label> </label>
</div> </div>
@@ -122,14 +122,14 @@ $('#syncFiles label').click(function () {
{if isset($save_success)} {if isset($save_success)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-message"> <div class="badge info-message">
<i class="icon-ok"></i>{$save_success} <i class="icon-ok-circled"></i>{$save_success}
</div> </div>
</div> </div>
{/if} {/if}
{if isset($save_error)} {if isset($save_error)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-warning"> <div class="badge info-warning">
<i class="icon-attention"></i>{$save_error} <i class="icon-warning-circled"></i>{$save_error}
</div> </div>
</div> </div>
{/if} {/if}
@@ -112,14 +112,14 @@
{if isset($save_success)} {if isset($save_success)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-message"> <div class="badge info-message">
<i class="icon-ok"></i>{$save_success} <i class="icon-ok-circled"></i>{$save_success}
</div> </div>
</div> </div>
{/if} {/if}
{if isset($save_error)} {if isset($save_error)}
<div class="savebar-footer-block"> <div class="savebar-footer-block">
<div class="badge info-warning"> <div class="badge info-warning">
<i class="icon-attention"></i>{$save_error} <i class="icon-warning-circled"></i>{$save_error}
</div> </div>
</div> </div>
{/if} {/if}
@@ -113,14 +113,14 @@ const callback = (mutationList, observer) => {
let popup = jQuery("#jGrowl").children(); let popup = jQuery("#jGrowl").children();
for (let i = 0; i < popup.length; i++){ for (let i = 0; i < popup.length; i++){
if ((jQuery(popup[i])).hasClass("success")){ if ((jQuery(popup[i])).hasClass("success")){
if (! ((jQuery(popup[i]).children(":first")).hasClass("jGrowl-popup-icon icon-ok"))){ if (! ((jQuery(popup[i]).children(":first")).hasClass("jGrowl-popup-icon icon-ok-circled"))){
jQuery(popup[i]).prepend('<div class="jGrowl-popup-icon icon-ok"></div>') jQuery(popup[i]).prepend('<div class="jGrowl-popup-icon icon-ok-circled"></div>')
} }
}; };
if ((jQuery(popup[i])).hasClass("error")){ if ((jQuery(popup[i])).hasClass("error")){
if (! ((jQuery(popup[i]).children(":first")).hasClass("jGrowl-popup-icon icon-cancel"))){ if (! ((jQuery(popup[i]).children(":first")).hasClass("jGrowl-popup-icon icon-cancel-circled"))){
jQuery(popup[i]).prepend('<div class="jGrowl-popup-icon icon-cancel"></div>') jQuery(popup[i]).prepend('<div class="jGrowl-popup-icon icon-cancel-circled"></div>')
} }
} }
}; };
+8 -8
View File
@@ -832,11 +832,11 @@ $(document).ready(function() {
</div> </div>
<div class="update-container"> <div class="update-container">
<span class="close-update-button icon-cancel-circled">{'Close'|@translate}</span> <span class="close-update-button icon-cancel-circled">{'Close'|@translate}</span>
<p> <div>
<span class="update-user-success icon-green icon-ok">{'User updated'|@translate}</span> <span class="update-user-success"><i class="icon-ok-circled"></i>{'User updated'|@translate}</span>
<span class="update-user-fail icon-cancel"></span> <span class="update-user-fail icon-cancel-circled"></span>
<span class="update-user-button"><i class='icon-floppy'></i>{'Update'|@translate}</span> <span class="update-user-button"><i class='icon-floppy'></i>{'Update'|@translate}</span>
</p> </div>
</div> </div>
</div> </div>
</div> </div>
@@ -1133,8 +1133,8 @@ $(document).ready(function() {
<div class="update-container"> <div class="update-container">
<span class="close-update-button icon-cancel-circled">{'Close'|@translate}</span> <span class="close-update-button icon-cancel-circled">{'Close'|@translate}</span>
<p> <p>
<span class="update-user-success icon-green">{'User updated'|@translate}</span> <span class="update-user-success icon-ok-circled">{'User updated'|@translate}</span>
<span class="update-user-fail icon-cancel"></span> <span class="update-user-fail icon-cancel-circled"></span>
<span class="update-user-button"><i class='icon-floppy'></i>{'Update'|@translate}</span> <span class="update-user-button"><i class='icon-floppy'></i>{'Update'|@translate}</span>
</p> </p>
</div> </div>
@@ -1245,7 +1245,7 @@ $(document).ready(function() {
</div> </div>
</div> </div>
<div class="AddUserErrors icon-cancel"> <div class="AddUserErrors icon-cancel-circled">
</div> </div>
<div class="AddUserSubmitContainer"> <div class="AddUserSubmitContainer">
@@ -1260,7 +1260,7 @@ $(document).ready(function() {
</div> </div>
<div id="AddUserSuccessContainer" style="display: none;"> <div id="AddUserSuccessContainer" style="display: none;">
<p class="icon-green border-green icon-ok AddUserResult" id="AddUserUpdated"> <span id="AddUserUpdatedText">{'User updated'|@translate}</span></p> <p class="icon-ok-circled AddUserResult" id="AddUserUpdated"> <span id="AddUserUpdatedText">{'User updated'|@translate}</span></p>
<p class="AddUserTextField" id="AddUserTextField"></p> <p class="AddUserTextField" id="AddUserTextField"></p>
<div class="AddUserPasswordInputContainer" id="AddUserPasswordInputContainer"> <div class="AddUserPasswordInputContainer" id="AddUserPasswordInputContainer">
<input class="AddUserPasswordInput" id="AddUserPasswordLink" /> <input class="AddUserPasswordInput" id="AddUserPasswordLink" />