feat: Реализован новый веб-интерфейс и бэкенд для управления VPN-клиентом, включая списки серверов, элементы управления прокси и опции конфигурации.
This commit is contained in:
37
web/components/connection_info.html
Normal file
37
web/components/connection_info.html
Normal file
@@ -0,0 +1,37 @@
|
||||
<!-- Connection Settings -->
|
||||
<div class="bg-black border border-[#00ff41]/20 p-4 font-mono">
|
||||
<div class="text-[11px] uppercase font-bold tracking-[0.3em] text-[#00ff41] mb-3 flex items-center gap-2">
|
||||
<i data-lucide="plug" class="w-4 h-4"></i> Connection_Settings
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 gap-2">
|
||||
<!-- HTTP Proxy -->
|
||||
<div class="flex items-center gap-3 p-3 bg-[#0a0a0a] border border-[#00ff41]/10">
|
||||
<span class="text-[11px] uppercase opacity-50 text-[#00ff41] w-16">HTTP</span>
|
||||
<input type="text" id="httpProxyUrl" readonly value="Loading..."
|
||||
class="flex-grow bg-transparent text-sm text-[#00ff41]/80 focus:outline-none cursor-pointer font-mono"
|
||||
title="Click to copy" />
|
||||
<button onclick="copyToClipboard('httpProxyUrl', this)"
|
||||
class="text-[10px] text-[#00ff41]/50 hover:text-[#00ff41] transition-colors uppercase px-2 py-1 border border-[#00ff41]/20">
|
||||
Copy
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- SOCKS5 Proxy -->
|
||||
<div class="flex items-center gap-3 p-3 bg-[#0a0a0a] border border-[#00ff41]/10">
|
||||
<span class="text-[11px] uppercase opacity-50 text-[#00ff41] w-16">SOCKS5</span>
|
||||
<input type="text" id="socks5ProxyUrl" readonly value="Loading..."
|
||||
class="flex-grow bg-transparent text-sm text-[#00ff41]/80 focus:outline-none cursor-pointer font-mono"
|
||||
title="Click to copy" />
|
||||
<button onclick="copyToClipboard('socks5ProxyUrl', this)"
|
||||
class="text-[10px] text-[#00ff41]/50 hover:text-[#00ff41] transition-colors uppercase px-2 py-1 border border-[#00ff41]/20">
|
||||
Copy
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-2 text-[11px] opacity-40 text-[#00ff41] flex items-center gap-2">
|
||||
<i data-lucide="info" class="w-3 h-3"></i>
|
||||
Use these URLs in browser/app proxy settings
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user