seitime-frappe/frappe/website/js/bootstrap-4.js
Faris Ansari 68a7b81374 feat: Migrate Website to Bootstrap 4
- Use bootstrap 4 base for website assets
- hooks.py: Remove bootstrap hook
- Upgrade navbar, breadcrumbs to 4
- Support multi-level dropdown

BREAKING CHANGE
2018-11-12 18:09:59 +05:30

43 lines
No EOL
1.2 KiB
JavaScript

import 'bootstrap/dist/js/bootstrap.bundle';
// multilevel dropdown
$('.dropdown-menu a.dropdown-toggle').on('click', function (e) {
e.preventDefault();
e.stopImmediatePropagation();
if (!$(this).next().hasClass('show')) {
$(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
}
var $subMenu = $(this).next(".dropdown-menu");
$subMenu.toggleClass('show');
$(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function (e) {
$('.dropdown-submenu .show').removeClass("show");
});
return false;
});
frappe.get_modal = function(title, content) {
return $(
`<div class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">${title}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body py-4">
${content}
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>`
);
};