[BP-28] Clickup v2

_locales/en/messages.json

@@ -192,6 +192,9 @@
 	"asana_task_not_found_in_backend_integration_info": {
 		"message": "This task is not synchronized in TimeCamp. Choose task by yourself or check workspaces in integration settings"
 	},
+	"clickup_task_not_found_in_backend_integration_info": {
+		"message": "This task is not synchronized in TimeCamp. Choose task by yourself or check workspaces in integration settings"
+	},
 	"todoist_task_not_found_in_backend_integration_info": {
 		"message": "This task is not synchronized in TimeCamp. Choose task by yourself."
 	},

integrationList.json

@@ -4,6 +4,11 @@
     "script": ["asana.js"],
     "isActiveInProd": true
   },
+  {
+    "matches": ["*://app.clickup.com/*"],
+    "script": ["clickup.js"],
+    "isActiveInProd": true
+  },
   {
     "matches": ["*://docs.google.com/*"],
     "script": ["google-docs.js"],

manifest.json

@@ -74,16 +74,6 @@
             "js": ["scripts/lib/jquery-2.1.1.min.js", "scripts/lib/jquery-ui.min.js", "scripts/lib/moment.min.js", "scripts/lib/moment-range.min.js",
                 "scripts/config.js", "scripts/TokenManager.js", "scripts/ApiService.js", "scripts/common.js", "scripts/TimerBase.js","scripts/TimerButton.js",
                 "scripts/third_party/todoist.js"]
-        },
-        {
-            "matches": [
-                "*://app.clickup.com/*"
-            ],
-            "css": ["styles/common.css", "styles/font-awesome.css", "styles/bootstrap.min.css", "styles/jquery-ui.structure.min.css", "styles/jquery-ui.theme.min.css",
-                "styles/sites/clickup.css"],
-            "js": ["scripts/lib/jquery-2.1.1.min.js", "scripts/lib/jquery-ui.min.js", "scripts/lib/moment.min.js", "scripts/lib/moment-range.min.js",
-                "scripts/config.js", "scripts/TokenManager.js", "scripts/ApiService.js", "scripts/common.js", "scripts/TimerBase.js","scripts/TimerButton.js",
-                "scripts/third_party/clickup.js"]
         }
     ],
     "homepage_url": "http://www.timecamp.com/",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "timecamp-chrome-extension",
-  "version": "3.145.0",
+  "version": "3.145.28",
   "description": "TimeCamp Google Chrome Time Tracking Extension",
   "main": "index.js",
   "scripts": {

scripts-2.0/style/clickup.scss

@@ -0,0 +1,6 @@
+.tc-button.clickup {
+  &__task-view {
+    align-self: center;
+    margin-left: 12px;
+  }
+}

scripts-2.0/style/main.scss

@@ -91,6 +91,7 @@
 @import 'coda';
 @import 'codeable';
 @import 'codebase';
+@import 'clickup';
 @import 'desk';
 @import 'devdocs';
 @import 'dobambam';

scripts-2.0/third_party/clickup.js

@@ -0,0 +1,47 @@
+'use strict';
+
+const CLICKUP = 'clickup';
+const CLICKUP_EXTERNAL_ID_PREFIX = 'task';
+const TASK_NOT_FOUND_INFO = 'clickup_task_not_found_in_backend_integration_info';
+
+const buildExternalIdForClickUp = (taskId) => {
+    return CLICKUP_EXTERNAL_ID_PREFIX + '_' + taskId;
+};
+
+const getTaskIdFromUrl = (url) => {
+    let lastUrlSegmentStartIndex = url.lastIndexOf('/') + 1;
+
+    return url.substring(lastUrlSegmentStartIndex);
+};
+
+//Task view
+tcbutton.render(
+    '.cu-task-hero-section__actions .cu-task-hero-actions .container:not(.tc)',
+    {observe: true},
+    elem => {
+        let taskId = getTaskIdFromUrl(document.URL);
+        if (!taskId) {
+            return false;
+        }
+
+        const externalTaskId = buildExternalIdForClickUp(taskId);
+        const description = () => {
+            const note = $('[data-test="task-title__title-overlay"]')?.textContent.trim() ?? '';
+
+            return note;
+        };
+
+        const link = tcbutton.createTimerLink({
+            className: CLICKUP,
+            additionalClasses: [CLICKUP + '__task-view'],
+            description: description,
+            externalTaskId: externalTaskId,
+            isBackendIntegration: true,
+            taskNotFoundInfo: TASK_NOT_FOUND_INFO
+        });
+
+        elem.insertAdjacentElement('afterend', link);
+
+        return true;
+    }
+);