From 45d5460274f6dc8c9f747519767ada38c1c83ed2 Mon Sep 17 00:00:00 2001
From: hadihakim <hadihakimco@gmail.com>
Date: Thu, 9 Jun 2022 21:19:52 +0300
Subject: [PATCH] add alt img and enhance analytics

---
 control/content/index.html              |  5 ++++
 control/content/js/classes/analytics.js | 40 ++++++++++++++++++-------
 widget/app.js                           |  2 ++
 widget/index.html                       |  2 ++
 widget/js/analyticsKey.js               | 14 +++++++++
 widget/js/lib/listView.js               |  3 ++
 6 files changed, 55 insertions(+), 11 deletions(-)
 create mode 100644 widget/js/analyticsKey.js

diff --git a/control/content/index.html b/control/content/index.html
index 858387f..964c20a 100644
--- a/control/content/index.html
+++ b/control/content/index.html
@@ -33,6 +33,8 @@
     <!-- Import WYSIWYG -->
     <script src="../../../../scripts/tinymce/tinymce.min.js"></script>
 
+    <script src="../../widget/js/analyticsKey.js"></script>
+
     <!-- build:bundleCSSFiles  -->
     <!-- Sortable list css  -->
     <link rel="stylesheet" href="css/sortableList.css" />
@@ -291,6 +293,9 @@ <h1 class="section__title">Metrics</h1>
     <script src="js/authManager.js"></script>
     <script src="../settings/js/classes/settings.js"></script>
     <script src="js/breadcrumb.js"></script>
+    <script>
+      Analytics.init();
+    </script>
 
     <script src="app.js"></script>
     <!-- endbuild -->
diff --git a/control/content/js/classes/analytics.js b/control/content/js/classes/analytics.js
index 1c97b84..2a2474d 100644
--- a/control/content/js/classes/analytics.js
+++ b/control/content/js/classes/analytics.js
@@ -1,18 +1,36 @@
 class Analytics {
   constructor() {}
   // Register plugin events for analytics
-  static registerEvent(title, key, description, silentNotification = true) {
-    buildfire.analytics.registerEvent(
-      {
-        title: title,
-        key: key,
-        description: description,
-      },
-      { silentNotification }
-    );
-  }
+  static registerEvent = (event, options, callback) => {
+    if (event.title && event.key) {
+      let _options = options.silentNotification || true;
+      buildfire.analytics.registerEvent(event, _options, (err, res) => {
+        if (err) return callback(err, null);
+        {
+          return callback(null, res)
+        };
+      });
+    }
+  };
 
   static unregisterEvent(id) {
     buildfire.analytics.unregisterEvent(`METRIC_${id}_HISTORY_UPDATE`);
   }
-}
+
+  static init = () => {
+    AnalyticsKey.eventType.forEach((e) => {
+      Analytics.registerEvent(
+        {
+          title: e.title,
+          key: e.key,
+          description: e.description,
+        },
+        { silentNotification: false },
+        (err, res) => {
+          if (err) console.error(err);
+          else return res;
+        }
+      );
+    });
+  }
+};
diff --git a/widget/app.js b/widget/app.js
index 866acdc..c221b5a 100644
--- a/widget/app.js
+++ b/widget/app.js
@@ -260,6 +260,8 @@ const checkIncreaseOrDecrease = (metrics) => {
 
   percentage = percentage.toPrecision(3);
 
+  (percentage === "100") ? Analytics.trackAction(AnalyticsKey.eventType[1].key) : false;
+
   summaryPreviousValueContainer.innerHTML = `
       <i
       class="material-icons mdc-button__icon ${situationClass} trending-icon">${situation}</i >
diff --git a/widget/index.html b/widget/index.html
index 29621b8..f3e8f58 100644
--- a/widget/index.html
+++ b/widget/index.html
@@ -20,6 +20,8 @@
       type="text/javascript"
     ></script>
 
+    <script src="js/analyticsKey.js"></script>
+
     <!-- Material Icons -->
     <link
       href="https://fonts.googleapis.com/icon?family=Material+Icons"
diff --git a/widget/js/analyticsKey.js b/widget/js/analyticsKey.js
new file mode 100644
index 0000000..04db1de
--- /dev/null
+++ b/widget/js/analyticsKey.js
@@ -0,0 +1,14 @@
+const AnalyticsKey = {
+    eventType: [
+      {
+        key: "Matrics_Viewed",
+        title: "Matrics Viewed",
+        description: "Occurs when a user view matrics",
+      },
+      {
+        key: "Matrics_Completed",
+        title: "Matrics Completed",
+        description: "Occurs when a user completed a matrics",
+      }
+    ],
+  };
\ No newline at end of file
diff --git a/widget/js/lib/listView.js b/widget/js/lib/listView.js
index c493ad7..a47e4a6 100644
--- a/widget/js/lib/listView.js
+++ b/widget/js/lib/listView.js
@@ -119,6 +119,8 @@ class ListViewItem {
         });
       // local
       else img.src = this.icon;
+      let data_title = this.title || "Metric"
+      img.setAttribute("alt",data_title);
 
       ui.create("i", imgContainer, null, ["listViewItemIcon"]);
     }
@@ -200,6 +202,7 @@ class ListViewItem {
       ]);
 
       listViewItemToolbar.onclick = (e) => {
+        Analytics.trackAction(AnalyticsKey.eventType[0].key);
         t.onToolbarClicked("btnBadge", t, e);
         e.preventDefault();
         e.stopPropagation();