hide technical columns by default (#597)

1 files changed, 12 insertions, 6 deletions

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>