Merge pull request #31 from mrbeam/feature/SW-2058-pop-up-to-guide-the-user-to-do-hard-refresh-after-update

Feature/sw 2058 pop up to guide the user to do hard refresh after update

Author: JFSolution

octoprint_mrbeam/static/css/mrbeam.css

@@ -3408,14 +3408,17 @@ button#terminal-send {
   margin: 20px auto;
 }
 
-.hard_refresh_overlay {
+#hard_refresh_overlay {
   width: 60%;
   margin-left: -30%;
 }
-.hard_refresh_overlay .image_description {
+#hard_refresh_overlay .image_description {
   padding: 40px;
 }
-.hard_refresh_overlay .modal-header {
-  padding-top: 10px;
-  padding-bottom: 10px;
+#hard_refresh_overlay .modal-header {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+#hard_refresh_overlay .icon-warning-sign{
+  color: #e25303;
 }

octoprint_mrbeam/static/js/hard_refresh_overlay.js

@@ -23,7 +23,6 @@ $(function () {
         }
         // needs to be used for oprint 1.3.6
         self.onDataUpdaterPluginMessage = function (plugin, data) {
-            console.log("hard_refresh", plugin, data);
             if (plugin === "softwareupdate") {
                 if ("type" in data && (data["type"] === "success" || data["type"] === "restarting" || data["type"] === "restart_manually")) {
                     document.cookie = "f.u.extra=true"; // add cookie

octoprint_mrbeam/templates/hard_refresh_overlay.jinja2

@@ -1,4 +1,4 @@
-<div id="hard_refresh_overlay" class="modal hide fade hard_refresh_overlay" data-backdrop="static">
+<div id="hard_refresh_overlay" class="modal hide fade" data-backdrop="static">
     <div class="modal-header">
         <h3><i class="icon icon-warning-sign"></i> {{ _('Refresh is needed after the last Software Update') }}</h3>
     </div>