3 files changed, 53 insertions, 0 deletions
diff --git a/store/works/ProxyChanger/settings/settings.css b/store/works/ProxyChanger/settings/settings.css
new file mode 100644
index 0000000..50ee923
--- /dev/null
+++ b/store/works/ProxyChanger/settings/settings.css
@@ -0,0 +1,9 @@
+.proxy-url-div {
+    display: flex;
+    align-items: center;
+}
+
+.proxy-url-div input {
+    margin-left: 1em;
+    flex: 1 1 auto;
+}
diff --git a/store/works/ProxyChanger/settings/settings.html b/store/works/ProxyChanger/settings/settings.html
new file mode 100644
index 0000000..1883a2a
--- /dev/null
+++ b/store/works/ProxyChanger/settings/settings.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="settings.css" />
+    <link rel="stylesheet" href="chrome://browser/content/extension.css" />
+  </head>
+
+  <body>
+    <p>
+      If this proxy does not work, go to settings page and allow it to access
+      private windows. That is a must for setting proxy for extensions.
+    </p>
+    <p>
+      Input your custom manual proxy server. Feel free to make a XSS attack. If
+      you succeed to do that, report a bug to me, or maybe mozilla!
+    </p>
+    <p>
+      After input, re-click the button in popup in toolbar to activate it! I bet
+      you don't change this frequently so it's not a pain.
+    </p>
+    <p>Do at your own risk if you input an invalid url!</p>
+    <div class="browser-style proxy-url-div">
+      <label for="proxy_url">http_proxy</label>
+      <input id="proxy_url" type="text" />
+    </div>
+    <script src="settings.js"></script>
+  </body>
+</html>
diff --git a/store/works/ProxyChanger/settings/settings.js b/store/works/ProxyChanger/settings/settings.js
new file mode 100644
index 0000000..ec10c0c
--- /dev/null
+++ b/store/works/ProxyChanger/settings/settings.js
@@ -0,0 +1,14 @@
+browser.storage.local.get("proxyUrl").then(({ proxyUrl }) => {
+  console.log("Saved proxy url is", proxyUrl);
+  document.getElementById("proxy_url").value = proxyUrl;
+  document.getElementById("proxy_url").addEventListener("input", (e) => {
+    const { value } = e.currentTarget;
+    browser.storage.local
+      .set({
+        proxyUrl: value,
+      })
+      .then(() => {
+        console.log("New proxy url saved!", value);
+      });
+  });
+});