diff options
Diffstat (limited to 'src/proxy.html')
| -rw-r--r-- | src/proxy.html | 193 |
1 files changed, 193 insertions, 0 deletions
diff --git a/src/proxy.html b/src/proxy.html new file mode 100644 index 0000000..ed77bec --- /dev/null +++ b/src/proxy.html @@ -0,0 +1,193 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <title data-i18n="add">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> + .main > div:nth-child(1) { flex: 1; margin-right: 1em; } + .main > div:nth-child(2) { flex: 1; } + input[type], select { margin-top: 0.3em; } + + .onOff > label:first-of-type { flex: 0; flex-grow: 1; margin: 0 1em 0.5em 0; } + .onOff > div { flex: 0; } + .na { margin-top: 1.5em; } + .onOff, .pac, .na { display: none; } + input[name="nav"] { display: none; } + + #http:checked ~ div .onOff:not(.dns), + #https:checked ~ div .onOff:not(.dns), + #socks4:checked ~ div .onOff:not(.dns) { + display: flex; + } + #socks5:checked ~ div .onOff { display: flex; } + + #pac:checked ~ div .pac, + #wpad:checked ~ div .pac { + display: block; + } + #pac:checked ~ div div.na, + #wpad:checked ~ div div.na, + #system:checked ~ div div.na { + display: block; + } + + #pac:checked ~ div .proxyData, + #wpad:checked ~ div .proxyData, + #system:checked ~ div .proxyData, + #direct:checked ~ div div.proxyData, + #pac:checked ~ div button:not(:first-of-type), + #wpad:checked ~ div button:not(:first-of-type), + #system:checked ~ div button:not(:first-of-type) { + display: none; + } + + #http:checked ~ div .patternShortcuts, + #https:checked ~ div .patternShortcuts, + #socks4:checked ~ div .patternShortcuts, + #socks5:checked ~ div .patternShortcuts, + #direct:checked ~ div .patternShortcuts { + display: flex; + } + + #pac:checked ~ div .patternShortcutsContainer, + #wpad:checked ~ div .patternShortcutsContainer, + #system:checked ~ div .patternShortcutsContainer { + display: none; + } + + #direct:checked ~ div .patternShortcutsContainer { + display: block; + } + </style> + </head> + <body> + + <!-- Navigation --> + <input type="radio" name="nav" id="http"> + <input type="radio" name="nav" id="https" checked> + <input type="radio" name="nav" id="socks5"> + <input type="radio" name="nav" id="socks4"> + <input type="radio" name="nav" id="direct"> + <input type="radio" name="nav" id="pac"> + <input type="radio" name="nav" id="wpad"> + <input type="radio" name="nav" id="system"> + + <!-- header --> + <div class="prime header" data-i18n="options"></div> + + + <!-- main --> + <div class="prime"> + <div class="main flex"> + + <!-- left column --> + <div> + <div> + <label data-i18n="title"></label> + <input id="proxyTitle" type="text" spellcheck="false" placeholder="title"> + + <label data-i18n="color"></label> + <input id="colorChooser" type="text" style="text-align: center;"> + </div> + + <!-- SOCKS5 --> + <div class="flex onOff dns"> + <label>Send DNS through SOCKS5 proxy</label> + <div> + <input type="checkbox" class="switch" id="proxyDNS" checked><label for="proxyDNS"></label> + </div> + </div> + + <div class="patternShortcutsContainer notForBasic notForEdit"> + <label data-i18n="patternShortcuts" class="notForBasic notForEdit"></label> + <div class="prime warning"> + <div class="patternShortcuts flex onOff"> + <label data-i18n="active"></label> + <div> + <input type="checkbox" class="switch" id="proxyActive" checked><label for="proxyActive"></label> + </div> + </div> + + <div class="patternShortcuts onOff"> + <label><span data-i18n="addWhitelist"></span> + <div class="tooltip"><i class="fa fa-info-circle"></i><span class="tooltiptext" data-i18n="addWhitelistTip"></span></div></label> + <div> + <input type="checkbox" class="switch" id="whiteAll" checked><label for="whiteAll"></label> + </div> + </div> + + <div class="patternShortcuts onOff"> + <label><span data-i18n="noLocal"></span> + <div class="tooltip"><i class="fa fa-info-circle"></i><span class="tooltiptext" data-i18n="addBlacklistTip"></span></div></label> + + <div> + <input type="checkbox" class="switch" id="blackAll"><label for="blackAll"></label> + </div> + </div> + </div> + </div> + </div> + + <!-- right column --> + <div> + <div class="rightData"> + <label data-i18n="proxyType"></label> + <select id="proxyType"> + <option value="1" selected>HTTP</option> + <option value="2">HTTPS/SSL</option> + <option value="3">SOCKS5</option> + <option value="4">SOCKS4</option> + <option value="6">PAC URL</option> + <option value="7">WPAD</option> + <option value="8">System (use system settings)</option> + <option value="5">Direct (no proxy)</option> + </select> + + + <div class="proxyData"> + <label data-i18n="ip"></label> <i class="fa fa-star"></i> + <input id="proxyAddress" type="text" spellcheck="false" placeholder="111.111.111.111, www.example.com"> + + <label data-i18n="port"></label> <i class="fa fa-star"></i> + <input id="proxyPort" type="text" placeholder="3128"> + + <label data-i18n="username"></label> + <input id="proxyUsername" type="text" spellcheck="false" placeholder="username"> + + <label data-i18n="password"></label> + <button type="button" class="plain" data-i18n="togglePW|title"><i class="fa fa-eye"></i></button> + <input id="proxyPassword" type="password" spellcheck="false" placeholder="*****"> + </div> + </div> + + <!-- PAC/WPAD --> + <div class="pac"> + <label>URL</label> <i class="fa fa-star"></i> + <input id="pacURL" type="text" placeholder="PAC URL"> + </div> + + + <div class="prime alert small na"> + <h3>Not supported</h3> + <p>Due to Firefox limitation, <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1396485" target="_blank">PAC</a>, <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1319631" target="_blank">WPAD</a>, and <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1319630" target="_blank">System Settings</a> are currently not supported, but they are due to be added.</p> + </div> + </div> + </div> + + <div style="text-align: right;"> + <button type="button" class="alert" data-i18n="cancel"></button> + <button type="button" data-i18n="saveAdd"></button> + <button type="button" class="notForBasic" data-i18n="saveEditPattern"></button> + <button type="submit" data-i18n="save"></button> + </div> + + </div> + + <script src="scripts/jscolor-2.0.5.js"></script><!-- only used here --> + <script src="scripts/utils.js"></script> + <script src="scripts/proxy.js"></script> + </body> +</html>
\ No newline at end of file |