WiFi Channel Settings.

2021-08-20 10:35:37 -04:00
parent 140f2abd39
commit f6aa331d77
40 changed files with 2409 additions and 597 deletions
@@ -0,0 +1,119 @@
+import React from 'react';
+
+import Dialog, {DialogProps} from '@material-ui/core/Dialog';
+
+
+interface DialogExProps extends DialogProps {
+    tag: string;
+}
+
+interface DialogExState {
+
+}
+
+class DialogEx extends React.Component<DialogExProps,DialogExState>  {
+    constructor(props: DialogExProps)
+    {
+        super(props);
+        this.state = {
+
+        };
+        this.handlePopState = this.handlePopState.bind(this);
+
+    }
+
+    mounted: boolean = false;
+
+    hasHooks: boolean = false;
+
+    stateWasPopped: boolean = false;
+    handlePopState(e: any): any {
+        this.stateWasPopped = true;
+        let shouldClose = (!e.state || !e.state[this.props.tag]);
+        if (shouldClose)
+        {
+            if (this.props.onClose)
+            {
+                this.props.onClose(e,"backdropClick");
+            }
+        }
+    }
+
+    updateHooks() : void {
+        let wantHooks = this.mounted && this.props.open;
+        if (wantHooks !== this.hasHooks)
+        {
+            this.hasHooks = wantHooks;
+
+            if (this.hasHooks)
+            {
+                this.stateWasPopped = false;
+                window.addEventListener("popstate",this.handlePopState);
+                // eslint-disable-next-line no-restricted-globals
+                let state = history.state;
+                if (!state)
+                {
+                    state = {};
+                }
+                state[this.props.tag] = true;
+
+                // eslint-disable-next-line no-restricted-globals
+                history.pushState(
+                    state,
+                    "",
+                    "#" + this.props.tag
+                );
+            } else {
+                window.removeEventListener("popstate",this.handlePopState);
+                if (!this.stateWasPopped)
+                {
+                    // eslint-disable-next-line no-restricted-globals
+                    history.back();
+                }
+            }
+
+        }
+    }
+    onWindowSizeChanged(width: number, height: number): void 
+    {
+        this.setState({fullScreen: height < 200})
+    }
+
+
+    componentDidMount()
+    {
+        if (super.componentDidMount)
+        {
+            super.componentDidMount();
+        }
+        this.mounted = true;
+        this.updateHooks();
+    }
+    componentWillUnmount()
+    {
+        if (super.componentWillUnmount)
+        {
+            super.componentWillUnmount();
+        }
+        this.mounted = false;
+        this.updateHooks();
+    }
+
+    componentDidUpdate()
+    {
+        this.updateHooks();
+    }
+
+
+    render() {
+        let { tag, ...extra} = this.props;
+        return (
+            <Dialog {...extra}>
+                {this.props.children}
+            </Dialog>
+        );
+    }
+
+};
+
+export default DialogEx;