Only show reinstall option if the latest release is installed

themes/grav/app/updates/index.js

@@ -133,11 +133,14 @@ export default class Updates {
                 let container = $(`[data-gpm-${singles[index]}="${item}"]`);
                 let element = container.find('.gpm-name');
                 let url = element.find('a');
+                let content_wrapper = container.parents('.content-wrapper');
 
                 if (type === 'plugins' && !element.find('.badge.update').length) {
                     element.append(`<a class="plugin-update-button" href="${url.attr('href')}"><span class="badge update">${translations.PLUGIN_ADMIN.UPDATE_AVAILABLE}!</span></a>`);
+                    content_wrapper.addClass('has-updates');
                 } else if (type === 'themes') {
                     element.append(`<div class="gpm-ribbon"><a href="${url.attr('href')}">${translations.PLUGIN_ADMIN.UPDATE.toUpperCase()}</a></div>`);
+                    content_wrapper.addClass('has-updates');
                 }
 
                 // details page
@@ -161,6 +164,8 @@ export default class Updates {
             $('[data-update-packages]').removeClass('hidden');
         });
 
+        $('.content-wrapper').addClass('updates-checked');
+
         if (!is_current_package_latest) {
             $('.warning-reinstall-not-latest-release').removeClass('hidden');
         }

themes/grav/css-compiled/fonts.css

@@ -1,15 +1,3 @@
-@import url("//fonts.googleapis.com/css?family=Montserrat:400|Lato:300,400,700|Inconsolata:400,700");
+@import url("//fonts.googleapis.com/css?family=Montserrat:400|Lato:300,400,700|Inconsolata:400,700");body,h5,h6,.badge,.note,.grav-mdeditor-preview,input,select,textarea,button,.selectize-input{font-family:"Lato","Helvetica","Tahoma","Geneva","Arial",sans-serif}h1,h2,h3,h4,#admin-menu li,.form-tabs>label,.label{font-family:"Montserrat","Helvetica","Tahoma","Geneva","Arial",sans-serif}code,kbd,pre,samp,body .CodeMirror{font-family:"Inconsolata","Monaco","Consolas","Lucida Console",monospace !important}
-body, h5, h6,
-.badge, .note, .grav-mdeditor-preview,
-input, select, textarea, button, .selectize-input {
-  font-family: "Lato", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; }
 
-h1, h2, h3, h4,
+/*# sourceMappingURL=fonts.css.map */
-#admin-menu li, .form-tabs > label, .label {
-  font-family: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; }
-
-code, kbd, pre, samp,
-body .CodeMirror {
-  font-family: "Inconsolata", "Monaco", "Consolas", "Lucida Console", monospace !important; }
-
-/*# sourceMappingURL=../css-compiled/fonts.css.map */

themes/grav/css-compiled/fonts.css.map

@@ -1,11 +1 @@
-{
+{"version":3,"file":"fonts.css","sources":["fonts.scss","configuration/fonts/_support.scss"],"sourcesContent":["$fonts-default: 'Lato' !default;\n$fonts-header: 'Montserrat' !default;\n$fonts-mono: 'Inconsolata' !default;\n\n$font-definitions: (\n    Montserrat: '400',\n    Lato: '300,400,700',\n    Inconsolata: '400,700'\n);\n\n@import \"configuration/fonts/support\";\n\n\n\n\n","@function str-replace($string, $search, $replace: '') {\n    $index: str-index($string, $search);\n\n    @if $index {\n        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n    }\n\n    @return $string;\n}\n\n@function admin-font-faces($fonts) {\n    $url: \"//fonts.googleapis.com/css?family=\";\n    $nb: 0;\n\n    @each $fontname, $weights in $fonts {\n\n        @if $fontname == $fonts-default or\n            $fontname == $fonts-header or\n            $fontname == $fonts-mono {\n\n            $nb: $nb + 1;\n            $nb-word: 0;\n\n            $fontname: str-replace(\"#{$fontname}\", \" \", \"+\");\n\n            $url: $url + $fontname;\n\n            @if $weights != null {\n                $url: $url + \":\" + $weights;\n            }\n\n            @if $nb < 3 {\n                $url: $url + \"|\";\n            }\n        }\n    }\n\n    @return $url;\n}\n\n@mixin body-fonts($font) {\n    body, h5, h6,\n    .badge, .note, .grav-mdeditor-preview,\n    input, select, textarea, button, .selectize-input {\n        font-family: \"#{$font}\", \"Helvetica\", \"Tahoma\", \"Geneva\", \"Arial\", sans-serif;\n    }\n}\n\n@mixin header-fonts($font) {\n    h1, h2, h3, h4,\n    #admin-menu li, .form-tabs > label, .label {\n        font-family: \"#{$font}\", \"Helvetica\", \"Tahoma\", \"Geneva\", \"Arial\", sans-serif;\n    }\n}\n\n@mixin mono-fonts($font) {\n    code, kbd, pre, samp,\n    body .CodeMirror {\n        font-family: \"#{$font}\", \"Monaco\", \"Consolas\", \"Lucida Console\", monospace !important;\n    }\n}\n$font-url: admin-font-faces($font-definitions);\n\n@import url(\"#{$font-url}\");\n\n@include body-fonts($fonts-default);\n\n@include header-fonts($fonts-header);\n\n@include mono-fonts($fonts-mono);\n\n\n\n\n\n"],"mappings":"AC+DA,OAAO,CAAC,4FAAI,CAtBR,AAAA,IAAI,CAAE,AAAA,EAAE,CAAE,AAAA,EAAE,CACZ,AAAA,MAAM,CAAE,AAAA,KAAK,CAAE,AAAA,sBAAsB,CACrC,AAAA,KAAK,CAAE,AAAA,MAAM,CAAE,AAAA,QAAQ,CAAE,AAAA,MAAM,CAAE,AAAA,gBAAgB,AAAC,CAC9C,WAAW,CAAE,MAAU,CAAE,WAAW,CAAE,QAAQ,CAAE,QAAQ,CAAE,OAAO,CAAE,UAAU,CAChF,AAID,AAAA,EAAE,CAAE,AAAA,EAAE,CAAE,AAAA,EAAE,CAAE,AAAA,EAAE,CACd,AAAY,WAAD,CAAC,EAAE,CAAE,AAAa,UAAH,CAAG,KAAK,CAAE,AAAA,MAAM,AAAC,CACvC,WAAW,CAAE,YAAU,CAAE,WAAW,CAAE,QAAQ,CAAE,QAAQ,CAAE,OAAO,CAAE,UAAU,CAChF,AAID,AAAA,IAAI,CAAE,AAAA,GAAG,CAAE,AAAA,GAAG,CAAE,AAAA,IAAI,CACpB,AAAK,IAAD,CAAC,WAAW,AAAC,CACb,WAAW,CAAE,aAAU,CAAE,QAAQ,CAAE,UAAU,CAAE,gBAAgB,CAAE,SAAS,CAAC,UAAU,CACxF","names":[]}
-	"version": 3,
-	"file": "../scss/fonts.css",
-	"sources": [
-		"../scss/fonts.scss",
-		"../hdr0",
-		"../scss/configuration/fonts/_support.scss"
-	],
-	"mappings": "AE+DA,OAAO,CAAC,4FAAI;AAtBR,AAAA,IAAI,EAAE,AAAA,EAAE,EAAE,AAAA,EAAE;AACZ,AAAA,MAAM,EAAE,AAAA,KAAK,EAAE,AAAA,sBAAsB;AACrC,AAAA,KAAK,EAAE,AAAA,MAAM,EAAE,AAAA,QAAQ,EAAE,AAAA,MAAM,EAAE,AAAA,gBAAgB,CAAC;EAC9C,WAAW,EAAE,MAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,GAChF;;AAID,AAAA,EAAE,EAAE,AAAA,EAAE,EAAE,AAAA,EAAE,EAAE,AAAA,EAAE;AACd,AAAY,WAAD,CAAC,EAAE,EAAE,AAAa,UAAH,GAAG,KAAK,EAAE,AAAA,MAAM,CAAC;EACvC,WAAW,EAAE,YAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,GAChF;;AAID,AAAA,IAAI,EAAE,AAAA,GAAG,EAAE,AAAA,GAAG,EAAE,AAAA,IAAI;AACpB,AAAK,IAAD,CAAC,WAAW,CAAC;EACb,WAAW,EAAE,aAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE,SAAS,CAAC,UAAU,GACxF",
-	"names": []
-}

themes/grav/css-compiled/simple-fonts.css

@@ -1,12 +1,3 @@
-body, h5, h6,
+body,h5,h6,.badge,.note,.grav-mdeditor-preview,input,select,textarea,button,.selectize-input,h1,h2,h3,h4,#admin-menu li,.form-tabs>label,.label{font-family:"Helvetica Neue", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif}code,kbd,pre,samp,body .CodeMirror{font-family:"Monaco", "Consolas", "Lucida Console", monospace}
-.badge, .note, .grav-mdeditor-preview,
-input, select, textarea, button, .selectize-input,
-h1, h2, h3, h4,
-#admin-menu li, .form-tabs > label, .label {
-  font-family: "Helvetica Neue", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; }
 
-code, kbd, pre, samp,
+/*# sourceMappingURL=simple-fonts.css.map */
-body .CodeMirror {
-  font-family: "Monaco", "Consolas", "Lucida Console", monospace; }
-
-/*# sourceMappingURL=../css-compiled/simple-fonts.css.map */

themes/grav/css-compiled/simple-fonts.css.map

@@ -1,10 +1 @@
-{
+{"version":3,"file":"simple-fonts.css","sources":["simple-fonts.scss"],"sourcesContent":["body, h5, h6,\n.badge, .note, .grav-mdeditor-preview,\ninput, select, textarea, button, .selectize-input,\nh1, h2, h3, h4,\n#admin-menu li, .form-tabs > label, .label {\n    font-family: \"Helvetica Neue\", \"Helvetica\", \"Tahoma\", \"Geneva\", \"Arial\", sans-serif;\n}\ncode, kbd, pre, samp,\nbody .CodeMirror {\n    font-family: \"Monaco\", \"Consolas\", \"Lucida Console\", monospace;\n}\n"],"mappings":"AAAA,AAAA,IAAI,CAAE,AAAA,EAAE,CAAE,AAAA,EAAE,CACZ,AAAA,MAAM,CAAE,AAAA,KAAK,CAAE,AAAA,sBAAsB,CACrC,AAAA,KAAK,CAAE,AAAA,MAAM,CAAE,AAAA,QAAQ,CAAE,AAAA,MAAM,CAAE,AAAA,gBAAgB,CACjD,AAAA,EAAE,CAAE,AAAA,EAAE,CAAE,AAAA,EAAE,CAAE,AAAA,EAAE,CACd,AAAY,WAAD,CAAC,EAAE,CAAE,AAAa,UAAH,CAAG,KAAK,CAAE,AAAA,MAAM,AAAC,CACvC,WAAW,CAAE,sEAAuE,CACvF,AACD,AAAA,IAAI,CAAE,AAAA,GAAG,CAAE,AAAA,GAAG,CAAE,AAAA,IAAI,CACpB,AAAK,IAAD,CAAC,WAAW,AAAC,CACb,WAAW,CAAE,iDAAkD,CAClE","names":[]}
-	"version": 3,
-	"file": "../scss/simple-fonts.css",
-	"sources": [
-		"../scss/simple-fonts.scss",
-		"../hdr0"
-	],
-	"mappings": "AAAA,AAAA,IAAI,EAAE,AAAA,EAAE,EAAE,AAAA,EAAE;AACZ,AAAA,MAAM,EAAE,AAAA,KAAK,EAAE,AAAA,sBAAsB;AACrC,AAAA,KAAK,EAAE,AAAA,MAAM,EAAE,AAAA,QAAQ,EAAE,AAAA,MAAM,EAAE,AAAA,gBAAgB;AACjD,AAAA,EAAE,EAAE,AAAA,EAAE,EAAE,AAAA,EAAE,EAAE,AAAA,EAAE;AACd,AAAY,WAAD,CAAC,EAAE,EAAE,AAAa,UAAH,GAAG,KAAK,EAAE,AAAA,MAAM,CAAC;EACvC,WAAW,EAAE,sEAAuE,GACvF;;AACD,AAAA,IAAI,EAAE,AAAA,GAAG,EAAE,AAAA,GAAG,EAAE,AAAA,IAAI;AACpB,AAAK,IAAD,CAAC,WAAW,CAAC;EACb,WAAW,EAAE,iDAAkD,GAClE",
-	"names": []
-}

themes/grav/scss/template/_admin.scss

@@ -1097,3 +1097,17 @@ body.sidebar-quickopen #admin-main {
         margin-bottom: 50px;
     }
 }
+
+// Reinstall packages
+
+.updates-checked {
+    .button-reinstall-package {
+        display: inline-block!important;
+    }
+
+    &.has-updates {
+        .button-reinstall-package {
+            display: none!important;
+        }
+    }
+}

themes/grav/templates/partials/plugins-details.html.twig

@@ -35,7 +35,7 @@
         <div class="button-bar danger">
             <span class="danger-zone"></span>
             {% if not plugin.symlink %}
-                <a class="button button-reinstall-package" href="#" data-remodal-target="reinstall-package"><i class="fa fa-fw fa-repeat"></i> {{ "PLUGIN_ADMIN.REINSTALL_PLUGIN"|tu }}</a>
+                <a class="button button-reinstall-package hidden" href="#" data-remodal-target="reinstall-package"><i class="fa fa-fw fa-repeat"></i> {{ "PLUGIN_ADMIN.REINSTALL_PLUGIN"|tu }}</a>
             {% endif %}
             <a class="button" href="#" data-remodal-target="remove-package"><i class="fa fa-fw fa-warning"></i> {{ "PLUGIN_ADMIN.REMOVE_PLUGIN"|tu }}</a>
         </div>

themes/grav/templates/partials/themes-details.html.twig

@@ -102,7 +102,7 @@
     <div class="button-bar danger">
         <span class="danger-zone"></span>
         {% if not theme.symlink %}
-            <a class="button button-reinstall-package" href="#" data-remodal-target="reinstall-package"><i class="fa fa-fw fa-repeat"></i> {{ "PLUGIN_ADMIN.REINSTALL_THEME"|tu }}</a>
+            <a class="button button-reinstall-package hidden" href="#" data-remodal-target="reinstall-package"><i class="fa fa-fw fa-repeat"></i> {{ "PLUGIN_ADMIN.REINSTALL_THEME"|tu }}</a>
         {% endif %}
         <a class="button" href="#" data-remodal-target="remove-package"><i class="fa fa-fw fa-warning"></i> {{ "PLUGIN_ADMIN.REMOVE_THEME"|tu }}</a>
     </div>