-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathoptions.html
230 lines (200 loc) · 24 KB
/
options.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Lan-Play GUI</title>
<script src="script/options.js"></script>
<link rel="stylesheet" type="text/css" href="css/options.css">
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/flag-icon.min.css">
<script src="script/bootstrap-checkbox.js" defer></script>
<script>window.jQuery = window.$ = require('jquery');</script>
<script>require('popper.js');</script>
<script>require('bootstrap');</script>
<script>window.i18n = new(require('./languages/i18n'));</script>
<script src="node_modules/popper.js/dist/umd/popper.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
</head>
<body style="background-color: #454d54!important;color:white;">
<div class="header">
<header>
<div class="textHeader navbar-brand">
<svg xmlns="http://www.w3.org/2000/svg" style="width: 2.8em;height: 2.0833em;fill: #fff!important;" viewBox="0 0 297 210" class="undefined"><style>.a{fill:none;stroke-opacity:0.9;stroke-width:0.3;stroke:#1028ee;}.b{stroke-width:0.08;}</style><defs><clipPath clipPathUnits="userSpaceOnUse"><circle transform="matrix(0.529082 0 0 0.529082 -58.670054 34.729406)" cx="9.4" cy="64.5" r="27.5" style="fill:#d40000;stroke-opacity:0.9;stroke-width:3;stroke:#8a0141"/></clipPath><clipPath clipPathUnits="userSpaceOnUse"><circle transform="matrix(0.9717522 0 0 0.9717522 -77.408822 -3.6996891)" cx="64.6" cy="41" r="30.3" style="fill:none;stroke-opacity:0.9;stroke-width:3;stroke:#ee105f"/></clipPath><clipPath clipPathUnits="userSpaceOnUse"><circle transform="matrix(1.0062809 0 0 1.0062809 -17.473294 44.65514)" cx="-36" cy="24" r="14" class="a"/></clipPath><clipPath clipPathUnits="userSpaceOnUse"><circle transform="matrix(2.0595523 0 0 2.0595523 204.76054 173.24915)" cx="-36" cy="24" r="14" class="a"/></clipPath><clipPath clipPathUnits="userSpaceOnUse"><circle transform="matrix(2.0595523 0 0 2.0595523 59.52284 -13.38377)" cx="-36" cy="24" r="14" class="a"/></clipPath></defs><g transform="translate(-0.33508523 -4.3102593)matrix(0.01566953 0 0 -0.01566953 -5.0685587 153.87304)"><path d="m820 4863c-14-2-39-11-57-19-17-8-37-14-45-14-23-1-144-73-184-110-54-49-106-117-131-170-64-133-58-35-58-1025v-900l22-60c74-202 208-338 408-412 43-15 81-18 265-18h215v1365 1365l-205 1c-113 1-216 0-230-3zm94-473c46-21 111-85 126-126 6-14 10-53 10-86 0-79-26-131-91-181-84-66-195-62-277 9-59 50-82 99-82 174 0 94 43 160 135 209 50 27 122 27 179 1zm-33-673c50-42 59-78 33-132-19-40-61-60-108-51-48 9-76 47-76 103 0 85 89 132 151 80zM667 3491c34-21 49-62 38-110-20-91-150-99-190-11-17 37-17 40 1 77 31 62 91 80 151 44zm417 8c26-12 56-63 56-96 0-34-36-78-73-90-29-9-42-7-75 7-44 20-52 34-52 94 0 74 73 117 144 85zM894 3271c16-16 21-34 21-71 0-55-11-71-66-94-32-14-39-13-70 2-19 9-43 33-54 53-18 36-19 38-1 77 10 22 28 45 40 51 32 17 105 7 130-18zm150-297c12-5 16-21 16-70 0-73-11-84-80-84-69 0-80 11-80 85 0 41 4 65 13 68 18 8 113 8 131 1z"/><path d="m1335 4858c-3-7-4-625-3-1373l3-1360h2165 2165v1370 1370l-2163 3c-1725 2-2164 0-2167-10zM5215 3500V2425l-1712-3-1713-2v1080 1080l1713-2 1712-3z"/><path d="m5747 4863c-4-3-7-617-7-1363 0-1205 2-1359 15-1370 12-10 62-12 213-8 178 5 204 8 270 31 182 65 328 213 390 398l22 65v900c0 885 0 901-21 959-11 32-29 76-40 97-31 62-144 174-218 216-61 35-88 45-191 72-40 11-423 13-433 3zm479-374c85-52 47-189-52-189-59 0-114 69-100 126 10 39 59 84 92 84 14 0 42-9 60-21zm-199-234c32-32 35-39 30-78-8-55-43-87-98-87-51 0-75 13-94 50-19 37-19 65 1 96 41 62 110 70 161 19zm435-3c11-10 22-38 25-60 7-51-14-88-62-108-29-12-38-12-68 1-44 18-58 36-63 82-9 71 38 118 110 109 21-2 48-13 58-24zm-221-211c52-53 35-138-33-166-36-14-41-14-76 4-59 30-76 84-46 142 29 56 108 67 155 20zm-2-427c104-34 161-111 161-219 0-111-60-189-169-221-44-13-63-13-100-4-64 16-117 53-152 107-25 41-29 56-29 118 0 61 4 77 28 116 38 58 60 76 118 99 60 24 82 24 143 4zm-140-643c26-25 31-36 31-78 0-59-18-88-66-103-43-15-73-8-113 26-27 22-31 32-31 74 0 42 4 52 35 79 48 42 100 43 144 2z"/></g><g transform="translate(-0.33508523 -4.3102593)matrix(0.01566953 0 0 -0.01566953 192.68857 153.31012)"><path d="m820 4863c-14-2-39-11-57-19-17-8-37-14-45-14-23-1-144-73-184-110-54-49-106-117-131-170-64-133-58-35-58-1025v-900l22-60c74-202 208-338 408-412 43-15 81-18 265-18h215v1365 1365l-205 1c-113 1-216 0-230-3zm94-473c46-21 111-85 126-126 6-14 10-53 10-86 0-79-26-131-91-181-84-66-195-62-277 9-59 50-82 99-82 174 0 94 43 160 135 209 50 27 122 27 179 1zm-33-673c50-42 59-78 33-132-19-40-61-60-108-51-48 9-76 47-76 103 0 85 89 132 151 80zM667 3491c34-21 49-62 38-110-20-91-150-99-190-11-17 37-17 40 1 77 31 62 91 80 151 44zm417 8c26-12 56-63 56-96 0-34-36-78-73-90-29-9-42-7-75 7-44 20-52 34-52 94 0 74 73 117 144 85zM894 3271c16-16 21-34 21-71 0-55-11-71-66-94-32-14-39-13-70 2-19 9-43 33-54 53-18 36-19 38-1 77 10 22 28 45 40 51 32 17 105 7 130-18zm150-297c12-5 16-21 16-70 0-73-11-84-80-84-69 0-80 11-80 85 0 41 4 65 13 68 18 8 113 8 131 1z"/><path d="m1335 4858c-3-7-4-625-3-1373l3-1360h2165 2165v1370 1370l-2163 3c-1725 2-2164 0-2167-10zM5215 3500V2425l-1712-3-1713-2v1080 1080l1713-2 1712-3z"/><path d="m5747 4863c-4-3-7-617-7-1363 0-1205 2-1359 15-1370 12-10 62-12 213-8 178 5 204 8 270 31 182 65 328 213 390 398l22 65v900c0 885 0 901-21 959-11 32-29 76-40 97-31 62-144 174-218 216-61 35-88 45-191 72-40 11-423 13-433 3zm479-374c85-52 47-189-52-189-59 0-114 69-100 126 10 39 59 84 92 84 14 0 42-9 60-21zm-199-234c32-32 35-39 30-78-8-55-43-87-98-87-51 0-75 13-94 50-19 37-19 65 1 96 41 62 110 70 161 19zm435-3c11-10 22-38 25-60 7-51-14-88-62-108-29-12-38-12-68 1-44 18-58 36-63 82-9 71 38 118 110 109 21-2 48-13 58-24zm-221-211c52-53 35-138-33-166-36-14-41-14-76 4-59 30-76 84-46 142 29 56 108 67 155 20zm-2-427c104-34 161-111 161-219 0-111-60-189-169-221-44-13-63-13-100-4-64 16-117 53-152 107-25 41-29 56-29 118 0 61 4 77 28 116 38 58 60 76 118 99 60 24 82 24 143 4zm-140-643c26-25 31-36 31-78 0-59-18-88-66-103-43-15-73-8-113 26-27 22-31 32-31 74 0 42 4 52 35 79 48 42 100 43 144 2z"/></g><g transform="translate(-0.33508523 -4.3102593)matrix(0.01566953 0 0 -0.01566953 92.195235 80.612816)"><path d="m820 4863c-14-2-39-11-57-19-17-8-37-14-45-14-23-1-144-73-184-110-54-49-106-117-131-170-64-133-58-35-58-1025v-900l22-60c74-202 208-338 408-412 43-15 81-18 265-18h215v1365 1365l-205 1c-113 1-216 0-230-3zm94-473c46-21 111-85 126-126 6-14 10-53 10-86 0-79-26-131-91-181-84-66-195-62-277 9-59 50-82 99-82 174 0 94 43 160 135 209 50 27 122 27 179 1zm-33-673c50-42 59-78 33-132-19-40-61-60-108-51-48 9-76 47-76 103 0 85 89 132 151 80zM667 3491c34-21 49-62 38-110-20-91-150-99-190-11-17 37-17 40 1 77 31 62 91 80 151 44zm417 8c26-12 56-63 56-96 0-34-36-78-73-90-29-9-42-7-75 7-44 20-52 34-52 94 0 74 73 117 144 85zM894 3271c16-16 21-34 21-71 0-55-11-71-66-94-32-14-39-13-70 2-19 9-43 33-54 53-18 36-19 38-1 77 10 22 28 45 40 51 32 17 105 7 130-18zm150-297c12-5 16-21 16-70 0-73-11-84-80-84-69 0-80 11-80 85 0 41 4 65 13 68 18 8 113 8 131 1z"/><path d="m1335 4858c-3-7-4-625-3-1373l3-1360h2165 2165v1370 1370l-2163 3c-1725 2-2164 0-2167-10zM5215 3500V2425l-1712-3-1713-2v1080 1080l1713-2 1712-3z"/><path d="m5747 4863c-4-3-7-617-7-1363 0-1205 2-1359 15-1370 12-10 62-12 213-8 178 5 204 8 270 31 182 65 328 213 390 398l22 65v900c0 885 0 901-21 959-11 32-29 76-40 97-31 62-144 174-218 216-61 35-88 45-191 72-40 11-423 13-433 3zm479-374c85-52 47-189-52-189-59 0-114 69-100 126 10 39 59 84 92 84 14 0 42-9 60-21zm-199-234c32-32 35-39 30-78-8-55-43-87-98-87-51 0-75 13-94 50-19 37-19 65 1 96 41 62 110 70 161 19zm435-3c11-10 22-38 25-60 7-51-14-88-62-108-29-12-38-12-68 1-44 18-58 36-63 82-9 71 38 118 110 109 21-2 48-13 58-24zm-221-211c52-53 35-138-33-166-36-14-41-14-76 4-59 30-76 84-46 142 29 56 108 67 155 20zm-2-427c104-34 161-111 161-219 0-111-60-189-169-221-44-13-63-13-100-4-64 16-117 53-152 107-25 41-29 56-29 118 0 61 4 77 28 116 38 58 60 76 118 99 60 24 82 24 143 4zm-140-643c26-25 31-36 31-78 0-59-18-88-66-103-43-15-73-8-113 26-27 22-31 32-31 74 0 42 4 52 35 79 48 42 100 43 144 2z"/></g><rect width="15.8" height="6.1" x="97" y="92.6" class="b"/><rect width="8.3" height="18.5" x="141.6" y="42.9" stroke-width="0.2"/><rect width="18.3" height="6.1" x="180.5" y="92.6" class="b"/><g transform="translate(-0.33508523 -4.3102593)matrix(1.1445591 0 0 1.1445591 -3.3985587 -155.92517)"><path d="M130.6 190.8C113 190.8 98.6 205.1 98.6 222.8 98.6 240.4 113 254.8 130.6 254.8 148.3 254.8 162.6 240.4 162.6 222.8 162.6 205.1 148.3 190.8 130.6 190.8Zm-1.2 4.5c0 0.1 0 11 0 11.9-4.1 0-8.1-0.5-12-1.3 1.1-3.3 2.5-6.3 4.2-9C124 195.9 126.7 195.4 129.4 195.3Zm2.5 0c2.7 0.1 5.4 0.7 7.8 1.5 1.6 2.7 3.1 5.7 4.2 9-3.9 0.8-7.9 1.3-12 1.3 0-0.9 0-11.8 0-11.9zM117.7 198.5c-1.1 2.1-2 4.4-2.8 6.8C113.5 204.9 112.1 204.4 110.6 203.9 112.7 201.8 115.1 199.9 117.7 198.5Zm25.8 0c2.6 1.4 5.1 3.3 7.1 5.4-1.4 0.5-2.9 0.9-4.3 1.3-0.8-2.4-1.7-4.6-2.8-6.7zM108.9 206c1.7 0.6 3.5 1.2 5.3 1.7-1.2 4.3-1.9 9-2 13.9-5.7 0-1.1 0-9 0 0.3-5.9 2.3-11.2 5.6-15.6zm43.5 0c3.3 4.3 5.4 9.7 5.6 15.6-7.9 0-3.3 0-9 0-0.1-4.9-0.8-9.6-2-13.9 1.8-0.5 3.6-1 5.3-1.7zm-35.7 2.3c4.1 0.9 8.3 1.4 12.7 1.4 0 1.1 0 9 0 11.9-4.1 0-6.2 0-14.6 0 0.1-4.7 0.8-9.2 1.9-13.3zm27.9 0c1.1 4.1 1.8 8.6 1.9 13.3-8.4 0-10.5 0-14.6 0 0-2.9 0-10.8 0-11.9 4.3 0 8.6-0.5 12.7-1.4zM103.3 224c7.9 0 3.3 0 9 0 0.1 4.9 0.8 9.6 2 13.9C112.4 238.4 110.6 239 108.9 239.6 105.6 235.2 103.5 229.9 103.3 224Zm11.5 0c8.4 0 10.5 0 14.6 0 0 2.9 0 10.8 0 11.9-4.3 0-8.6 0.5-12.7 1.4C115.6 233.2 114.9 228.7 114.8 224Zm17.1 0c4.1 0 6.2 0 14.6 0-0.1 4.7-0.8 9.2-1.9 13.3-4.1-0.9-8.3-1.4-12.7-1.4 0-1.1 0-9 0-11.9zm17.1 0c5.7 0 1.1 0 9 0C157.8 229.9 155.7 235.2 152.4 239.6 150.6 239 148.9 238.4 147 237.9 148.2 233.6 148.9 228.9 149 224ZM129.4 238.4c0 0.9 0 11.8 0 11.9-2.7-0.1-5.4-0.7-7.8-1.5-1.6-2.7-3.1-5.7-4.2-9 3.9-0.8 7.9-1.3 12-1.3zm2.5 0c4.1 0 8.1 0.5 12 1.3-1.1 3.3-2.5 6.3-4.2 9-2.5 0.9-5.1 1.4-7.8 1.5 0-0.1 0-11 0-11.9zm-16.9 1.9c0.8 2.4 1.7 4.6 2.8 6.8C115.1 245.6 112.7 243.8 110.6 241.6c1.4-0.5 2.9-0.9 4.3-1.3zm31.4 0c1.5 0.4 2.9 0.8 4.3 1.3-2 2.2-4.4 4-7.1 5.4 1.1-2.1 2-4.4 2.8-6.7z"/></g></svg>
Lan Play GUI <div id="versionTitle" style="display: contents;"></div>
</div>
<div class="xButton navbar-brand" onClick="remote.getCurrentWindow().close();"><i class="fas fa-times"></i></div>
<div class="_Button navbar-brand" onClick="remote.getCurrentWindow().minimize();"><i class="far fa-window-minimize"></i></div>
</header>
</div>
<ul class="nav nav-tabs" id="myTab" style="background-color:#343a40 !important;" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">
<i class="fas fa-cog"></i> Main Configuration</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">
<i class="fas fa-network-wired"></i> Network Adapter</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">
<i class="fas fa-server"></i> Server List</a>
</li>
<li class="nav-item">
<a class="nav-link" id="proxy-tab" data-toggle="tab" href="#proxy" role="tab" aria-controls="contact" aria-selected="false">
<i class="fas fa-filter"></i> Proxy</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<br /> <br />
<a id="configText1">Here you select general configurations, be sure to select where lan-play is located before anything</a><br />
<br />
<div style="margin-left:10px">
<div class="input-group mb-1 mr-sm-1" style="width: fit-content;">
<div class="input-group-prepend" >
<div style="border-radius: 6px 0px 0px 6px;border: 1px solid #343a40!important; background-color: #343a40!important; color: white;" class="input-group-text"><div id="LanPlayLocation3" style="display: contents;">Lan Play Location:</div> </div>
</div>
<input type="text" readonly id="lanPlayLocation" style="width: 380px;color: white; background-color:#394046; border-color:#343a40!important" class="form-control" placeholder=""><button onClick="selectLanPlay()" style="border-top-left-radius: 0px;border-bottom-left-radius: 0px;margin-left: 0px; background-color: #343a40!important; border-color: #343a40; color: white;" type="button" class="btn btn-primary center-block" ><i class="fas fa-search"></i> <div id="browse3" style="display: contents;">Browse</div></button>
</div>
<br />
<a id="fakeInternet2" class="navbar-text" style="background-color:#343a40!important;padding-left: 12px; ;padding-top: 0px;padding-bottom: 0px;border-radius: 6px;text-decoration:none;white-space: nowrap;color:#fff;-webkit-tap-highlight-color: transparent;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";" href="#">
<div id="fakeInternet3" style="display: contents;">Fake Internet:</div> <input checked="checked" id="fakeInternet" type="checkbox"></a>
<br /><br />
<a id="Broadcast2" class="navbar-text" style="background-color:#343a40!important;padding-left: 12px; ;padding-top: 0px;padding-bottom: 0px;border-radius: 6px;text-decoration:none;white-space: nowrap;color:#fff;-webkit-tap-highlight-color: transparent;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";" href="#">
<div id="Broadcast3" style="display: contents;">Broadcast: </div><input id="Broadcast" type="checkbox"></a>
<br /><br />
<div style="width:270px!important" class="input-group mb-1 mr-sm-1" >
<div class="input-group-prepend">
<div style="border-radius: 6px 0px 0px 6px;border: 1px solid #343a40!important; background-color: #343a40!important; color: white; padding-bottom: 0px; padding-top: 0px; height: 38px;" class="input-group-text"><a style=" padding-right: 12px;">PMTU:</a> <input id="pmtuEnable" type="checkbox"></div>
</div>
<input class="form-control" style="border: 1px solid #343a40!important; background-color: #343a40!important; color: white;height: 38px; padding-top: 6px; padding-bottom: 6px; border-top-width: 1px; border-bottom-width: 1px;" type="number" value="1500" id="pmtu">
<div style="border-radius: 0px 6px 6px 0px; border: 1px solid #343a40!important; background-color: #343a40!important; color: white;height: 38px; display: grid; width: 26px; border-right-width: 3px; padding-right: 2px;" class="number-input">
<button style="height: 16px; padding-left: 0px; padding-right: 0px; width: 22px;" onclick="$('#pmtu')[0].stepUp()" class="plus"><i style="color:white;position: relative;top: -2.3px;" class="fas fa-plus"></i></button>
<button style=" height: 16px; padding-left: 0px; padding-right: 0px; width: 22px;" onclick="$('#pmtu')[0].stepDown()" ><i style="color:white;position: relative;top: -4.8px;" class="fas fa-minus"></i></button></div>
</div>
<br />
<div style="width:284px!important" class="input-group mb-1 mr-sm-1" >
<div class="input-group-prepend">
<div style="border-radius: 6px 0px 0px 6px;border: 1px solid #343a40!important; background-color: #343a40!important; color: white; padding-bottom: 0px; padding-top: 0px; height: 38px;" class="input-group-text"><a style=" padding-right: 12px;">Switch GUI:</a> <input id="webServerEnable" type="checkbox"></div>
</div>
<input class="form-control" style="border: 1px solid #343a40!important; background-color: #343a40!important; color: white;height: 38px; padding-top: 6px; padding-bottom: 6px; border-top-width: 1px; border-bottom-width: 1px;" type="number" value="8008" id="webServer">
<div style="border-radius: 0px 6px 6px 0px; border: 1px solid #343a40!important; background-color: #343a40!important; color: white;height: 38px; display: grid; width: 26px; border-right-width: 3px; padding-right: 2px;" class="number-input">
<button style="height: 16px; padding-left: 0px; padding-right: 0px; width: 22px;" onclick="goUpWebServer()" class="plus"><i style="color:white;position: relative;top: -2.3px;" class="fas fa-plus"></i></button>
<button style=" height: 16px; padding-left: 0px; padding-right: 0px; width: 22px;" onclick="goDownWebServer()" ><i style="color:white;position: relative;top: -4.8px;" class="fas fa-minus"></i></button></div>
</div>
<a id="serverIP"></a>
<div id="overlayTest2"></div>
<div id="overlayTest3"></div>
</div>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<div class="text-center">
<br /> <br />
<div id="loadInterfacesText3" style="display: contents;">
Here you select your network interface so when lan play is launched you dont have to select it manually<br />
First click the "Load Interfaces" button and then select the one correspondig to your local IP<br />
</div>
<br />
<button onClick="loadInterfaces()" type="button" class="btn btn-primary center-block" ><i class="fas fa-ethernet"></i> <div id="loadInterfaces3" style="display: contents;">Load Interfaces</div></button><br /><br />
</div> <select style="color: white; background-color:#394046; border-color:#343a40!important" size="1" id="interfaces" class="form-control form-control-lg">
<option id="loadInterfacesHelp3" value="Not Selectod"><div id="loadInterfacesHelp3" style="display: contents;">Load Interfaces First</div></option>
</select>
</div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
<br /> <div class="text-center">
<br /><div id="serverListText3" style="display: contents;">Here You can Export your server list to a local file, import a server list from a local file<br/>or download and import the official lan play server list from github.</div>
<br /><br /><br />
<button onClick="exportServerList()" type="button" class="btn btn-primary center-block" ><i class="fas fa-upload"></i> <div id="exportServerList3" style="display: contents;">Export Server List</div></button><br /><br />
<button onClick="importServerList()" type="button" class="btn btn-primary center-block" ><i class="fas fa-download"></i> <div id="importServerList3" style="display: contents;">Import Server List</div></button><br /><br />
<button onClick="showAlert()" type="button" data-toggle="modal" data-target="#alert" class="btn btn-primary center-block" ><i class="fas fa-cloud-download-alt"></i> <div id="downloadServerList3" style="display: contents;">Download Official Server List</div></button><br /><br />
<button onClick="showAlert2()" type="button" data-toggle="modal" data-target="#alert" class="btn btn-primary center-block" ><i class="fas fa-cloud-download-alt"></i> <div id="downloadServerList4" style="display: contents;">Download lan-play.com's Server List</div></button>
</div>
<input type="file" id="importFile" class="importFile" />
</div>
<div class="tab-pane fade" id="proxy" role="tabpanel" aria-labelledby="contact-tab">
<br />
<br /><a id="proxy2" class="navbar-text" style="background-color:#343a40!important;padding-left: 12px; ;padding-top: 0px;padding-bottom: 0px;border-radius: 6px;text-decoration:none;white-space: nowrap;color:#fff;-webkit-tap-highlight-color: transparent;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";" href="#">
<div id="enableProxy3" style="display: contents;"> Enable Proxy:</div> <input id="proxyEnabled" type="checkbox"></a>
<br /><br />
<div class="input-group mb-1 mr-sm-1" style="width: fit-content;">
<div class="input-group-prepend" >
<div style="border-radius: 6px 0px 0px 6px;border: 1px solid #343a40!important; background-color: #343a40!important; color: white;" class="input-group-text">Proxy URL: </div>
</div>
<input type="text" id="proxyUrl" style="width: 380px;color: white; background-color:#394046; border-color:#343a40!important" class="form-control" placeholder="">
</div>
<div id="overlayTest"></div>
</div>
</div>
<nav style="bottom:0; position: fixed; z-index: 3; width: 100%; display: block;"class="navbar navbar-dark bg-dark">
<div class="row justify-content-end">
<div class="col-sm-25" style="margin-right:20px; padding-left: 15px;">
<div class="btn-group" role="group">
<button type="button" onClick="saveSettings()" class="btn btn-success"><i class="fas fa-check"></i>
<div id="ok3" style="display: contents;">Ok </div></button>
<button type="button" onClick="setConfigOptions()" class="btn btn-primary"><i class="fas fa-save"></i>
<div id="apply3" style="display: contents;">Apply</div></button>
<button type="button" onclick="returnToIndex()" class="btn btn-danger"><i class="fas fa-times"></i>
<div id="cancel3" style="display: contents;">Cancel</div></button>
</div>
</div>
</div>
</nav>
<div id="myModal" class="modal" tabindex="-1" role="dialog" style="margin-top:120px;color:black !important">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><div id="success3" style="display: contents;">Success!!</div></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p><div id="successText3" style="display: contents;">The operation was a success!</div></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal"><div id="ok4" style="display: contents;">Ok</div></button>
</div>
</div>
</div>
</div>
<div id="alert" class="modal" tabindex="-1" role="dialog" style="margin-top:120px;color:black !important">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><div id="areYouSure3" style="display: contents;">Are you sure?</div></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p><div id="areYouSureText3" style="display: contents;">This will erase your server list and replace it with the official one, are you sure you want that?</div></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal"><div id="areYouSureNo3" style="display: contents;">No! Let me go back!</div></button>
<button type="button" onClick="importServerOfficialList()" class="btn btn-primary" data-dismiss="modal"><div id="areYouSureYes3" style="display: contents;">I am okay with that, replace it!</div></button>
</div>
</div>
</div>
</div>
<div id="alert2" class="modal" tabindex="-1" role="dialog" style="margin-top:120px;color:black !important">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><div id="areYouSure4" style="display: contents;">Are you sure?</div></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p><div id="areYouSureText4" style="display: contents;">This will erase your server list and replace it with the one from lan-play.com, are you sure you want that?</div></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal"><div id="areYouSureNo4" style="display: contents;">No! Let me go back!</div></button>
<button type="button" onClick="importServerLanPlayList()" class="btn btn-primary" data-dismiss="modal"><div id="areYouSureYes4" style="display: contents;">I am okay with that, replace it!</div></button>
</div>
</div>
</div>
</div>
</body>
</html>