feat(youtrack): Add Toggl button to YouTrack Agile board issue modal (#2333)

Closes #2316

Author: pkvach

src/content/youtrack.js

@@ -98,3 +98,25 @@ togglbutton.render('.yt-agile-card:not(.toggl)', { observe: true }, function (
 
   container.appendChild(link);
 });
+
+// Agile board - issue modal
+togglbutton.render('div[role="dialog"] div[data-test="fields-sidebar"]:not(.toggl)', { observe: true }, function (
+  elem
+) {
+  const dialog = elem.closest('div[role="dialog"]');
+
+  const issueIdElem = dialog.querySelector('a[href*="issue/"]');
+  const issueId = issueIdElem ? issueIdElem.textContent.trim() : "";
+
+  const issueTitleElem = dialog.querySelector('h1');
+  const issueTitle = issueTitleElem ? issueTitleElem.textContent.trim() : "";
+
+  const link = togglbutton.createTimerLink({
+    className: 'youtrack-modal',
+    description: issueId + ' ' + issueTitle,
+    projectName: issueId.split('-')[0]
+  });
+
+  const container = elem.lastChild;
+  container.insertBefore(link, container.firstChild);
+});

src/styles/style.css

@@ -53,6 +53,10 @@
   margin-right: 30px;
 }
 
+.toggl-button.youtrack-modal {
+  padding: 6px 12px;
+}
+
 /********* ASANA *********/
 .toggl-button.asana,
 .toggl-button.asana-new {