-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
popup.html
135 lines (116 loc) · 7.65 KB
/
popup.html
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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!doctype html>
<html>
<head>
<title>LETHEAN VPN</title>
<link href="popup.css" type="text/css" rel="stylesheet">
<meta charset="utf-8"/>
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval' http://www.google.com">
</head>
<body>
<img id="settingsConfig" src="images/settings.png" style="width: 20px; height: 20px; position: absolute; margin-left: 127px; top: 1px;" />
<div class='header'><span>LETHEAN VPN</span></div>
<div id='loadingScreen'>
<div class='title'>PLEASE WAIT WHILE<br>ESTABLISHING CONNECTION...</div>
<img src='images/loader.gif'>
</div>
<div role="main">
<form id="proxyForm" name="proxyForm">
<fieldset id="fixed_servers">
<div style="font-size: 9px; color: #000; width: 155px; background-color: #fff; text-align: center;">WELCOME TO LETHEAN VPN</div>
<img src="images/connected.png" width="154" style="border: 1px solid #fff; margin-top: 10px;">
<input type="radio" name="proxyType" id="proxyTypeManual" value="manual" style="width: 154px; height: 20px; position: absolute; z-index: 9; margin: 180px -8px 0px -154px; opacity: 0; cursor: pointer;">
<label for="proxyTypeManual">
<!--
<input type="submit" value="" style="background-image: url('images/power_on.png'); height: 150px; width: 150px; border: none; background-repeat: no-repeat; position: absolute; z-index: 1; margin-top: 50px; margin-left:-75px;">
-->
<button type="submit" value="" style="width: 155px; text-align: center; color: #fff;font-size: 10px;padding: 3px;margin: 10px -8px 0px 0px;background-image: url(images/bg.png);background-repeat: repeat; border: 1px solid #fff;">CLICK TO CONNECT</button>
</label>
<section class="single">
<fieldset>
<legend hidden="hidden">HTTP</legend>
<select id="proxySchemeHttp" name="proxySchemeHttp" hidden="hidden">
<option selected value="http">http://</option>
<option value="https">https://</option>
</select>
<div id="proxyHost" style="width: 156px; height: 65px; position: absolute; margin-top: -221px; background-color: #2b2b2b; color: #fff; font-size: 9px; margin-left: 8px; padding-top: 8px;" hidden="hidden">
<label for="proxyHostHttp" style="margin-left: 10px;">HOST</label>
<input type="text" name="proxyHostHttp" id="proxyHostHttp" style="width: 83px; height: 12px; margin-left: 5px;" value="127.0.0.1">
<br />
<label for="proxyPortHttp" style="margin-left: 10px;">PORT</label>
<input type="text" name="proxyPortHttp" id="proxyPortHttp" style="width: 83px; height: 12px; margin-left: 7px;" class="port" value="8180">
</div>
<input type="checkbox" name="singleProxyForEverything" id="singleProxyForEverything" hidden="hidden">
<label for="singleProxyForEverything" hidden="hidden">Use the same proxy server for all protocols</label>
</fieldset>
<fieldset hidden="hidden">
<legend>HTTPS</legend>
<label for="proxyHostHttps">Host</label>
<select id="proxySchemeHttps" name="proxySchemeHttps">
<option selected value="http">http://</option>
<option value="https">https://</option>
<option value="socks4">socks4://</option>
</select>
<input type="text" name="proxyHostHttps" id="proxyHostHttps">
<label for="proxyPortHttps">Port</label>
<input type="text" name="proxyPortHttps" id="proxyPortHttps" class="port">
</fieldset>
<fieldset hidden="hidden">
<legend>FTP</legend>
<label for="proxyHostFtp">Host</label>
<select id="proxySchemeFtp" name="proxySchemeFtp">
<option selected value="http">http://</option>
<option value="https">https://</option>
<option value="socks4">socks4://</option>
</select>
<input type="text" name="proxyHostFtp" id="proxyHostFtp">
<label for="proxyPortFtp">Port</label>
<input type="text" name="proxyPortFtp" id="proxyPortFtp" class="port">
</fieldset>
<fieldset hidden="hidden">
<legend>Fallback</legend>
<label for="proxyHostFallback">Host</label>
<select id="proxySchemeFallback" name="proxySchemeFallback">
<option selected value="http">http://</option>
<option value="https">https://</option>
<option value="socks4">socks4://</option>
<option value="socks5">socks5://</option>
</select>
<input type="text" name="proxyHostFallback" id="proxyHostFallback">
<label for="proxyPortFallback">Port</label>
<input type="text" name="proxyPortFallback" id="proxyPortFallback" class="port">
</fieldset>
<fieldset hidden="hidden">
<label for="bypassList">Bypass proxy for these hosts:</label>
<textarea id="bypassList" name="bypassList" placeholder="<local>,192.168.1.1/16, .example.com"></textarea>
</fieldset>
</section>
</fieldset>
<fieldset id="system" hidden="hidden">
<div id="connectedMsg" style="font-size: 10px; color: #000; width: 154px; background-color: #ffffff; text-align: center;">CONNECTED</div>
<img id="imgError" src="images/error.png" width="154" style="border: 1px solid #fff; margin-top: 10px;" hidden="hidden">
<div id="dataValue" width="154" style="border: 1px solid #fff; margin-top: 10px; margin-left: -3px; background-color: #FFFFFFEE; padding-left: 10px;">
<div style='font-size: 12px; line-height: 16px; font-weight: bold;'>provider name</div>
<div style='font-size: 10px; line-height: 16px;' id='providerName'>[not available]</div>
<div style='font-size: 12px; line-height: 16px; font-weight: bold;'>plan</div>
<div style='font-size: 10px; line-height: 16px;' id='serviceName'>[not available]</div>
<div style='font-size: 12px; line-height: 16px; font-weight: bold;'>time online</div>
<div style='font-size: 10px; line-height: 16px;' id='timeOnline'>[not available]</div>
<div style='font-size: 12px; line-height: 16px; font-weight: bold;'>server ip</div>
<div style='font-size: 10px; line-height: 16px;' id='serverIP'>[not available]</div>
<div style='font-size: 12px; line-height: 16px; font-weight: bold;'>data transferred</div>
<div style='font-size: 10px; line-height: 16px;' id='dataTransferred'>[not available]</div>
</div>
<input type="radio" name="proxyType" id="proxyTypeSystem" value="system" style="width: 155px; height: 20px; position: absolute; z-index: 9; margin-top: 10px; margin-left: -2px; opacity: 0; cursor: pointer;">
<label for="proxyTypeSystem">
<!---
<input type="submit" value="" style="background-image: url('images/power_off.png'); border: none; height: 81px; width: 81px; background-repeat: no-repeat; position: absolute; z-index: 1; margin-top: 190px; margin-left: -40.5px;">
-->
<button id="tryAgainMsg" type="submit" value="" style="width: 155px; text-align: center; color: #000;font-size: 10px; padding: 3px; margin: 10px -8px 0px 0px; background-color: #fff;">DISCONNECT</button>
</label>
</fieldset>
<button hidden="hidden" value="incognito">Configure incognito window settings.</button>
</form>
</div>
<script src="sendControl.js"></script>
</body>
</html>