Sha256: 053bc4800ae74085f8354bfc87ec09949ac9959ce4d7ac869b3a9bf0aa7c6b4f
Contents?: true
Size: 1.28 KB
Versions: 523
Compression:
Stored size: 1.28 KB
Contents
<%= pb_rails("button", props: { text: "Open Dialog", data: {"open-dialog": "dialog-loading"} }) %>
<%= pb_rails("dialog", props: {
id:"dialog-loading",
size: "sm",
title: "Loading Example",
text: "Make a loading request?",
cancel_button: "Cancel Button",
cancel_button_id: "cancel-button-loading",
confirm_button: "Okay",
confirm_button_id: "confirm-button-loading",
loading: true,
}) %>
<script>
const loadingButton = document.querySelector('[data-disable-with="Loading"]');
if (loadingButton) {
loadingButton.addEventListener("click", function() {
const okayLoadingButton = document.querySelector('[data-disable-with="Loading"]');
const cancelButton = document.querySelector('[data-disable-cancel-with="Loading"]');
let currentClass = okayLoadingButton.className;
let cancelClass = cancelButton ? cancelButton.className : "";
setTimeout(function() {
okayLoadingButton.disabled = false;
okayLoadingButton.className = currentClass.replace("_disabled_loading", "_enabled");
if (cancelButton) {
cancelButton.disabled = false;
cancelButton.className = cancelClass.replace("_disabled", "_enabled");
}
}, 5000);
});
}
</script>
Version data entries
523 entries across 523 versions & 2 rubygems