Add panel.js

public/assets/js/panel.js

@@ -0,0 +1,31 @@
+// Users
+
+const startObserving = (domNode, selector) => {
+  const observer = new MutationObserver(mutations => {
+    mutations.forEach(function (mutation) {
+      // console.log(Array.from(mutation.addedNodes));
+
+      const elementAdded = Array.from(mutation.addedNodes).some(
+        element => {
+          return document.querySelector(selector);
+        },
+      );
+
+      if (elementAdded) {
+      	// Select Client as default user role instead of Admin
+        document.querySelector('input[value="client"]').checked = true;
+      }
+    });
+  });
+
+  observer.observe(domNode, {
+    childList: true,
+    attributes: true,
+    characterData: true,
+    subtree: true,
+  });
+
+  return observer;
+};
+
+startObserving(document.body, '.k-users-view .k-dialog');

public/site/config/config.php

@@ -15,6 +15,7 @@ return [
   'panel' => [
     'language' => 'fr',
     'css' => 'assets/css/panel.css',
+    'js' => 'assets/js/panel.js',
     'favicon' => 'favicon.svg',
     'menu' => require(__DIR__ . '/menu.php'),
   ],