25 lines
1.6 KiB
HTML
25 lines
1.6 KiB
HTML
<!-- Subscription Input -->
|
|
<div class="flex flex-col gap-2 p-4 bg-[#0a0a0a] border border-[#00ff41]/30 relative">
|
|
<label class="text-[11px] uppercase tracking-widest opacity-50 text-[#00ff41]">Subscription_URL</label>
|
|
<div class="flex gap-2">
|
|
<div class="relative flex-grow">
|
|
<i data-lucide="link" class="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[#00ff41]/40"></i>
|
|
<!-- Hidden full URL input -->
|
|
<input type="hidden" id="subUrlFull" />
|
|
<!-- Masked display input -->
|
|
<input type="text" id="subUrlInput" placeholder="https://provider.com/..."
|
|
class="w-full bg-black border border-[#00ff41]/20 py-2.5 pl-10 pr-10 text-sm tracking-wider focus:outline-none focus:border-[#00ff41] transition-all placeholder:text-[#00ff41]/20 text-[#00ff41]" />
|
|
<!-- Toggle visibility -->
|
|
<button id="toggleUrlVisibility" type="button"
|
|
class="absolute right-3 top-1/2 -translate-y-1/2 text-[#00ff41]/40 hover:text-[#00ff41] transition-colors"
|
|
title="Show/Hide full URL">
|
|
<i data-lucide="eye-off" class="w-4 h-4" id="urlEyeIcon"></i>
|
|
</button>
|
|
</div>
|
|
<button id="fetchServersBtn"
|
|
class="flex items-center justify-center gap-2 bg-[#00ff41] text-black px-4 py-2.5 text-xs font-black uppercase tracking-widest hover:bg-white hover:shadow-[0_0_15px_rgba(0,255,65,0.4)] transition-all disabled:opacity-50 disabled:cursor-not-allowed">
|
|
<i data-lucide="download" class="w-4 h-4" id="fetchIcon"></i>
|
|
<span id="fetchText">Sync</span>
|
|
</button>
|
|
</div>
|
|
</div> |