Added plugin dir parameter

- Added plugin dir parameter
- Fixed critical architectural bug that effects plugin UI in production mode
- Updated implementation of embed FS routing
- Minor dark theme update
- Fixed ztnc UI bug for msgbox and confirm box

src/web/components/plugincontext.html

@@ -1,6 +1,6 @@
 <div class="">
-    <iframe id="pluginContextLoader" src="" style="width: 100%; border: none;">
-
+    <iframe id="pluginContextLoader" src="" style="width: 100%; border: none;" allow="scripts" sandbox="allow-scripts allow-same-origin">
+    
     </iframe>
 </div>
 <script>

src/web/components/plugins.html

@@ -308,7 +308,7 @@ function initSelectablePluginList(){
       $("#selectablePluginList").append(`
         <div class="item" style="pointer-events: none; user-select: none; opacity: 0.6;">
           <p><i class="ui green circle check icon"></i> No plugins available to assign</p>
-          <p>Plugins can be installed to Zoraxy by placing the plugin files in the <code>./plugins/{plugin_name}/</code> directory.</p>
+          <p>Plugins can be installed to Zoraxy by placing the plugin files in the plugins directory.</p>
         </div>
       `);
     }

src/web/components/status.html

@@ -139,8 +139,8 @@
         <table class="ui unstackable very basic celled table">
             <thead>
             <tr>
-                <th>Country ISO Code</th>
-                <th>Unique Visitors</th>
+                <th style="padding: 0.4em;">Country ISO Code</th>
+                <th style="padding: 0.4em;">Unique Visitors</th>
             </tr>
             </thead>
             <tbody id="countryCodetable">
@@ -155,8 +155,8 @@
         <table class="ui unstackable very basic celled table">
             <thead>
             <tr>
-                <th>Proxy Type</th>
-                <th>Count</th>
+                <th style="padding: 0.4em;">Proxy Type</th>
+                <th style="padding: 0.4em;">Count</th>
             </tr>
             </thead>
             <tbody id="forwardTypeTable">
@@ -714,6 +714,9 @@
 
     function updateChart() {
         //Do not remove these 3 lines, it will cause memory leak
+        if (typeof(networkStatisticChart) == "undefined"){
+            return;
+        }
         networkStatisticChart.data.datasets[0].data = rxValues;
         networkStatisticChart.data.datasets[1].data = txValues;
         networkStatisticChart.data.labels = timestamps;

src/web/darktheme.css

@@ -155,6 +155,10 @@ body.darkTheme .ui.table tfoot td {
     color: #ffffff !important;
 }
 
+body.darkTheme .ui.table thead th{
+    background-color: var(--table_header_color);
+}
+
 body.darkTheme .ui.input input,
 body.darkTheme .ui.input input::placeholder,
 body.darkTheme .ui.input input:focus,
@@ -223,6 +227,22 @@ body.darkTheme .ui.checkbox:not(.toggle) input[type="checkbox"]{
     border: 1px solid var(--button_border_color) !important;
 }
 
+/* message box */
+body.darkTheme #messageBox i{
+    color: var(--text_color) !important;
+}
+body.darkTheme #messageBox.ui.green.message {
+    background-color: #1ebc30 !important;
+    color: white;
+}
+
+body.darkTheme #messageBox.ui.red.message {
+    background-color: #db2828 !important;
+    color: white;
+}
+
+
+
 /* Generic dropdown overwrites */
 body.darkTheme .ui.selection.dropdown {
     background-color: var(--theme_bg) !important;
@@ -364,7 +384,7 @@ body.darkTheme .ui.form .grouped.fields label {
 /* Confirm Box */
 
 body.darkTheme .confirmBoxBody {
-    background-color: var(--theme_bg) !important;
+    background-color: var(--text_color_inverted) !important;
     color: var(--text_color) !important;
     border: 1px solid var(--divider_color) !important;
 }
@@ -405,11 +425,11 @@ body.darkTheme .confirmBoxBody .questionToConfirm {
 }
 
 body.darkTheme #confirmBox .ui.top.attached.progress{
-    background-color: var(--theme_bg_secondary) !important;
+    background-color: var(--theme_highlight) !important;
 }
 
 body.darkTheme #confirmBox .ui.top.attached.progress .bar {
-    background-color: var(--theme_highlight) !important;
+    background-color: var(--buttom_toggle_active) !important;
 }
 
 /* Tour Modal */