aidan/beesrv
1
1
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design/chore: remove old modal, styling fixes

Browse Source
This commit is contained in:
Aidan 2025-04-15 00:44:23 -04:00
parent db0bcdd8ac
commit 9ea4b4eac5
1 changed files with 9 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
module/webroot/src/index.html
View File

@ -16,7 +16,8 @@
</header>
<main class="p-4">
<h2 class="text-2xl font-bold mb-4">Self-Check</h2>
<p class="mt-2">Made with ❤️ by ihatenodejs</p>
<h2 class="text-2xl font-bold my-4">Self-Check</h2>
<table class="w-full bg-gray-700 border-collapse border border-gray-600 mb-4">
<tbody>
<tr>
@ -27,16 +28,16 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-router-icon lucide-router w-4 h-4"><rect width="20" height="8" x="2" y="14" rx="2"/><path d="M6.01 18H6"/><path d="M10.01 18H10"/><path d="M15 10v4"/><path d="M17.84 7.17a4 4 0 0 0-5.66 0"/><path d="M20.66 4.34a8 8 0 0 0-11.31 0"/></svg>
Test
</span>
<span id="testBtnLoading" class="flex items-center gap-2 hidden">
<span id="testBtnLoading" class="hidden items-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-icon lucide-loader w-4 h-4 animate-spin"><path d="M12 2v4"/><path d="m16.2 7.8 2.9-2.9"/><path d="M18 12h4"/><path d="m16.2 16.2 2.9 2.9"/><path d="M12 18v4"/><path d="m4.9 19.1 2.9-2.9"/><path d="M2 12h4"/><path d="m4.9 4.9 2.9 2.9"/></svg>
Testing...
</span>
</button>
<span id="connectionStatus" class="ml-2 text-green-400 flex items-center gap-2 hidden">
<span id="connectionStatus" class="ml-2 text-green-400 hidden items-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check-icon lucide-check w-5 h-5"><path d="M20 6 9 17l-5-5"/></svg>
Connected
</span>
<span id="connectionError" class="ml-2 text-red-400 flex items-center gap-2 hidden">
<span id="connectionError" class="ml-2 text-red-400 hidden items-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x-icon lucide-x w-5 h-5"><path d="M18 6 6 18"/><path d="M6 6l12 12"/></svg>
Error
</span>
@ -83,13 +84,13 @@
<tr>
<th class="border border-gray-600 p-2 text-left">Server</th>
<td class="border border-gray-600 p-2">
<div class="flex items-center justify-between">
<div class="flex flex-wrap items-center gap-2">
<span id="server" class="flex items-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-icon lucide-loader w-5 h-5 animate-spin" id="serverLoader"><path d="M12 2v4"/><path d="m16.2 7.8 2.9-2.9"/><path d="M18 12h4"/><path d="m16.2 16.2 2.9 2.9"/><path d="M12 18v4"/><path d="m4.9 19.1 2.9-2.9"/><path d="M2 12h4"/><path d="m4.9 4.9 2.9 2.9"/></svg>
<span id="serverText">Loading...</span>
</span>
<div class="flex items-center gap-2">
<input type="text" id="serverInput" class="hidden bg-gray-700 border border-gray-600 rounded-md p-1 text-white w-64" placeholder="Enter server URL">
<input type="text" id="serverInput" class="hidden bg-gray-700 border border-gray-600 rounded-md p-1 text-white w-full sm:w-64" placeholder="Enter server URL">
<button id="editServerBtn" class="bg-slate-500 text-white px-3 py-1 rounded-md hover:bg-slate-600 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil w-4 h-4"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
</button>
@ -106,13 +107,13 @@
<tr>
<th class="border border-gray-600 p-2 text-left">Email</th>
<td class="border border-gray-600 p-2">
<div class="flex items-center justify-between">
<div class="flex flex-wrap items-center gap-2">
<span id="email" class="flex items-center gap-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-loader-icon lucide-loader w-5 h-5 animate-spin" id="emailLoader"><path d="M12 2v4"/><path d="m16.2 7.8 2.9-2.9"/><path d="M18 12h4"/><path d="m16.2 16.2 2.9 2.9"/><path d="M12 18v4"/><path d="m4.9 19.1 2.9-2.9"/><path d="M2 12h4"/><path d="m4.9 4.9 2.9 2.9"/></svg>
<span id="emailText">Loading...</span>
</span>
<div class="flex items-center gap-2">
<input type="email" id="emailInput" class="hidden bg-gray-700 border border-gray-600 rounded-md p-1 text-white w-64" placeholder="Enter your email">
<input type="email" id="emailInput" class="hidden bg-gray-700 border border-gray-600 rounded-md p-1 text-white w-full sm:w-64" placeholder="Enter your email">
<button id="editEmailBtn" class="bg-slate-500 text-white px-3 py-1 rounded-md hover:bg-slate-600 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil w-4 h-4"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
</button>
@ -150,19 +151,6 @@
</button>
</a>
</div>
<p class="mt-4 text-center">Made with ❤️ by ihatenodejs</p>
</main>
<!-- Email Edit Modal -->
<div id="emailModal" class="fixed inset-0 bg-black bg-opacity-50 hidden flex items-center justify-center">
<div class="bg-gray-800 p-6 rounded-lg w-96">
<h3 class="text-xl font-bold mb-4">Edit Email</h3>
<input type="email" id="emailInput" class="w-full bg-gray-700 border border-gray-600 rounded-md p-2 mb-4 text-white" placeholder="Enter your email">
<div class="flex justify-end gap-2">
<button id="cancelEmailBtn" class="bg-gray-600 text-white px-4 py-2 rounded-md hover:bg-gray-700 transition-colors">Cancel</button>
<button id="saveEmailBtn" class="bg-slate-500 text-white px-4 py-2 rounded-md hover:bg-slate-600 transition-colors">Save</button>
</div>
</div>
</div>
</body>
</html>