From 28fdb9e4e7f5419947226171bf6d7efa273802c5 Mon Sep 17 00:00:00 2001
From: Jesse Plamondon-Willard <github@jplamondonw.com>
Date: Sat, 20 Oct 2018 15:10:44 -0400
Subject: add mod compatibility page (#597)

---
 src/SMAPI.Web/Views/Mods/Index.cshtml | 72 +++++++++++++++++++++++++++++++++++
 1 file changed, 72 insertions(+)
 create mode 100644 src/SMAPI.Web/Views/Mods/Index.cshtml

(limited to 'src/SMAPI.Web/Views/Mods')

diff --git a/src/SMAPI.Web/Views/Mods/Index.cshtml b/src/SMAPI.Web/Views/Mods/Index.cshtml
new file mode 100644
index 00000000..2b33fcaf
--- /dev/null
+++ b/src/SMAPI.Web/Views/Mods/Index.cshtml
@@ -0,0 +1,72 @@
+@using Newtonsoft.Json
+@model StardewModdingAPI.Web.ViewModels.ModListModel
+@{
+    ViewData["Title"] = "SMAPI mod compatibility";
+}
+@section Head {
+    <link rel="stylesheet" href="~/Content/css/mods.css?r=20180615" />
+    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" crossorigin="anonymous"></script>
+    <script src="~/Content/js/mods.js?r=20180615"></script>
+    <script>
+        $(function() {
+            var data = @Json.Serialize(Model.Mods, new JsonSerializerSettings { Formatting = Formatting.None });
+            smapi.modList(data);
+        });
+    </script>
+}
+
+<p id="blurb">This page lists all known SMAPI mods, whether they're compatible with the latest versions of Stardew Valley and SMAPI, and how to fix broken mods if possible. The list is updated every few days. (You can help <a href="https://stardewvalleywiki.com/Modding:SMAPI_compatibility">edit this list</a>!)</p>
+
+@if (Model.BetaVersion != null)
+{
+    <div id="beta-blurb">
+        <p><strong>Note:</strong> "SDV beta only" means Stardew Valley @Model.BetaVersion; if you didn't opt in to the beta, you have the stable version and can ignore that line. If a mod doesn't have a "SDV beta only" line, the compatibility applies to both versions of the game.</p>
+    </div>
+}
+
+<div id="app">
+    <label for="search-box">Search: </label>
+    <input type="text" id="search-box" v-model="search" v-on:input="applySearch" />
+    <table class="wikitable" id="mod-list">
+        <tr>
+            <th>mod name</th>
+            <th>links</th>
+            <th>author</th>
+            <th>compatibility</th>
+            <th>broke in</th>
+            <th>code</th>
+            <th>&nbsp;</th>
+        </tr>
+        <tr v-for="mod in mods" :key="mod.Name" v-bind:id="mod.Slug" :key="mod.Slug" v-bind:data-status="mod.BetaCompatibility != null ? mod.BetaCompatibility.Status : mod.Compatibility.Status" v-show="mod.Visible">
+            <td>
+                {{mod.Name}}
+                <small class="mod-alt-names" v-if="mod.AlternateNames">(aka {{mod.AlternateNames}})</small>
+            </td>
+            <td class="mod-page-links">
+                <span v-for="(link, i) in mod.ModPages">
+                    <a v-bind:href="link.Url">{{link.Text}}</a>{{i < mod.ModPages.length - 1 ? ', ' : ''}}
+                </span>
+            </td>
+            <td>
+                {{mod.Author}}
+                <small class="mod-alt-authors" v-if="mod.AlternateAuthors">(aka {{mod.AlternateAuthors}})</small>
+            </td>
+            <td>
+                <div v-html="mod.Compatibility.Summary"></div>
+                <div v-if="mod.BetaCompatibility">
+                    <strong v-if="mod.BetaCompatibility">SDV beta only:</strong>
+                    <span v-html="mod.BetaCompatibility.Summary"></span>
+                </div>
+            </td>
+            <td class="mod-broke-in" v-html="mod.BrokeIn"></td>
+            <td>
+                <span v-if="mod.SourceUrl"><a v-bind:href="mod.SourceUrl">source</a></span>
+                <span v-else class="mod-closed-source">no source</span>
+            </td>
+            <td>
+                <small><a v-bind:href="'#' + mod.Slug">#</a></small>
+            </td>
+        </tr>
+    </table>
+</div>
-- 
cgit 


From 39bacfa8688232e11850cdf2c0b0b4c953be1d76 Mon Sep 17 00:00:00 2001
From: Jesse Plamondon-Willard <github@jplamondonw.com>
Date: Sat, 20 Oct 2018 17:26:26 -0400
Subject: hide technical columns by default (#597)

---
 src/SMAPI.Web/Views/Mods/Index.cshtml | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

(limited to 'src/SMAPI.Web/Views/Mods')

diff --git a/src/SMAPI.Web/Views/Mods/Index.cshtml b/src/SMAPI.Web/Views/Mods/Index.cshtml
index 2b33fcaf..8d1b91ad 100644
--- a/src/SMAPI.Web/Views/Mods/Index.cshtml
+++ b/src/SMAPI.Web/Views/Mods/Index.cshtml
@@ -26,16 +26,22 @@
 }
 
 <div id="app">
-    <label for="search-box">Search: </label>
-    <input type="text" id="search-box" v-model="search" v-on:input="applySearch" />
+    <div>
+        <label for="search-box">Search: </label>
+        <input type="text" id="search-box" v-model="search" v-on:input="applySearch"/>
+    </div>
+    <div id="show-fields-option">
+        <input type="checkbox" id="show-all-fields" v-model="showAllFields" />
+        <label for="show-all-fields">show advanced fields</label>
+    </div>
     <table class="wikitable" id="mod-list">
         <tr>
             <th>mod name</th>
             <th>links</th>
             <th>author</th>
             <th>compatibility</th>
-            <th>broke in</th>
-            <th>code</th>
+            <th v-show="showAllFields">broke in</th>
+            <th v-show="showAllFields">code</th>
             <th>&nbsp;</th>
         </tr>
         <tr v-for="mod in mods" :key="mod.Name" v-bind:id="mod.Slug" :key="mod.Slug" v-bind:data-status="mod.BetaCompatibility != null ? mod.BetaCompatibility.Status : mod.Compatibility.Status" v-show="mod.Visible">
@@ -59,8 +65,8 @@
                     <span v-html="mod.BetaCompatibility.Summary"></span>
                 </div>
             </td>
-            <td class="mod-broke-in" v-html="mod.BrokeIn"></td>
-            <td>
+            <td class="mod-broke-in" v-html="mod.BrokeIn" v-show="showAllFields"></td>
+            <td v-show="showAllFields">
                 <span v-if="mod.SourceUrl"><a v-bind:href="mod.SourceUrl">source</a></span>
                 <span v-else class="mod-closed-source">no source</span>
             </td>
-- 
cgit 


From b729ef012925ca00f2f9b4c6a2091d6cf78b239c Mon Sep 17 00:00:00 2001
From: Jesse Plamondon-Willard <github@jplamondonw.com>
Date: Sat, 20 Oct 2018 19:39:32 -0400
Subject: add table sorting (#597)

---
 src/SMAPI.Web/Views/Mods/Index.cshtml | 85 ++++++++++++++++++-----------------
 1 file changed, 45 insertions(+), 40 deletions(-)

(limited to 'src/SMAPI.Web/Views/Mods')

diff --git a/src/SMAPI.Web/Views/Mods/Index.cshtml b/src/SMAPI.Web/Views/Mods/Index.cshtml
index 8d1b91ad..3626c4d8 100644
--- a/src/SMAPI.Web/Views/Mods/Index.cshtml
+++ b/src/SMAPI.Web/Views/Mods/Index.cshtml
@@ -7,6 +7,7 @@
     <link rel="stylesheet" href="~/Content/css/mods.css?r=20180615" />
     <script src="https://cdn.jsdelivr.net/npm/vue"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" crossorigin="anonymous"></script>
+    <script src="~/Content/js/external/jquery-tablesorter.js"></script>
     <script src="~/Content/js/mods.js?r=20180615"></script>
     <script>
         $(function() {
@@ -28,51 +29,55 @@
 <div id="app">
     <div>
         <label for="search-box">Search: </label>
-        <input type="text" id="search-box" v-model="search" v-on:input="applySearch"/>
+        <input type="text" id="search-box" v-model="search" v-on:input="applySearch" />
     </div>
     <div id="show-fields-option">
         <input type="checkbox" id="show-all-fields" v-model="showAllFields" />
         <label for="show-all-fields">show advanced fields</label>
     </div>
     <table class="wikitable" id="mod-list">
-        <tr>
-            <th>mod name</th>
-            <th>links</th>
-            <th>author</th>
-            <th>compatibility</th>
-            <th v-show="showAllFields">broke in</th>
-            <th v-show="showAllFields">code</th>
-            <th>&nbsp;</th>
-        </tr>
-        <tr v-for="mod in mods" :key="mod.Name" v-bind:id="mod.Slug" :key="mod.Slug" v-bind:data-status="mod.BetaCompatibility != null ? mod.BetaCompatibility.Status : mod.Compatibility.Status" v-show="mod.Visible">
-            <td>
-                {{mod.Name}}
-                <small class="mod-alt-names" v-if="mod.AlternateNames">(aka {{mod.AlternateNames}})</small>
-            </td>
-            <td class="mod-page-links">
-                <span v-for="(link, i) in mod.ModPages">
-                    <a v-bind:href="link.Url">{{link.Text}}</a>{{i < mod.ModPages.length - 1 ? ', ' : ''}}
-                </span>
-            </td>
-            <td>
-                {{mod.Author}}
-                <small class="mod-alt-authors" v-if="mod.AlternateAuthors">(aka {{mod.AlternateAuthors}})</small>
-            </td>
-            <td>
-                <div v-html="mod.Compatibility.Summary"></div>
-                <div v-if="mod.BetaCompatibility">
-                    <strong v-if="mod.BetaCompatibility">SDV beta only:</strong>
-                    <span v-html="mod.BetaCompatibility.Summary"></span>
-                </div>
-            </td>
-            <td class="mod-broke-in" v-html="mod.BrokeIn" v-show="showAllFields"></td>
-            <td v-show="showAllFields">
-                <span v-if="mod.SourceUrl"><a v-bind:href="mod.SourceUrl">source</a></span>
-                <span v-else class="mod-closed-source">no source</span>
-            </td>
-            <td>
-                <small><a v-bind:href="'#' + mod.Slug">#</a></small>
-            </td>
-        </tr>
+        <thead>
+            <tr>
+                <th>mod name</th>
+                <th>links</th>
+                <th>author</th>
+                <th>compatibility</th>
+                <th v-show="showAllFields">broke in</th>
+                <th v-show="showAllFields">code</th>
+                <th>&nbsp;</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr v-for="mod in mods" :key="mod.Name" v-bind:id="mod.Slug" :key="mod.Slug" v-bind:data-status="mod.BetaCompatibility != null ? mod.BetaCompatibility.Status : mod.Compatibility.Status" v-show="mod.Visible">
+                <td>
+                    {{mod.Name}}
+                    <small class="mod-alt-names" v-if="mod.AlternateNames">(aka {{mod.AlternateNames}})</small>
+                </td>
+                <td class="mod-page-links">
+                    <span v-for="(link, i) in mod.ModPages">
+                        <a v-bind:href="link.Url">{{link.Text}}</a>{{i < mod.ModPages.length - 1 ? ', ' : ''}}
+                    </span>
+                </td>
+                <td>
+                    {{mod.Author}}
+                    <small class="mod-alt-authors" v-if="mod.AlternateAuthors">(aka {{mod.AlternateAuthors}})</small>
+                </td>
+                <td>
+                    <div v-html="mod.Compatibility.Summary"></div>
+                    <div v-if="mod.BetaCompatibility">
+                        <strong v-if="mod.BetaCompatibility">SDV beta only:</strong>
+                        <span v-html="mod.BetaCompatibility.Summary"></span>
+                    </div>
+                </td>
+                <td class="mod-broke-in" v-html="mod.BrokeIn" v-show="showAllFields"></td>
+                <td v-show="showAllFields">
+                    <span v-if="mod.SourceUrl"><a v-bind:href="mod.SourceUrl">source</a></span>
+                    <span v-else class="mod-closed-source">no source</span>
+                </td>
+                <td>
+                    <small><a v-bind:href="'#' + mod.Slug">#</a></small>
+                </td>
+            </tr>
+        </tbody>
     </table>
 </div>
-- 
cgit 


From de561e52d7785597f1af2c6fd0d712d19ac5f928 Mon Sep 17 00:00:00 2001
From: Jesse Plamondon-Willard <github@jplamondonw.com>
Date: Sat, 20 Oct 2018 20:19:12 -0400
Subject: fetch game versions from the wiki (#597)

---
 src/SMAPI.Web/Views/Mods/Index.cshtml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/SMAPI.Web/Views/Mods')

diff --git a/src/SMAPI.Web/Views/Mods/Index.cshtml b/src/SMAPI.Web/Views/Mods/Index.cshtml
index 3626c4d8..66ec0c72 100644
--- a/src/SMAPI.Web/Views/Mods/Index.cshtml
+++ b/src/SMAPI.Web/Views/Mods/Index.cshtml
@@ -22,7 +22,7 @@
 @if (Model.BetaVersion != null)
 {
     <div id="beta-blurb">
-        <p><strong>Note:</strong> "SDV beta only" means Stardew Valley @Model.BetaVersion; if you didn't opt in to the beta, you have the stable version and can ignore that line. If a mod doesn't have a "SDV beta only" line, the compatibility applies to both versions of the game.</p>
+        <p><strong>Note:</strong> "SDV beta only" means Stardew Valley @Model.BetaVersion-beta; if you didn't opt in to the beta, you have the stable version and can ignore that line. If a mod doesn't have a "SDV beta only" line, the compatibility applies to both versions of the game.</p>
     </div>
 }
 
-- 
cgit 


From 2430b9c4ef755f5fcfb062e6c11570ad05211b73 Mon Sep 17 00:00:00 2001
From: Jesse Plamondon-Willard <github@jplamondonw.com>
Date: Sun, 21 Oct 2018 12:24:18 -0400
Subject: add troubleshooting guide link to intro, update release notes (#597)

---
 src/SMAPI.Web/Views/Mods/Index.cshtml | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

(limited to 'src/SMAPI.Web/Views/Mods')

diff --git a/src/SMAPI.Web/Views/Mods/Index.cshtml b/src/SMAPI.Web/Views/Mods/Index.cshtml
index 66ec0c72..b5b38c79 100644
--- a/src/SMAPI.Web/Views/Mods/Index.cshtml
+++ b/src/SMAPI.Web/Views/Mods/Index.cshtml
@@ -4,11 +4,11 @@
     ViewData["Title"] = "SMAPI mod compatibility";
 }
 @section Head {
-    <link rel="stylesheet" href="~/Content/css/mods.css?r=20180615" />
+    <link rel="stylesheet" href="~/Content/css/mods.css?r=20181021" />
     <script src="https://cdn.jsdelivr.net/npm/vue"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" crossorigin="anonymous"></script>
     <script src="~/Content/js/external/jquery-tablesorter.js"></script>
-    <script src="~/Content/js/mods.js?r=20180615"></script>
+    <script src="~/Content/js/mods.js?r=20181021"></script>
     <script>
         $(function() {
             var data = @Json.Serialize(Model.Mods, new JsonSerializerSettings { Formatting = Formatting.None });
@@ -17,14 +17,16 @@
     </script>
 }
 
-<p id="blurb">This page lists all known SMAPI mods, whether they're compatible with the latest versions of Stardew Valley and SMAPI, and how to fix broken mods if possible. The list is updated every few days. (You can help <a href="https://stardewvalleywiki.com/Modding:SMAPI_compatibility">edit this list</a>!)</p>
+<div id="intro">
+    <p>This page lists all known SMAPI mods, whether they're compatible with the latest versions of Stardew Valley and SMAPI, and how to fix broken mods if possible. The list is updated every few days. (You can help <a href="https://stardewvalleywiki.com/Modding:SMAPI_compatibility">edit this list</a>!)</p>
 
-@if (Model.BetaVersion != null)
-{
-    <div id="beta-blurb">
-        <p><strong>Note:</strong> "SDV beta only" means Stardew Valley @Model.BetaVersion-beta; if you didn't opt in to the beta, you have the stable version and can ignore that line. If a mod doesn't have a "SDV beta only" line, the compatibility applies to both versions of the game.</p>
-    </div>
-}
+    <p>If a mod doesn't work after following the instructions below, check <a href="https://stardewvalleywiki.com/Modding:Player_Guide/Troubleshooting">the troubleshooting guide</a> or <a href="https://stardewvalleywiki.com/Modding:Player_Guide/Troubleshooting#Ask_for_help">ask for help</a>.</p>
+
+    @if (Model.BetaVersion != null)
+    {
+        <p id="beta-blurb"><strong>Note:</strong> "SDV beta only" means Stardew Valley @Model.BetaVersion-beta; if you didn't opt in to the beta, you have the stable version and can ignore that line. If a mod doesn't have a "SDV beta only" line, the compatibility applies to both versions of the game.</p>
+    }
+</div>
 
 <div id="app">
     <div>
-- 
cgit 


From 12c06afe144b06d26d69b10c3527ec1d2c90bdca Mon Sep 17 00:00:00 2001
From: Jesse Plamondon-Willard <github@jplamondonw.com>
Date: Sun, 21 Oct 2018 12:32:45 -0400
Subject: update & standardise CDN script references

---
 src/SMAPI.Web/Views/Mods/Index.cshtml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'src/SMAPI.Web/Views/Mods')

diff --git a/src/SMAPI.Web/Views/Mods/Index.cshtml b/src/SMAPI.Web/Views/Mods/Index.cshtml
index b5b38c79..b2ab61d7 100644
--- a/src/SMAPI.Web/Views/Mods/Index.cshtml
+++ b/src/SMAPI.Web/Views/Mods/Index.cshtml
@@ -5,9 +5,9 @@
 }
 @section Head {
     <link rel="stylesheet" href="~/Content/css/mods.css?r=20181021" />
-    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" crossorigin="anonymous"></script>
-    <script src="~/Content/js/external/jquery-tablesorter.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/tablesorter@2.31.0/dist/js/jquery.tablesorter.combined.min.js" crossorigin="anonymous"></script>
     <script src="~/Content/js/mods.js?r=20181021"></script>
     <script>
         $(function() {
-- 
cgit 


From e94aaaf7c8dccd0910d6275860821b16c90ef6c6 Mon Sep 17 00:00:00 2001
From: Jesse Plamondon-Willard <github@jplamondonw.com>
Date: Sat, 27 Oct 2018 20:37:42 -0400
Subject: update for changes to wiki compatibility list (#597)

---
 src/SMAPI.Web/Views/Mods/Index.cshtml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src/SMAPI.Web/Views/Mods')

diff --git a/src/SMAPI.Web/Views/Mods/Index.cshtml b/src/SMAPI.Web/Views/Mods/Index.cshtml
index b2ab61d7..b2e20c7a 100644
--- a/src/SMAPI.Web/Views/Mods/Index.cshtml
+++ b/src/SMAPI.Web/Views/Mods/Index.cshtml
@@ -71,7 +71,7 @@
                         <span v-html="mod.BetaCompatibility.Summary"></span>
                     </div>
                 </td>
-                <td class="mod-broke-in" v-html="mod.BrokeIn" v-show="showAllFields"></td>
+                <td class="mod-broke-in" v-html="mod.BetaCompatibility ? mod.BetaCompatibility.BrokeIn : mod.Compatibility.BrokeIn" v-show="showAllFields"></td>
                 <td v-show="showAllFields">
                     <span v-if="mod.SourceUrl"><a v-bind:href="mod.SourceUrl">source</a></span>
                     <span v-else class="mod-closed-source">no source</span>
-- 
cgit 


From 8231d05a33d8783093dd993cbe004239039fe8e8 Mon Sep 17 00:00:00 2001
From: Jesse Plamondon-Willard <github@jplamondonw.com>
Date: Sat, 27 Oct 2018 21:15:53 -0400
Subject: add warnings to compatibility list (#597)

---
 src/SMAPI.Web/Views/Mods/Index.cshtml | 1 +
 1 file changed, 1 insertion(+)

(limited to 'src/SMAPI.Web/Views/Mods')

diff --git a/src/SMAPI.Web/Views/Mods/Index.cshtml b/src/SMAPI.Web/Views/Mods/Index.cshtml
index b2e20c7a..b326fd36 100644
--- a/src/SMAPI.Web/Views/Mods/Index.cshtml
+++ b/src/SMAPI.Web/Views/Mods/Index.cshtml
@@ -70,6 +70,7 @@
                         <strong v-if="mod.BetaCompatibility">SDV beta only:</strong>
                         <span v-html="mod.BetaCompatibility.Summary"></span>
                     </div>
+                    <div v-for="(warning, i) in mod.Warnings">⚠ {{warning}}</div>
                 </td>
                 <td class="mod-broke-in" v-html="mod.BetaCompatibility ? mod.BetaCompatibility.BrokeIn : mod.Compatibility.BrokeIn" v-show="showAllFields"></td>
                 <td v-show="showAllFields">
-- 
cgit 


From 9560baeb71ca17c8b86b3674daddd13765ba0f24 Mon Sep 17 00:00:00 2001
From: Jesse Plamondon-Willard <Pathoschild@users.noreply.github.com>
Date: Fri, 9 Nov 2018 17:35:56 -0500
Subject: add filters to mod compatibility list (#597)

---
 src/SMAPI.Web/Views/Mods/Index.cshtml | 34 +++++++++++++++++++++-------------
 1 file changed, 21 insertions(+), 13 deletions(-)

(limited to 'src/SMAPI.Web/Views/Mods')

diff --git a/src/SMAPI.Web/Views/Mods/Index.cshtml b/src/SMAPI.Web/Views/Mods/Index.cshtml
index b326fd36..372d6706 100644
--- a/src/SMAPI.Web/Views/Mods/Index.cshtml
+++ b/src/SMAPI.Web/Views/Mods/Index.cshtml
@@ -4,11 +4,11 @@
     ViewData["Title"] = "SMAPI mod compatibility";
 }
 @section Head {
-    <link rel="stylesheet" href="~/Content/css/mods.css?r=20181021" />
+    <link rel="stylesheet" href="~/Content/css/mods.css?r=20181109" />
     <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/tablesorter@2.31.0/dist/js/jquery.tablesorter.combined.min.js" crossorigin="anonymous"></script>
-    <script src="~/Content/js/mods.js?r=20181021"></script>
+    <script src="~/Content/js/mods.js?r=20181109"></script>
     <script>
         $(function() {
             var data = @Json.Serialize(Model.Mods, new JsonSerializerSettings { Formatting = Formatting.None });
@@ -29,14 +29,22 @@
 </div>
 
 <div id="app">
-    <div>
-        <label for="search-box">Search: </label>
-        <input type="text" id="search-box" v-model="search" v-on:input="applySearch" />
-    </div>
-    <div id="show-fields-option">
-        <input type="checkbox" id="show-all-fields" v-model="showAllFields" />
-        <label for="show-all-fields">show advanced fields</label>
+    <div id="options">
+        <div>
+            <label for="search-box">Search: </label>
+            <input type="text" id="search-box" v-model="search" v-on:input="applyFilters" />
+        </div>
+        <div id="filter-area">
+            <input type="checkbox" id="show-advanced" v-model="showAdvanced" />
+            <label for="show-advanced">show detailed options</label>
+            <div id="filters" v-show="showAdvanced">
+                <div v-for="(filterGroup, key) in filters">
+                    {{key}}: <span v-for="filter in filterGroup" v-bind:class="{ active: filter.value }"><input type="checkbox" v-bind:id="filter.id" v-model="filter.value" v-on:change="applyFilters" /> <label v-bind:for="filter.id">{{filter.label}}</label></span>
+                </div>
+            </div>
+        </div>
     </div>
+    <div id="mod-count" v-show="showAdvanced">{{visibleCount}} mods shown.</div>
     <table class="wikitable" id="mod-list">
         <thead>
             <tr>
@@ -44,8 +52,8 @@
                 <th>links</th>
                 <th>author</th>
                 <th>compatibility</th>
-                <th v-show="showAllFields">broke in</th>
-                <th v-show="showAllFields">code</th>
+                <th v-show="showAdvanced">broke in</th>
+                <th v-show="showAdvanced">code</th>
                 <th>&nbsp;</th>
             </tr>
         </thead>
@@ -72,8 +80,8 @@
                     </div>
                     <div v-for="(warning, i) in mod.Warnings">⚠ {{warning}}</div>
                 </td>
-                <td class="mod-broke-in" v-html="mod.BetaCompatibility ? mod.BetaCompatibility.BrokeIn : mod.Compatibility.BrokeIn" v-show="showAllFields"></td>
-                <td v-show="showAllFields">
+                <td class="mod-broke-in" v-html="mod.BetaCompatibility ? mod.BetaCompatibility.BrokeIn : mod.Compatibility.BrokeIn" v-show="showAdvanced"></td>
+                <td v-show="showAdvanced">
                     <span v-if="mod.SourceUrl"><a v-bind:href="mod.SourceUrl">source</a></span>
                     <span v-else class="mod-closed-source">no source</span>
                 </td>
-- 
cgit