start of developing server side for options (#1155)

* added UI for options menu

* update UI for options menu

* update UI for options v2

* update UI for options v2

* added new btn class

* little changes

* little changes

* merge

* deleted branch

* change menu button class

* added option route + added very incomplete handler class

* moved options to settings

* added toggleinputbutton

* changed options menu

* added option for stream large bodies, but no working

* added option for stream large bodies, but no working

1 files changed, 31 insertions, 1 deletions

diff --git a/web/src/js/components/footer.js b/web/src/js/components/footer.js
index e2d96288..8fe1081b 100644
--- a/web/src/js/components/footer.js
+++ b/web/src/js/components/footer.js
@@ -1,4 +1,5 @@
 import React from "react";
+import {formatSize} from "../utils.js"
 import {SettingsState} from "./common.js";
 
 Footer.propTypes = {
@@ -6,7 +7,7 @@ Footer.propTypes = {
 };
 
 export default function Footer({ settings }) {
-    const {mode, intercept} = settings;
+    const {mode, intercept, showhost, no_upstream_cert, rawtcp, http2, anticache, anticomp, stickyauth, stickycookie, stream} = settings;
     return (
         <footer>
             {mode && mode != "regular" && (
@@ -15,6 +16,35 @@ export default function Footer({ settings }) {
             {intercept && (
                 <span className="label label-success">Intercept: {intercept}</span>
             )}
+            {showhost && (
+                <span className="label label-success">showhost</span>
+            )}
+            {no_upstream_cert && (
+                <span className="label label-success">no-upstream-cert</span>
+            )}
+             {rawtcp && (
+                <span className="label label-success">raw-tcp</span>
+            )}
+            {!http2 && (
+                <span className="label label-success">no-http2</span>
+            )}
+            {anticache && (
+                <span className="label label-success">anticache</span>
+            )}
+            {anticomp  && (
+                <span className="label label-success">anticomp</span>
+            )}
+            {stickyauth && (
+                <span className="label label-success">stickyauth: {stickyauth}</span>
+            )}
+            {stickycookie && (
+                <span className="label label-success">stickycookie: {stickycookie}</span>
+            )}
+            {stream && (
+                <span className="label label-success">stream: {formatSize(stream)}</span>
+            )}
+
+
         </footer>
     );
 }