summaryrefslogtreecommitdiffstats
path: root/src/import.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--src/import.html96
1 files changed, 96 insertions, 0 deletions
diff --git a/src/import.html b/src/import.html
new file mode 100644
index 0000000..759ee48
--- /dev/null
+++ b/src/import.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <title data-i18n="import">FoxyProxy </title>
+ <link rel="icon" type="image/png" href="/images/icon.svg">
+ <link rel="stylesheet" href="styles/fontawesome-4.6.3.css">
+ <link rel="stylesheet" href="styles/app.css">
+ <style>
+ i.fa, i.fa:hover { color: inherit; font-size: inherit; }
+ i.fa.fa-eye, i.fa.fa-eye:hover {
+ font-size: 1.5em;
+ vertical-align: middle;
+ }
+ button.plain {
+ vertical-align: text-bottom;
+ }
+ label {
+ display: inline-block;
+ min-width: 5em;
+ }
+ input[type="text"], input[type="password"] {
+ display: inline-block;
+ width: 10em;
+ height: auto;
+ padding: 0.1em
+ }
+ input#username {
+ margin-right: 1em;
+ }
+ fieldset {
+ margin-bottom: 1.5em;
+ }
+
+ </style>
+ </head>
+ <body>
+
+ <!-- header -->
+ <div class="prime header" data-i18n="import"></div>
+
+ <!-- spinner -->
+ <div class="spinner on"><i class="fa fa-refresh fa-spin"></i></div>
+
+ <!-- main -->
+ <div class="prime">
+
+ <fieldset>
+ <legend>Import VPN/Proxies from FoxyProxy Purchase</legend>
+ <p>If you have a paid account with <a href="https://getfoxyproxy.org/order/" target="_blank">FoxyProxy</a>, you can import your proxies here.</p>
+
+ <label>Username</label>
+ <input id="username" type="text" spellcheck="false" placeholder="username">
+
+ <label>Password</label>
+ <input id="password" type="password" spellcheck="false" placeholder="*****">
+ <button type="button" class="plain" data-i18n="togglePW|title"><i class="fa fa-eye"></i></button>
+ <br>
+ <button id="importFP" type="button" class="button" data-i18n="import"><i class="fa fa-download"></i> </button>
+ </fieldset>
+
+
+ <fieldset>
+ <legend>Import Settings from FoxyProxy 6.0+</legend>
+
+ <p>FoxyProxy can use <a href="https://support.mozilla.org/products/firefox/sync" target="_blank">Firefox Sync</a> to synchronize settings across different installations of Firefox. But if you don't use Firefox Sync or want to share your settings with friends,<button type="button" class="button small" data-i18n="export"><i class="fa fa-upload"></i> </button> FoxyProxy settings. Then use this page to import those settings. By default, the file is called <i><span data-i18n="extensionName"></span>_YYYY-MM-DD.json</i>.<br><br>
+ <input type="file" id="importJson" accept=".json">
+ <label for="importJson" class="button" data-i18n="import"><i class="fa fa-download"></i> </label>
+ </fieldset>
+
+ <fieldset>
+ <legend>Import Settings from FoxyProxy 4.x and earlier</legend>
+
+ <p>Firefox has completely changed the addon system since FoxyProxy 4.x and earlier. Older FoxyProxy versions used a pop-up window. It looked a little different on Windows, Mac, and Linux, but the essence was like the image below.</p>
+
+ <p>Unfortunately, due to Firefox 57+ limitations, we cannot read your FoxyProxy settings automatically. However, they are not lost. To import your old settings, please select the file <i>foxyproxy.xml</i> below. You can find it in the <a href="https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data#w_how-do-i-find-my-profile" target="_blank">Firefox profile directory</a>.<br><br>
+ <input type="file" id="importXml" accept=".xml">
+ <label for="importXml" class="button" data-i18n="import"><i class="fa fa-download"></i> </label>
+ </p>
+
+ <p style="text-align: center;"><a target="_blank" href="/images/legacy-version.png"><img src="/images/legacy-version.png" style="width: 300px;"></a><br>
+ <i>(click image for larger picture)</i></p>
+ </fieldset>
+
+
+
+ <div style="text-align: right;">
+ <button type="button" class="button" data-i18n="back">&#x25c1; </button>
+ </div>
+
+ </div>
+
+ <script src="scripts/utils.js"></script>
+ <script src="scripts/import.js"></script>
+ </body>
+</html>