diff options
| -rw-r--r-- | src/SMAPI.Web/Views/Mods/Index.cshtml | 14 | ||||
| -rw-r--r-- | src/SMAPI.Web/wwwroot/Content/css/mods.css | 4 | ||||
| -rw-r--r-- | src/SMAPI.Web/wwwroot/Content/js/mods.js | 7 |
3 files changed, 16 insertions, 9 deletions
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> </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; } |