From 8a3b807f2162477ca6daf592edbe0ead3566ae80 Mon Sep 17 00:00:00 2001
From: Franco Fichtner <franco@opnsense.org>
Date: Tue, 16 Feb 2021 13:54:10 +0100
Subject: [PATCH] firmware: note in update log about the purpose #4500

The issue is that some users assume there is manual need for
file changes as prompted by FreeBSD package manager and its
ports, but that is generally not the case when using OPNsense.

For core functionality and plugins the GUI takes care of all
these manual maintenence steps.
---
 .../mvc/app/views/OPNsense/Core/firmware.volt | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/opnsense/mvc/app/views/OPNsense/Core/firmware.volt b/src/opnsense/mvc/app/views/OPNsense/Core/firmware.volt
index e5bdaf87d..4384d69e2 100644
--- a/src/opnsense/mvc/app/views/OPNsense/Core/firmware.volt
+++ b/src/opnsense/mvc/app/views/OPNsense/Core/firmware.volt
@@ -765,11 +765,11 @@
             });
         });
 
-        $("#btn_update_status_copy").click(function(){
+        $("#update_status_copy").click(function () {
             $("#update_status").select();
             document.execCommand("copy");
             document.getSelection().removeAllRanges();
-            $(this).toggleClass("fa-flip-horizontal");
+            setTimeout(function () { $("#update_status").blur(); }, 100);
         });
 
         // update history on tab state and implement navigation
@@ -784,13 +784,6 @@
         });
     });
 </script>
-<style>
-  .copy-logo {
-      position: absolute;
-      bottom: 5px;
-      right: 35px;
-  }
-</style>
 <div class="container-fluid">
     <div class="row">
         <div class="col-md-12" id="content">
@@ -831,8 +824,17 @@
                         </tfoot>
                     </table>
                     <div id="update_status_container">
-                      <textarea name="output" id="update_status" class="form-control" rows="20" wrap="hard" readonly="readonly" style="max-width:100%; font-family: monospace;"></textarea>
-                      <i id="btn_update_status_copy" class="copy-logo fa fa-clipboard fa-2x" data-toggle="tooltip" title="{{lang._('Copy to clipboard')}}"  style="padding: 5px 5px 5px 5px; cursor: pointer;"></i>
+                       <textarea name="output" id="update_status" class="form-control" rows="20" wrap="hard" readonly="readonly" style="max-width:100%; font-family: monospace;"></textarea>
+                      <table class="table table-striped table-condensed table-responsive">
+                        <tbody>
+                          <tr>
+                            <td>
+                              {{ lang._('Output shown here for diagnostic purposes. There is no general need for manual system intervention.') }}
+                              <a id="update_status_copy">{{ lang._('Click here to copy to clipboard.') }}</a>
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
                     </div>
                 </div>
                 <div id="status" class="tab-pane active">