diff --git a/package.json b/package.json
index 76982c8..a375986 100644
--- a/package.json
+++ b/package.json
@@ -1,15 +1,15 @@
{
"dependencies": {
- "admin-lte": "2.4.9",
- "bootstrap": "^3.4.1",
- "bootstrap-datepicker": "^1.8.0",
+ "admin-lte": "3.2.0",
+ "bootstrap": "4.6.2",
+ "bootstrap-datepicker": "^1.9.0",
"bootstrap-validator": "^0.11.9",
- "datatables.net-plugins": "^1.10.19",
+ "datatables.net-plugins": "^1.13.1",
"icheck": "^1.0.2",
"jquery-slimscroll": "^1.3.8",
- "jquery-ui-dist": "^1.12.1",
+ "jquery-ui-dist": "^1.13.2",
"jquery.quicksearch": "^2.4.0",
- "jtimeout": "^3.1.0",
+ "jtimeout": "^3.2.0",
"multiselect": "^0.9.12"
}
}
diff --git a/powerdnsadmin/static/custom/js/custom.js b/powerdnsadmin/static/custom/js/custom.js
index e4b72b1..0f096bf 100644
--- a/powerdnsadmin/static/custom/js/custom.js
+++ b/powerdnsadmin/static/custom/js/custom.js
@@ -287,4 +287,18 @@ function copy_otp_secret_to_clipboard() {
navigator.clipboard.writeText(copyBox.value);
$("#copy_tooltip").css("visibility", "visible");
setTimeout(function(){ $("#copy_tooltip").css("visibility", "collapse"); }, 2000);
- }
\ No newline at end of file
+ }
+
+// Side menu nav bar active selection
+/** add active class and stay opened when selected */
+var url = window.location;
+
+// for sidebar menu entirely but not cover treeview
+$('ul.nav-sidebar a').filter(function() {
+ return this.href == url;
+}).addClass('active');
+
+// for treeview
+$('ul.nav-treeview a').filter(function() {
+ return this.href == url;
+}).parentsUntil(".nav-sidebar > .nav-treeview").addClass('menu-open').prev('a').addClass('active');
diff --git a/powerdnsadmin/templates/admin_edit_account.html b/powerdnsadmin/templates/admin_edit_account.html
index 1946bc9..08403b9 100644
--- a/powerdnsadmin/templates/admin_edit_account.html
+++ b/powerdnsadmin/templates/admin_edit_account.html
@@ -4,26 +4,34 @@
{% block dashboard_stat %}
-
+
{% endblock %}
{% block content %}