--- a
+++ b/modas/utils/assets/js/modas.js
@@ -0,0 +1,35 @@
+$(function() {
+  function clickNav(event) {
+    var target = event.currentTarget;
+    var tab = $(target).attr("href");
+    // console.log(tab);
+    $('a[href="' + tab + '"]').tab('show');
+    $(tab).tab('show');
+    if ($("a[role='tab']")) {
+      var arrLink = $("a[role='tab']");
+      for (i = 0; i < arrLink.length; i++) {
+        var link = arrLink[i];
+        if (link.classList.contains('active')) {
+          link.classList.remove('active');
+        }
+      }
+    }
+    target.classList.add('active');
+  }
+
+  $(".collapse").on('show.bs.collapse', function() {
+    $(this).prev(".qtlItem").find(".fa").removeClass("fa-plus").addClass("fa-minus");
+  }).on('hide.bs.collapse', function() {
+    $(this).prev(".qtlItem").find(".fa").removeClass("fa-minus").addClass("fa-plus");
+    $(this).prev(".qtlItem").removeClass("active");
+  });
+
+  if ($("a[role='tab']")) {
+    var arrLink = $("a[role='tab']");
+    for (i = 0; i < arrLink.length; i++) {
+      var link = arrLink[i];
+      link.classList.remove('active');
+      link.onclick = clickNav;
+    }
+  }
+});