97 lines
4 KiB
HTML
97 lines
4 KiB
HTML
|
<!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>
|