feat(hubspot): Add togglbutton to hubspot ticket

Author: with-shrey

src/content/hubspot.js

@@ -1,10 +1,25 @@
+/**
+ * @name Hubspot
+ * @urlAlias hubspot.com
+ * @urlRegex *://*.atlassian.com/*
+ */
 'use strict';
-/* global togglbutton, $ */
 
 togglbutton.render(
   'div[data-selenium-test="ticket-highlight-details"]:not(.toggl)',
   { observe: true },
   $container => {
+    function descriptionSelector () {
+      const $description = $('div[data-selenium-test="ticket-highlight-details"] h3');
+      return $description.textContent.trim();
+    }
+    
+    function tagsSelector () {
+      const pipeline = $('div#pipeline-select') ? $('div#pipeline-select').textContent.trim(): '';
+      const stage = $('div#stage-select') ? $('div#stage-select').textContent.trim(): '';
+    
+      return [pipeline, stage];
+    }
     const link = togglbutton.createTimerLink({
       className: 'hubspot',
       project: 'Hubspot',
@@ -17,15 +32,3 @@ togglbutton.render(
     $container.appendChild(rowContainer);
   }
 );
-
-function descriptionSelector () {
-  const $description = $('div[data-selenium-test="ticket-highlight-details"] h3');
-  return $description.textContent.trim();
-}
-
-function tagsSelector () {
-  const pipeline = $('div#pipeline-select').textContent.trim();
-  const stage = $('div#stage-select').textContent.trim();
-
-  return [pipeline, stage];
-}

src/origins.js

@@ -260,6 +260,11 @@ export default {
     url: '*://habitica.com/*',
     name: 'Habitica'
   },
+  'hubspot.com': {
+    url: '*://app.hubspot.com/*',
+    name: 'Hubspot',
+    file: 'hubspot.js'
+  },
   'app.heflo.com': {
     url: '*://app.heflo.com/*',
     name: 'HEFLO'

src/styles/style.css

@@ -1429,6 +1429,11 @@ body.notion-body.dark .toggl-button.notion {
   margin-top: -7px;
 }
 
+/******** HUBSPOT ********/
+.toggl-button.hubspot {
+  margin-top: 10px;
+}
+
 /********* ZENHUB *********/
 .toggl-button.zenhub {
   padding-left: 25px;