Freshservice Integration (#2222)

* to be determined

* feat(freshservice): Improve styling of toggl button

---------

Co-authored-by: Shrey Gupta <connectwithshrey@gmail.com>

src/content/freshservice.js

@@ -0,0 +1,23 @@
+'use strict';
+/**
+ * @name FreshService
+ * @urlAlias freshservice.com
+ * @urlRegex *://*.freshservice.com/*
+ */
+
+// Main function
+togglbutton.render('.tkt-quick-action:not(.toggl)', { observe: true }, function (elem) {
+  const titleElem = $('.summary-content .subject-text');
+  const idElem = $('.ticket-details-breadcrumb h3');
+  const id = idElem.textContent.replace('#','');
+  const description = id.trim() + ' ' + titleElem.textContent.trim();
+
+  const link = togglbutton.createTimerLink({
+    className: 'freshservice',
+    description: description,
+    projectname: '',
+  });
+
+  	elem.prepend(link);
+  }
+);

src/origins.js

@@ -690,5 +690,10 @@ export default {
   'zube.io': {
     url: '*://zube.io/*',
     name: 'Zube'
+  },
+  'freshservice.com': {
+    url: '*://*.freshservice.com/*',
+    name: 'Freshservice',
+    file: 'freshservice.js'
   }
 };

src/styles/style.css

@@ -871,6 +871,13 @@ li > .toggl-button.phabricator {
   left: 5px;
 }
 
+
+/********* FRESHSERVICE *********/
+.toggl-button.freshservice {
+  margin-top: 5px;
+  margin-right: 10px;
+}
+
 /********* Clickup *********/
 .toggl-button.clickup.min svg,
 .toggl-button.clickup.min span {