Merge pull request #1360 from giraffate/add_a_filter_to_the_triage_dashboard

Mark-Simulacrum · web-flow · commit dbbcb0f0d0fb · 2021-05-31T09:53:15.000-04:00
Add a filter to the triage dashboard
diff --git a/templates/triage/pulls.html b/templates/triage/pulls.html
@@ -38,11 +38,61 @@
                 border-radius:2;
             }
         </style>
+        <script>
+            function filter() {
+                var input, filter, table, tr, i, txtValue;
+                input = document.getElementById("filter-input");
+                filter = input.value;
+                table = document.getElementById("pr-table");
+                tr = table.getElementsByTagName("tr");
+
+                filters = filter.split(' ').map(function(x) {
+                    return x.split(':');
+                });
+
+
+                for (i = 0; i < tr.length; i++) {
+                    filters.forEach(function(flt) {
+                        if (flt.length == 2) {
+                            var td;
+                            switch (flt[0]) {
+                                case 'label':
+                                case '-label':
+                                    td = tr[i].getElementsByTagName("td")[6];
+                                    break;
+                                case 'assignee':
+                                case '-assignee':
+                                    td = tr[i].getElementsByTagName("td")[5];
+                                    break;
+                                case 'author':
+                                case '-author':
+                                    td = tr[i].getElementsByTagName("td")[4];
+                                    break;
+                            }
+                            if (td) {
+                                txtValue = td.textContent || td.innerText;
+                                console.log(flt[0].charAt(0));
+                                if ((flt[0].charAt(0) != '-' && txtValue.indexOf(flt[1]) > -1)
+                                    || (flt[0].charAt(0) == '-' && txtValue.indexOf(flt[1]) <= -1)) {
+                                    tr[i].style.display = "";
+                                } else {
+                                    tr[i].style.display = "none";
+                                }
+                            }
+                        } else {
+                            tr[i].style.display = "";
+                        }
+                    });
+                }
+            }
+        </script>
     </head>
 
     <body>
         <h1>Triage dashboard - <a href="https://github.com/{{ owner }}/{{ repo }}">{{ owner }}/{{ repo }}</a></h1>
-        <table>
+        <input id="filter-input" type="search" style="width: 400px;">
+        <input type="submit" value="filter" onclick="filter()">
+        <table id="pr-table">
             <thead>
                 <tr>
                     <th>#</th>
