summaryrefslogtreecommitdiffstats
path: root/src/import.html
blob: 759ee48e71a52b9e08d6d45e6142944533f07442 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
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>