Skip to content

Admin: Proper MDI toggle (on/off) without disabled class in languages list - refs #6796 #6809

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Sep 25, 2025
Merged

Admin: Proper MDI toggle (on/off) without disabled class in languages list - refs #6796 #6809

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
79 changes: 54 additions & 25 deletions public/main/admin/languages.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -172,27 +172,40 @@
)
);

$htmlHeadXtra[] = '<script>
$jsMsg = addslashes(get_lang('There are users currently using the following language. Please disable manually.'));
$jsConfirm = addslashes(get_lang('Please confirm your choice'));
$jsLoading = addslashes(get_lang('Loading'));
$jsUpdated = addslashes(get_lang('Update successful'));
$selfUrl = api_get_self();
$htmlHeadXtra[] = '
<style>
.lang-toggle-icon { font-size:28px; line-height:1; vertical-align:middle; }
</style>
<script>
$(function () {
var msgLang = '. $msgLang .';
var disabledLang = "'.addslashes($disabledLang).'";
var msgLang = ' . (int) $msgLang . ';
var disabledLang = ' . json_encode($disabledLang) . ';

if (msgLang === 1) {
$("#id_content_message").html("<div class=\"warning-message alert alert-warning\">'.addslashes(get_lang('There are users currently using the following language. Please disable manually.')).'<br />" + disabledLang + "</div>");
$("#id_content_message").html(
"<div class=\\"warning-message alert alert-warning\\">' . $jsMsg . '<br />" + disabledLang + "</div>"
);
}

$("#disable_all_except_default").on("click", function () {
if (confirm("'.addslashes(get_lang('Please confirm your choice')).'")) {
if (confirm("' . $jsConfirm . '")) {
$.ajax({
contentType: "application/x-www-form-urlencoded",
beforeSend: function() {
$("#id_content_message").html("<div class=\"warning-message alert alert-warning\"><em class=\"fa fa-refresh fa-spin\"></em> '.addslashes(get_lang('Loading')).'</div>");
$("#id_content_message").html(
"<div class=\\"warning-message alert alert-warning\\"><em class=\\"fa fa-refresh fa-spin\\"></em> ' . $jsLoading . '</div>"
);
},
type: "GET",
url: "'.api_get_self().'",
url: ' . json_encode($selfUrl) . ',
data: { action: "disable_all_except_default" },
success: function() {
window.location.href = "'.api_get_self().'";
window.location.href = ' . json_encode($selfUrl) . ';
}
});
}
Expand All @@ -207,28 +220,41 @@
var nextVisibility = available ? 0 : 1;
var $icon = $("#imglinktool_" + id);

// Optional: prevent double click while request is pending
$link.prop("disabled", true).addClass("is-busy");

$.ajax({
type: "POST",
url: "../admin/languages.php",
data: { id: id, visibility: nextVisibility, sent_http_request: 1 },
beforeSend: function () {
$("#id_content_message").html("<div class=\'warning-message alert alert-warning\'><em class=\'fa fa-refresh fa-spin\'></em> '.addslashes(get_lang('Loading')).'...</div>");
$("#id_content_message").html(
"<div class=\\"warning-message alert alert-warning\\"><em class=\\"fa fa-refresh fa-spin\\"></em> ' . $jsLoading . '...</div>"
);
},
success: function (response) {
if (response === "set_visible" || response === "set_hidden") {
var nowAvailable = response === "set_visible" ? 1 : 0;
$link.data("available", nowAvailable);
// Determine new availability
var nowAvailable = (response === "set_visible") ? 1 : 0;

// Persist new state and accessibility
$link
.data("available", nowAvailable)
.attr("aria-pressed", nowAvailable ? "true" : "false");

if (nowAvailable === 1) {
$icon.removeClass("ch-tool-icon-disabled");
} else {
$icon.addClass("ch-tool-icon-disabled");
}
// Switch ONLY between the two MDI toggle classes
$icon
.removeClass("mdi-toggle-switch mdi-toggle-switch-off-outline")
.addClass(nowAvailable ? "mdi-toggle-switch" : "mdi-toggle-switch-off-outline");

$("#id_content_message").html("<div class=\'alert alert-success\'>'.addslashes(get_lang('Update successful')).'</div>");
// Feedback
$("#id_content_message").html("<div class=\\"alert alert-success\\">' . $jsUpdated . '</div>");
} else if (typeof response === "string" && response.indexOf("confirm:") === 0) {
window.location.href = "'.api_get_self().'?action=make_unavailable_confirmed&id=" + id;
window.location.href = ' . json_encode($selfUrl) . ' + "?action=make_unavailable_confirmed&id=" + id;
}
},
complete: function () {
$link.prop("disabled", false).removeClass("is-busy");
}
});
});
Expand Down Expand Up @@ -314,15 +340,18 @@
} else {
$icon = ($row['available'] == 1) ? StateIcon::ACTIVE : StateIcon::INACTIVE;
$tooltip = ($row['available'] == 1) ? get_lang('Make unavailable') : get_lang('Make available');
$toggleClass = ($row['available'] == 1) ? 'mdi-toggle-switch' : 'mdi-toggle-switch-off-outline';

$row_td[] = "<a class=\"make_visible_and_invisible\"
id=\"linktool_".$row['id']."\"
href=\"".api_get_self()."?action=".(($row['available']==1)?'makeunavailable':'makeavailable')."&id=".$row['id']."\"
data-id=\"".$row['id']."\"
data-available=\"".$row['available']."\">".
Display::getMdiIcon($icon, 'ch-tool-icon', null, ICON_SIZE_SMALL, $tooltip, ['id' => 'imglinktool_'.$row['id']])."</a>
<a href='".api_get_self()."?action=edit&id=".$row['id']."#value'>".Display::getMdiIcon(ActionIcon::EDIT, 'ch-tool-icon', null, ICON_SIZE_SMALL, get_lang('Edit'))."</a>
&nbsp;".$setplatformlanguage.$allow_use_sub_language.$allow_add_term_sub_language.$allow_delete_sub_language;
id=\"linktool_".$row['id']."\"
href=\"".api_get_self()."?action=".(($row['available']==1)?'makeunavailable':'makeavailable')."&id=".$row['id']."\"
data-id=\"".$row['id']."\"
data-available=\"".$row['available']."\"
aria-pressed=\"".($row['available'] ? 'true' : 'false')."\">
<i id=\"imglinktool_".$row['id']."\" class=\"mdi ".$toggleClass." ch-tool-icon lang-toggle-icon\" title=\"".$tooltip."\" aria-hidden=\"true\"></i>
</a>
<a href='".api_get_self()."?action=edit&id=".$row['id']."#value'>".Display::getMdiIcon(ActionIcon::EDIT, 'ch-tool-icon', null, ICON_SIZE_SMALL, get_lang('Edit'))."</a>
&nbsp;".$setplatformlanguage.$allow_use_sub_language.$allow_add_term_sub_language.$allow_delete_sub_language;
}
$language_data[] = $row_td;
}
Expand Down
Loading