Issue #340 - Add links to issues from browse issues headers + keys.

Author: Mike Taylor

webcompat/templates/browse-issues.html

@@ -2,11 +2,21 @@
   <div class="wc-content" id="browse-issues">
     <h2>Browse Issues</h2>
     <span class="key">
-      <span class="IssueItem--untriaged">Untriaged</span>
-      <span class="IssueItem--need">Needs&nbsp;Diagnosis</span>
-      <span class="IssueItem--ready">Ready&nbsp;for&nbsp;Outreach</span>
-      <span class="IssueItem--sitewait">Site&nbsp;Contacted</span>
-      <span class="IssueItem--closed">Closed</span>
+      <span class="IssueItem--untriaged">
+        <a href="{{ url_for('show_issues') }}?untriaged=1">Untriaged</a>
+      </span>
+      <span class="IssueItem--need">
+        <a href="{{ url_for('show_issues') }}?needsdiagnosis=1">Needs&nbsp;Diagnosis</a>
+      </span>
+      <span class="IssueItem--ready">
+        <a href="{{ url_for('show_issues') }}?contactready=1">Ready&nbsp;for&nbsp;Outreach</a>
+      </span>
+      <span class="IssueItem--sitewait">
+        <a href="{{ url_for('show_issues') }}?sitewait=1">Site&nbsp;Contacted</a>
+      </span>
+      <span class="IssueItem--closed">
+        <a href="{{ url_for('show_issues') }}?closed=1">Closed</a>
+      </span>
     </span>
     {% include "browse-issues/my-issues.html" %}
     <div class="cssr-Grid cssr-Grid--withGutter">

webcompat/templates/browse-issues/needs-diagnosis.html

@@ -1,6 +1,8 @@
 <div id="needs-diagnosis" class="cssr-Grid-cell cssr-all--1of2 cssr-maxM--2of2">
   <script type="text/template" id="needs-diagnosis-tmpl">
-  <h3 class="wc-titleIssue">Needs Diagnosis</h3>
+  <h3 class="wc-titleIssue">
+    <a href="{{ url_for('show_issues') }}?needsdiagnosis=1">Needs Diagnosis</a>
+  </h3>
   <% if (needsDiagnosis.length) { %>
     <% _.each(needsDiagnosis, function(issue) { %>
     <div class="IssueItem IssueItem--need">

webcompat/templates/browse-issues/ready-for-outreach.html

@@ -1,6 +1,8 @@
 <div id="ready-for-outreach" class="cssr-Grid-cell cssr-all--1of2 cssr-maxM--2of2">
   <script type="text/template" id="contactready-tmpl">
-  <h3 class="wc-titleIssue">Ready for Outreach</h3>
+  <h3 class="wc-titleIssue">
+    <a href="{{ url_for('show_issues') }}?contactready=1">Ready for Outreach</a>
+  </h3>
   <% if (contactReady.length) { %>
     <% _.each(contactReady, function(issue) { %>
     <div class="IssueItem IssueItem--ready">

webcompat/templates/browse-issues/site-contacted.html

@@ -1,6 +1,8 @@
 <div id="sitewait" class="cssr-Grid-cell cssr-all--1of2 cssr-maxM--2of2">
   <script type="text/template" id="sitewait-tmpl">
-  <h3 class="wc-titleIssue">Site Contacted</h3>
+  <h3 class="wc-titleIssue">
+    <a href="{{ url_for('show_issues') }}?sitewait=1">Site Contacted</a>
+  </h3>
   <% if (sitewait.length) { %>
     <% _.each(sitewait, function(issue) { %>
     <div class="IssueItem IssueItem--sitewait">

webcompat/templates/browse-issues/untriaged.html

@@ -1,6 +1,8 @@
 <div id="untriaged" class="cssr-Grid-cell cssr-all--1of2 cssr-maxM--2of2">
   <script type="text/template" id="untriaged-tmpl">
-  <h3 class="wc-titleIssue">Untriaged Issues</h3>
+  <h3 class="wc-titleIssue">
+    <a href="{{ url_for('show_issues') }}?untriaged=1">Untriaged Issues</a>
+  </h3>
   <% if (untriaged.length) { %>
     <% _.each(untriaged, function(issue) { %>
     <div class="IssueItem IssueItem--untriaged">