diff options
Diffstat (limited to 'src/import.html')
| -rw-r--r-- | src/import.html | 96 |
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">◁ </button> + </div> + + </div> + + <script src="scripts/utils.js"></script> + <script src="scripts/import.js"></script> + </body> +</html> |