Shiloh/brotherton-erpnext
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: move clear data button to user action

Browse Source
This commit is contained in:
Ankush Menat 2023-09-15 20:46:39 +05:30
parent a093dff039
commit 7045810bae
1 changed files with 26 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

109
erpnext/public/js/utils/demo.js
View File

@ -1,91 +1,34 @@
frappe.provide("erpnext.demo");
$(document).on("toolbar_setup", function () {
if (frappe.boot.sysdefaults.demo_company) {
render_clear_demo_button();
render_clear_demo_action();
}
// for first load after setup.
frappe.realtime.on("demo_data_complete", () => {
render_clear_demo_button();
});
});
function render_clear_demo_button() {
let wait_for_onboaring_tours = setInterval(() => {
if ($("#driver-page-overlay").length || $("#show-dialog").length) {
return;
}
setup_clear_demo_button();
clearInterval(wait_for_onboaring_tours);
}, 2000);
}
function setup_clear_demo_button() {
let message_string = __(
"Demo data is present on the system, erase data before starting real usage."
function render_clear_demo_action() {
let demo_action = $(
`<a class="dropdown-item" onclick="return erpnext.demo.clear_demo()">
${__("Clear Demo Data")}
</a>`
);
let $floatingBar = $(`
<div class="flex justify-content-center" style="width: 100%;">
<div class="flex justify-content-center flex-col shadow rounded p-2"
style="
background-color: #e0f2fe;
position: fixed;
bottom: 20px;
z-index: 1;">
<p style="margin: auto 0; padding-left: 10px; margin-right: 20px; font-size: 15px;">
${message_string}
</p>
<button id="clear-demo" type="button"
class="
px-4
py-2
border
border-transparent
text-white
"
style="
margin: auto 0;
height: fit-content;
background-color: #007bff;
border-radius: 5px;
margin-right: 10px
"
>
Clear Demo Data
</button>
<a type="button" id="dismiss-demo-banner" class="text-muted" style="align-self: center">
<svg class="icon" style="">
<use class="" href="#icon-close"></use>
</svg>
</a>
</div>
</div>
`);
$("footer").append($floatingBar);
$("#clear-demo").on("click", function () {
frappe.confirm(
__("Are you sure you want to clear all demo data?"),
() => {
frappe.call({
method: "erpnext.setup.demo.clear_demo_data",
freeze: true,
freeze_message: __("Clearing Demo Data..."),
callback: function (r) {
frappe.ui.toolbar.clear_cache();
frappe.show_alert({
message: __("Demo data cleared"),
indicator: "green",
});
$("footer").remove($floatingBar);
},
});
}
);
});
$("#dismiss-demo-banner").on("click", function () {
$floatingBar.remove();
});
demo_action.appendTo($("#toolbar-user"));
}
erpnext.demo.clear_demo = function () {
frappe.confirm(__("Are you sure you want to clear all demo data?"), () => {
frappe.call({
method: "erpnext.setup.demo.clear_demo_data",
freeze: true,
freeze_message: __("Clearing Demo Data..."),
callback: function (r) {
frappe.ui.toolbar.clear_cache();
frappe.show_alert({
message: __("Demo data cleared"),
indicator: "green",
});
},
});
});
};