From 5b675902ff561682d5a991826661edce4e20d561 Mon Sep 17 00:00:00 2001
From: Jesse Plamondon-Willard <Pathoschild@users.noreply.github.com>
Date: Thu, 7 Mar 2019 18:10:59 -0500
Subject: improve SMAPI 3.0 status column, show by default

---
 src/SMAPI.Web/Views/Mods/Index.cshtml      | 14 +++++++-------
 src/SMAPI.Web/wwwroot/Content/css/mods.css |  4 ++++
 src/SMAPI.Web/wwwroot/Content/js/mods.js   |  7 +++++--
 3 files changed, 16 insertions(+), 9 deletions(-)

(limited to 'src/SMAPI.Web')

diff --git a/src/SMAPI.Web/Views/Mods/Index.cshtml b/src/SMAPI.Web/Views/Mods/Index.cshtml
index a30a0048..2f325f8e 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=20190125" />
+    <link rel="stylesheet" href="~/Content/css/mods.css?r=20190302" />
     <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=20190125"></script>
+    <script src="~/Content/js/mods.js?r=20190302"></script>
     <script>
         $(function() {
             var data = @Json.Serialize(Model.Mods, new JsonSerializerSettings { Formatting = Formatting.None });
@@ -61,7 +61,7 @@
                 <th>compatibility</th>
                 <th v-show="showAdvanced">broke in</th>
                 <th v-show="showAdvanced">code</th>
-                <th v-show="showAdvanced"><a href="http://smapi.io/3.0">3.0</a></th>
+                <th><small><a href="http://smapi.io/3.0">3.0 ready</a></small></th>
                 <th>&nbsp;</th>
             </tr>
         </thead>
@@ -93,10 +93,10 @@
                     <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 v-show="showAdvanced">
-                    <small v-if="mod.LatestCompatibility.Status == 'ok' || mod.LatestCompatibility.Status == 'unofficial' || mod.Smapi3Status == 'ok' || mod.Smapi3Status == 'soon' || mod.Smapi3Url">
-                        <a v-if="mod.Smapi3Url" v-bind:href="mod.Smapi3Url">{{mod.Smapi3DisplayText}}</a>
-                        <template v-else>{{mod.Smapi3DisplayText}}</template>
+                <td class="smapi-3-col">
+                    <small v-if="mod.LatestCompatibility.Status == 'ok' || mod.LatestCompatibility.Status == 'unofficial' || mod.LatestCompatibility.Status == 'optional' || mod.Smapi3Status == 'ok' || mod.Smapi3Status == 'soon' || mod.Smapi3Url">
+                        <a v-if="mod.Smapi3Url" v-bind:href="mod.Smapi3Url" v-bind:title="mod.Smapi3Tooltip">{{mod.Smapi3DisplayText}}</a>
+                        <span v-else v-bind:title="mod.Smapi3Tooltip">{{mod.Smapi3DisplayText}}</span>
                     </small>
                 </td>
                 <td>
diff --git a/src/SMAPI.Web/wwwroot/Content/css/mods.css b/src/SMAPI.Web/wwwroot/Content/css/mods.css
index f42800da..75885975 100644
--- a/src/SMAPI.Web/wwwroot/Content/css/mods.css
+++ b/src/SMAPI.Web/wwwroot/Content/css/mods.css
@@ -135,3 +135,7 @@ table.wikitable > caption {
 #mod-list tr[data-status="workaround"] .mod-page-links {
     text-decoration: line-through;
 }
+
+#mod-list td.smapi-3-col span {
+    border-bottom: 1px dashed gray;
+}
diff --git a/src/SMAPI.Web/wwwroot/Content/js/mods.js b/src/SMAPI.Web/wwwroot/Content/js/mods.js
index 05114b00..874fbf25 100644
--- a/src/SMAPI.Web/wwwroot/Content/js/mods.js
+++ b/src/SMAPI.Web/wwwroot/Content/js/mods.js
@@ -102,15 +102,18 @@ smapi.modList = function (mods, enableBeta) {
         // set SMAPI 3.0 display text
         switch (mod.Smapi3Status) {
             case "ok":
-                mod.Smapi3DisplayText = "✓";
+                mod.Smapi3DisplayText = "✓ yes";
+                mod.Smapi3Tooltip = "The latest version of this mod is compatible with SMAPI 3.0.";
                 break;
 
             case "broken":
-                mod.Smapi3DisplayText = "✖";
+                mod.Smapi3DisplayText = "✖ no";
+                mod.Smapi3Tooltip = "This mod will break in SMAPI 3.0; consider notifying the author.";
                 break;
 
             default:
                 mod.Smapi3DisplayText = "↻ " + mod.Smapi3Status;
+                mod.Smapi3Tooltip = "This mod has a pending update for SMAPI 3.0 which hasn't been released yet.";
                 break;
         }
 
-- 
cgit