Testing Edit this page along with select and report feature

abhatt-rh · abhatt-rh · commit 34d50385b2e9 · 2025-06-23T23:25:43.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>
+        <script src="/js/select-report-issue.js"></script>
     </body>
     <!-- Uncomment when you have sorted out the feedback partials option
         <body>
diff --git a/layouts/blog/list.html b/layouts/blog/list.html
@@ -32,5 +32,6 @@ <h1 class="pf-c-title pf-m-4xl">
       </div>
   </section>
   {{ partial "footer.html" . }}
+  {{ partial "select-report-issue.html" }}
 </main>
 {{ end }}
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
@@ -49,5 +49,6 @@ <h1>
       </div>
     </section>
     {{ partial "footer.html" . }}
+    {{ partial "select-report-issue.html" }}
   </main>
 {{ end }}
diff --git a/layouts/contribute/list.html b/layouts/contribute/list.html
@@ -34,5 +34,6 @@ <h1 class="pf-c-title pf-m-4xl">
     </div>
   </section>
   {{ partial "footer.html" . }}
+  {{ partial "select-report-issue.html" }}
 </main>
 {{ end }}
diff --git a/layouts/contribute/single.html b/layouts/contribute/single.html
@@ -15,5 +15,6 @@
       </div>
     </section>
     {{ partial "footer.html" . }}
+    {{ partial "select-report-issue.html" }}
   </main>
 {{ end }}
diff --git a/layouts/index.html b/layouts/index.html
@@ -55,5 +55,6 @@ <h1 class="pf-c-title pf-m-4xl">Latest Blog Post</h1>
     </div>
   </section>
   {{ partial "footer.html" . }}
+  {{ partial "select-report-issue.html" }}
 </main>
 {{ end }}
diff --git a/layouts/learn/list.html b/layouts/learn/list.html
@@ -30,5 +30,6 @@ <h1 class="pf-c-title pf-m-4xl">
     </div>
   </section>
   {{ partial "footer.html" . }}
+  {{ partial "select-report-issue.html" }}
 </main>
 {{ end }}
diff --git a/layouts/learn/single.html b/layouts/learn/single.html
@@ -15,5 +15,6 @@
       </div>
     </section>
     {{ partial "footer.html" . }}
+    {{ partial "select-report-issue.html" }}
   </main>
 {{ end }}
diff --git a/layouts/partials/patterns-browser.html b/layouts/partials/patterns-browser.html
@@ -58,4 +58,5 @@ <h1 class="pf-c-title pf-m-4xl">
     <script src="{{ "js/patterns-browser-v2.js" | relURL }}"></script>
   </section>
   {{ partial "footer.html" . }}
+  {{ partial "select-report-issue.html" }}
 </main>
diff --git a/layouts/partials/patterns-index.html b/layouts/partials/patterns-index.html
@@ -82,4 +82,5 @@ <h1 class="pf-c-title pf-m-4xl">{{ .Title }}</h1>
     </div>
   </section>
   {{ partial "footer.html" . }}
+  {{ partial "select-report-issue.html" }}
 </main>
diff --git a/layouts/partials/select-report-issue.html b/layouts/partials/select-report-issue.html
@@ -0,0 +1,54 @@
+// static/js/bug-reporter.js (or wherever you prefer to store static assets)
+
+document.addEventListener('mouseup', function() {
+    const selectedText = window.getSelection().toString().trim();
+
+    if (selectedText.length > 0) {
+        // You might want to add a small button or popup here instead of direct confirmation
+        // For simplicity, we'll keep the confirmation for now.
+
+        const currentPageUrl = window.location.href;
+        const githubFilePath = getGitHubFilePath(); // This will now be more accurate for Hugo
+
+        const issueTitle = `Bug Report: Issue on "${selectedText.substring(0, 50).replace(/\n/g, ' ')}..."`;
+        let issueBody = `
+**Description of the issue:**
+\`\`\`
+${selectedText}
+\`\`\`
+
+---
+**Context:**
+- **Page URL:** ${currentPageUrl}
+- **GitHub Source File:** ${githubFilePath}
+        `;
+
+        const encodedTitle = encodeURIComponent(issueTitle);
+        const encodedBody = encodeURIComponent(issueBody);
+
+        const githubRepo = 'validatedpatterns/docs'; // Your GitHub repository
+        const githubIssueUrl = `https://github.com/${githubRepo}/issues/new?title=${encodedTitle}&body=${encodedBody}`;
+
+        const confirmation = confirm("Do you want to report this as a bug on GitHub for the selected text?");
+        if (confirmation) {
+            window.open(githubIssueUrl, '_blank');
+        }
+    }
+});
+
+
+// Hugo-specific function to get the GitHub file path
+function getGitHubFilePath() {
+    // This assumes you've added a data-github-file attribute to your body or a container.
+    const bodyElement = document.querySelector('body');
+    if (bodyElement && bodyElement.dataset.githubFile) {
+        // Construct the full GitHub blob URL
+        // Assuming your source files are in the 'content' directory of your repo
+        // And you're using the 'main' branch
+        const repoBaseUrl = 'https://github.com/validatedpatterns/docs/blob/main/';
+        return repoBaseUrl + bodyElement.dataset.githubFile;
+    }
+
+    // Fallback if the data attribute isn't found (shouldn't happen with Hugo setup)
+    return "Could not determine source file automatically. Please specify if known.";
+}
diff --git a/layouts/patterns/single.html b/layouts/patterns/single.html
@@ -15,5 +15,6 @@
       </div>
     </section>
     {{ partial "footer.html" . }}
+    {{ partial "select-report-issue.html" }}
   </main>
 {{ end }}
diff --git a/static/js/select-create-issue.js b/static/js/select-create-issue.js
@@ -0,0 +1,54 @@
+// static/js/bug-reporter.js (or wherever you prefer to store static assets)
+
+document.addEventListener('mouseup', function() {
+    const selectedText = window.getSelection().toString().trim();
+
+    if (selectedText.length > 0) {
+        // You might want to add a small button or popup here instead of direct confirmation
+        // For simplicity, we'll keep the confirmation for now.
+
+        const currentPageUrl = window.location.href;
+        const githubFilePath = getGitHubFilePath(); // This will now be more accurate for Hugo
+
+        const issueTitle = `Bug Report: Issue on "${selectedText.substring(0, 50).replace(/\n/g, ' ')}..."`;
+        let issueBody = `
+**Description of the issue:**
+\`\`\`
+${selectedText}
+\`\`\`
+
+---
+**Context:**
+- **Page URL:** ${currentPageUrl}
+- **GitHub Source File:** ${githubFilePath}
+        `;
+
+        const encodedTitle = encodeURIComponent(issueTitle);
+        const encodedBody = encodeURIComponent(issueBody);
+
+        const githubRepo = 'validatedpatterns/docs'; // Your GitHub repository
+        const githubIssueUrl = `https://github.com/${githubRepo}/issues/new?title=${encodedTitle}&body=${encodedBody}`;
+
+        const confirmation = confirm("Do you want to report this as a bug on GitHub for the selected text?");
+        if (confirmation) {
+            window.open(githubIssueUrl, '_blank');
+        }
+    }
+});
+
+
+// Hugo-specific function to get the GitHub file path
+function getGitHubFilePath() {
+    // This assumes you've added a data-github-file attribute to your body or a container.
+    const bodyElement = document.querySelector('body');
+    if (bodyElement && bodyElement.dataset.githubFile) {
+        // Construct the full GitHub blob URL
+        // Assuming your source files are in the 'content' directory of your repo
+        // And you're using the 'main' branch
+        const repoBaseUrl = 'https://github.com/validatedpatterns/docs/blob/main/';
+        return repoBaseUrl + bodyElement.dataset.githubFile;
+    }
+
+    // Fallback if the data attribute isn't found (shouldn't happen with Hugo setup)
+    return "Could not determine source file automatically. Please specify if known.";
+}
