Added filter for owned games.

Fixed curator build status image.
250 · Jun 30, 2024 · 64f543d · 64f543d
1 parent 869fd38
commit 64f543d
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 4 deletions.
diff --git a/assets/css/250.less b/assets/css/250.less
@@ -505,13 +505,13 @@ span.filtered {
 
         background: #1b2838;
 
-        >legend + * {
+        >legend + p {
             margin: 0 auto .8em;
         }
     }
 }
 .ranking > .filter > form.open {
-    max-height: 210px;
+    max-height: 300px;
 }
 .ranking label {
     white-space: nowrap;

diff --git a/assets/js/Filter.ts b/assets/js/Filter.ts
@@ -44,7 +44,8 @@ new class {
 
     private filterApps() {
         const ranks = document.querySelectorAll('#body .ranking > div[id]'),
-            checkedChecks = this.checks.filter(check => check.checked);
+            platformChecks = this.checks.filter(check => this.form.querySelector('fieldset')!.contains(check)),
+            checkedChecks = platformChecks.filter(check => check.checked);
 
         let kept = 0;
 
@@ -53,6 +54,10 @@ new class {
             ranks.forEach(rank => {
                 let keep = checkedChecks.some(check => !!rank.querySelector('.platforms > .' + check.name));
 
+                if (this.form['owned'].checked) {
+                    keep &&= !rank.querySelector('a.owned');
+                }
+
                 rank.classList.toggle('filtered', !keep);
 
                 if (keep) {

diff --git a/template/layout/ranking.twig b/template/layout/ranking.twig
@@ -102,6 +102,13 @@
                     {{ include('@components/checkbox.twig', {caption_on: 'Linux', name: 'nix'}) }}
                     {{ include('@components/checkbox.twig', {caption_on: 'Steam Deck', name: 'deck'}) }}
                 </fieldset>
+                <fieldset>
+                    <legend>Owned games</legend>
+                    Show {{ include(
+                        '@components/checkbox.twig',
+                        {negative: 1, checked: 0, caption_on: 'Hide', name: 'owned'})
+                    }}
+                </fieldset>
                 <button class="button ok">OK</button>
                 <button class="button cancel">Cancel</button>
                 <button class="button reset" type="reset">Reset</button>

diff --git a/template/layout/template.twig b/template/layout/template.twig
@@ -195,7 +195,7 @@
                         </a>
                     <td>
                         <a href="https://github.com/250/Steam-curator/actions/workflows/Curator%20sync.yml">
-                            <img src="https://github.com/250/Steam-curator/workflows/Sync/badge.svg"
+                            <img src="https://github.com/250/Steam-curator/actions/workflows/Curator%20sync.yml/badge.svg"
                                 alt="Curator sync status">
                         </a>
             </table>