Testing Edit this page along with select and report feature

abhatt-rh · abhatt-rh · commit af8ab099af91 · 2025-06-23T21:14:46.000+01:00
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -9,6 +9,7 @@
         {{- end }}
         </div>
         <script src="{{ "js/codeblock.js"  | relURL }}"></script>
+    {{ partial "select-report-issue.html" }}
     </body>
     <!-- Uncomment when you have sorted out the feedback partials option
         <body>
diff --git a/layouts/partials/select-report-issue.html b/layouts/partials/select-report-issue.html
@@ -0,0 +1,49 @@
+<script>
+(function () {
+  document.addEventListener('mouseup', function (e) {
+    const selection = window.getSelection().toString().trim();
+
+    // Avoid adding the button repeatedly
+    const existing = document.getElementById('report-issue-btn');
+    if (existing) existing.remove();
+
+    if (selection.length > 0) {
+      const reportBtn = document.createElement('button');
+      reportBtn.innerText = 'Report Issue';
+      reportBtn.id = 'report-issue-btn';
+
+      Object.assign(reportBtn.style, {
+        position: 'absolute',
+        top: `${e.pageY + 10}px`,
+        left: `${e.pageX}px`,
+        zIndex: 1000,
+        background: '#e53935',
+        color: '#fff',
+        border: 'none',
+        borderRadius: '4px',
+        padding: '6px 10px',
+        boxShadow: '0 2px 4px rgba(0,0,0,0.2)',
+        fontSize: '14px',
+        cursor: 'pointer',
+      });
+
+      document.body.appendChild(reportBtn);
+
+      reportBtn.addEventListener('click', () => {
+        const pageUrl = window.location.href;
+        const issueBody = `**Issue found on:** ${pageUrl}\n\n**Selected text:**\n\`\`\`\n${selection}\n\`\`\``;
+        const issueUrl = `https://github.com/validatedpatterns/docs/issues/new?title=Content+Issue&body=${encodeURIComponent(issueBody)}`;
+        window.open(issueUrl, '_blank');
+        reportBtn.remove();
+      });
+
+      document.addEventListener('click', function handler(ev) {
+        if (ev.target !== reportBtn) {
+          reportBtn.remove();
+          document.removeEventListener('click', handler);
+        }
+      });
+    }
+  });
+})();
+</script>
diff --git a/static/js/select-create-issue.js b/static/js/select-create-issue.js
@@ -0,0 +1,43 @@
+document.addEventListener('mouseup', function (e) {
+    const selection = window.getSelection().toString().trim();
+
+    // Prevent multiple buttons
+    const existing = document.getElementById('report-issue-btn');
+    if (existing) existing.remove();
+
+    if (selection.length > 0) {
+        const reportBtn = document.createElement('button');
+        reportBtn.innerText = 'Report Issue';
+        reportBtn.id = 'report-issue-btn';
+        Object.assign(reportBtn.style, {
+            position: 'absolute',
+            top: `${e.pageY}px`,
+            left: `${e.pageX}px`,
+            zIndex: 1000,
+            background: '#f44336',
+            color: 'white',
+            border: 'none',
+            borderRadius: '4px',
+            padding: '6px 10px',
+            cursor: 'pointer',
+        });
+
+        document.body.appendChild(reportBtn);
+
+        reportBtn.onclick = () => {
+            const pageUrl = window.location.href;
+            const issueBody = `**Issue found on:** ${pageUrl}\n\n**Selected text:**\n\`\`\`\n${selection}\n\`\`\``;
+            const issueUrl = `https://github.com/validatedpatterns/docs/issues/new?title=Content+Issue&body=${encodeURIComponent(issueBody)}`;
+            window.open(issueUrl, '_blank');
+            reportBtn.remove();
+        };
+
+        // Hide the button if clicking elsewhere
+        document.addEventListener('click', function removeButton(clickEvent) {
+            if (clickEvent.target !== reportBtn) {
+                reportBtn.remove();
+                document.removeEventListener('click', removeButton);
+            }
+        });
+    }
+});
