chore: add google analytics for user metrics collection

savannahghi · Sep 12, 2022 · 325d632 · 325d632
1 parent 76d4b42
commit 325d632
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 12 deletions.
diff --git a/assets/static/js/project.js b/assets/static/js/project.js
@@ -33,3 +33,37 @@ function switchDashboards(event) {
     // Hide the menu after selection
     $("#accordionSidebar.toggled #dashboards-menu").removeClass("show");
 }
+
+
+(function($) {
+    /* Google Analytics */
+  window.dataLayer = window.dataLayer || [];
+
+  function gtag() {
+       dataLayer.push(arguments);
+  }
+  gtag('js', new Date());
+  gtag('config', 'G-S5JLWM36RQ');
+
+    // Auto-collapse open menus in responsive mode
+    $(".navbar-collapse a").click(function() {
+        $(".navbar-collapse").collapse("hide");
+    });
+
+    // Initialize the select2 plugin
+    $("select").each(function() {
+        $(this).select2({
+            allowClear: typeof $(this).data("allow-clear") !== "undefined" ? Boolean($(this).data("allow-clear")) : Boolean($(this).attr("multiple")),
+            closeOnSelect: !$(this).attr("multiple"),
+            placeholder: typeof $(this).data("placeholder") !== "undefined" ? $(this).data("placeholder") : {"id": `select2__placeholder__id__{$(this).attr('id')}`, "placeholder": `Select ${getElementLabelText(this)}`},
+            theme: "bootstrap4",
+            width: $(this).data("width") ? $(this).data("width") : $(this).hasClass("w-100") ? "100%" : "resolve",
+        });
+    });
+
+    // Initialize the date picker plugin
+    $(".datepicker").datepicker();
+
+    // Add a dashboard selection change listener
+    $("#dashboards-menu > div > a").click(switchDashboards);
+})(jQuery);
diff --git a/assets/templates/atoms/head.html b/assets/templates/atoms/head.html
@@ -29,26 +29,17 @@
     <link href="https://cdn.jsdelivr.net/npm/@ttskch/select2-bootstrap4-theme/dist/select2-bootstrap4.min.css" rel="stylesheet">
     {% endblock css %}
 
+
     {% block javascript %}
     {% compress js %}
     <script defer src="{% static 'js/vendors.min.js' %}"></script>
     <script defer src="{% static 'js/sb-admin-2.min.js' %}"></script>
     <script defer src="{% static 'js/project.min.js' %}"></script>
     {% endcompress %}
 
-    <script src="https://kit.fontawesome.com/e1c9d8c99d.js" crossorigin="anonymous"></script>
-    {% endblock javascript %}
-
-
     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-S5JLWM36RQ"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-
-      gtag('config', 'G-S5JLWM36RQ');
-    </script>
-
+    <script src="https://kit.fontawesome.com/e1c9d8c99d.js" crossorigin="anonymous"></script>
+    {% endblock javascript %}
 
 </head>