|
@@ -49,7 +49,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
<h2 class="text-2xl font-black text-white tracking-tight flex items-center justify-center gap-2">
|
|
<h2 class="text-2xl font-black text-white tracking-tight flex items-center justify-center gap-2">
|
|
|
<span>Deb<span class="text-rose-500">T</span><span class="text-sky-400">ik</span></span>
|
|
<span>Deb<span class="text-rose-500">T</span><span class="text-sky-400">ik</span></span>
|
|
|
- <span class="text-[10px] bg-rose-500/20 text-rose-300 font-mono px-2 py-0.5 rounded border border-rose-500/30 font-bold uppercase tracking-wider">RouterOS</span>
|
|
|
|
|
|
|
+ <span class="text-[10px] bg-rose-500/20 text-rose-300 font-mono px-2 py-0.5 rounded border border-rose-500/30 font-bold uppercase tracking-wider">Gateway</span>
|
|
|
</h2>
|
|
</h2>
|
|
|
<p class="text-xs text-slate-400 mt-1 font-sans">Appliance Controller & Network Gateway</p>
|
|
<p class="text-xs text-slate-400 mt-1 font-sans">Appliance Controller & Network Gateway</p>
|
|
|
</div>
|
|
</div>
|
|
@@ -412,17 +412,6 @@
|
|
|
<!-- CATEGORY: SYSTEM -->
|
|
<!-- CATEGORY: SYSTEM -->
|
|
|
<div class="px-3 pt-3 pb-1 text-[10px] font-bold text-slate-500 uppercase tracking-wider">System</div>
|
|
<div class="px-3 pt-3 pb-1 text-[10px] font-bold text-slate-500 uppercase tracking-wider">System</div>
|
|
|
|
|
|
|
|
- <a href="#persistence" onclick="navigate('persistence')" id="nav-persistence"
|
|
|
|
|
- class="nav-link flex items-center justify-between px-3 py-2 rounded-lg text-xs font-medium transition-all group text-slate-300 hover:bg-slate-800/80 hover:text-white">
|
|
|
|
|
- <div class="flex items-center space-x-2.5">
|
|
|
|
|
- <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
|
|
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4" />
|
|
|
|
|
- </svg>
|
|
|
|
|
- <span>Debian Config</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- <span class="text-[10px] bg-slate-800 text-slate-400 px-1.5 py-0.2 rounded">.cfg</span>
|
|
|
|
|
- </a>
|
|
|
|
|
-
|
|
|
|
|
<a href="#settings" onclick="navigate('settings')" id="nav-settings"
|
|
<a href="#settings" onclick="navigate('settings')" id="nav-settings"
|
|
|
class="nav-link flex items-center justify-between px-3 py-2 rounded-lg text-xs font-medium transition-all group text-slate-300 hover:bg-slate-800/80 hover:text-white">
|
|
class="nav-link flex items-center justify-between px-3 py-2 rounded-lg text-xs font-medium transition-all group text-slate-300 hover:bg-slate-800/80 hover:text-white">
|
|
|
<div class="flex items-center space-x-2.5">
|
|
<div class="flex items-center space-x-2.5">
|
|
@@ -463,7 +452,7 @@
|
|
|
<svg class="w-4 h-4 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<svg class="w-4 h-4 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" />
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" />
|
|
|
</svg>
|
|
</svg>
|
|
|
- <span>Services (Telnet/SSH/Web)</span>
|
|
|
|
|
|
|
+ <span>Management Services</span>
|
|
|
</div>
|
|
</div>
|
|
|
<span id="badge-services-status" class="w-2 h-2 rounded-full bg-emerald-500"></span>
|
|
<span id="badge-services-status" class="w-2 h-2 rounded-full bg-emerald-500"></span>
|
|
|
</a>
|
|
</a>
|
|
@@ -3540,30 +3529,6 @@
|
|
|
</div>
|
|
</div>
|
|
|
</section>
|
|
</section>
|
|
|
|
|
|
|
|
- <!-- ================= SECTION: DEBIAN CONFIG PERSISTENCE ================= -->
|
|
|
|
|
- <section id="section-persistence" class="hidden space-y-6">
|
|
|
|
|
- <div class="bg-slate-900/90 border border-slate-800 rounded-xl p-5">
|
|
|
|
|
- <div class="flex flex-wrap items-center justify-between gap-4 mb-4">
|
|
|
|
|
- <div>
|
|
|
|
|
- <h3 class="text-sm font-bold text-white flex items-center gap-2">
|
|
|
|
|
- <span>Debian /etc/network/interfaces.d/ Persistence</span>
|
|
|
|
|
- <span class="text-[10px] bg-brand-500/20 text-brand-400 px-2 py-0.5 rounded border border-brand-500/30">Debian Native</span>
|
|
|
|
|
- </h3>
|
|
|
|
|
- <p class="text-xs text-slate-400 mt-1">Changes saved to <code class="text-brand-400">/etc/network/interfaces.d/vlans.cfg</code> survive container reboots.</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="flex items-center space-x-3">
|
|
|
|
|
- <button onclick="loadDebianConfig()" class="text-xs bg-slate-800 hover:bg-slate-700 text-slate-300 px-3 py-2 rounded-lg border border-slate-700 transition">Re-generate Preview</button>
|
|
|
|
|
- <button onclick="saveDebianConfig()" class="flex items-center space-x-2 bg-brand-600 hover:bg-brand-500 text-white font-medium text-xs px-4 py-2 rounded-lg shadow-lg shadow-brand-500/20 transition">
|
|
|
|
|
- <span>Save to Debian Config</span>
|
|
|
|
|
- </button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="relative">
|
|
|
|
|
- <pre id="debian-config-view" class="bg-slate-950 p-4 rounded-lg font-mono text-xs text-slate-300 overflow-x-auto border border-slate-800 max-h-96 leading-relaxed">Loading config preview...</pre>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </section>
|
|
|
|
|
-
|
|
|
|
|
<!-- ================= SECTION: TROUBLESHOOT TOOLS ================= -->
|
|
<!-- ================= SECTION: TROUBLESHOOT TOOLS ================= -->
|
|
|
<section id="section-tools" class="hidden space-y-6">
|
|
<section id="section-tools" class="hidden space-y-6">
|
|
|
<!-- Top Banner -->
|
|
<!-- Top Banner -->
|
|
@@ -4415,7 +4380,7 @@
|
|
|
</form>
|
|
</form>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <!-- Static DNS Table (/ip dns static) -->
|
|
|
|
|
|
|
+ <!-- Static DNS Table -->
|
|
|
<div class="bg-slate-900/90 border border-slate-800 rounded-xl overflow-hidden shadow-lg">
|
|
<div class="bg-slate-900/90 border border-slate-800 rounded-xl overflow-hidden shadow-lg">
|
|
|
<div class="p-4 border-b border-slate-800 flex items-center justify-between flex-wrap gap-2">
|
|
<div class="p-4 border-b border-slate-800 flex items-center justify-between flex-wrap gap-2">
|
|
|
<div>
|
|
<div>
|
|
@@ -4588,13 +4553,13 @@
|
|
|
</div>
|
|
</div>
|
|
|
</section>
|
|
</section>
|
|
|
|
|
|
|
|
- <!-- ================= SECTION: CERTIFICATES (/certificate) ================= -->
|
|
|
|
|
|
|
+ <!-- ================= SECTION: CERTIFICATES ================= -->
|
|
|
<section id="section-certificates" class="hidden space-y-6">
|
|
<section id="section-certificates" class="hidden space-y-6">
|
|
|
<div class="bg-slate-900/80 border border-slate-800 rounded-2xl p-5 shadow-lg flex flex-wrap items-center justify-between gap-4">
|
|
<div class="bg-slate-900/80 border border-slate-800 rounded-2xl p-5 shadow-lg flex flex-wrap items-center justify-between gap-4">
|
|
|
<div>
|
|
<div>
|
|
|
<h3 class="text-base font-bold text-white flex items-center gap-2">
|
|
<h3 class="text-base font-bold text-white flex items-center gap-2">
|
|
|
<svg class="w-5 h-5 text-amber-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /></svg>
|
|
<svg class="w-5 h-5 text-amber-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" /></svg>
|
|
|
- <span>Certificates & SSL/TLS (/certificate)</span>
|
|
|
|
|
|
|
+ <span>Certificates & SSL/TLS</span>
|
|
|
</h3>
|
|
</h3>
|
|
|
<p class="text-xs text-slate-400 mt-1">Manage Root Certificate Authorities (CA), issue Server/Client certificates, and request automated Let's Encrypt certificates.</p>
|
|
<p class="text-xs text-slate-400 mt-1">Manage Root Certificate Authorities (CA), issue Server/Client certificates, and request automated Let's Encrypt certificates.</p>
|
|
|
</div>
|
|
</div>
|
|
@@ -4666,13 +4631,13 @@
|
|
|
</div>
|
|
</div>
|
|
|
</section>
|
|
</section>
|
|
|
|
|
|
|
|
- <!-- ================= SECTION: SERVICES (/ip service) ================= -->
|
|
|
|
|
|
|
+ <!-- ================= SECTION: SERVICES ================= -->
|
|
|
<section id="section-services" class="hidden space-y-6">
|
|
<section id="section-services" class="hidden space-y-6">
|
|
|
<div class="bg-slate-900/80 border border-slate-800 rounded-2xl p-5 shadow-lg flex items-center justify-between">
|
|
<div class="bg-slate-900/80 border border-slate-800 rounded-2xl p-5 shadow-lg flex items-center justify-between">
|
|
|
<div>
|
|
<div>
|
|
|
<h3 class="text-base font-bold text-white flex items-center gap-2">
|
|
<h3 class="text-base font-bold text-white flex items-center gap-2">
|
|
|
<svg class="w-5 h-5 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" /></svg>
|
|
<svg class="w-5 h-5 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01" /></svg>
|
|
|
- RouterOS Management Services (/ip service)
|
|
|
|
|
|
|
+ Management Services
|
|
|
</h3>
|
|
</h3>
|
|
|
<p class="text-xs text-slate-400 mt-1">Control management service listeners and listening ports across Web, SSH, and Telnet.</p>
|
|
<p class="text-xs text-slate-400 mt-1">Control management service listeners and listening ports across Web, SSH, and Telnet.</p>
|
|
|
</div>
|
|
</div>
|
|
@@ -4702,7 +4667,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</section>
|
|
</section>
|
|
|
|
|
|
|
|
- <!-- ================= SECTION: SYSTEM LOGS (/log) ================= -->
|
|
|
|
|
|
|
+ <!-- ================= SECTION: SYSTEM LOGS ================= -->
|
|
|
<section id="section-logs" class="hidden space-y-6">
|
|
<section id="section-logs" class="hidden space-y-6">
|
|
|
<div class="bg-slate-900/80 border border-slate-800 rounded-2xl p-4 shadow-lg flex flex-wrap items-center justify-between gap-4">
|
|
<div class="bg-slate-900/80 border border-slate-800 rounded-2xl p-4 shadow-lg flex flex-wrap items-center justify-between gap-4">
|
|
|
<div class="flex items-center gap-3">
|
|
<div class="flex items-center gap-3">
|
|
@@ -11812,7 +11777,7 @@
|
|
|
<div class="grid grid-cols-2 gap-3">
|
|
<div class="grid grid-cols-2 gap-3">
|
|
|
<div>
|
|
<div>
|
|
|
<label class="block text-xs font-semibold text-slate-300 mb-1">Organization</label>
|
|
<label class="block text-xs font-semibold text-slate-300 mb-1">Organization</label>
|
|
|
- <input type="text" id="ca-org" value="DebTik RouterOS Appliance" class="w-full bg-slate-950 border border-slate-800 rounded-lg px-3 py-2 text-xs text-white font-mono focus:outline-none focus:border-blue-500">
|
|
|
|
|
|
|
+ <input type="text" id="ca-org" value="DebTik Network Appliance" class="w-full bg-slate-950 border border-slate-800 rounded-lg px-3 py-2 text-xs text-white font-mono focus:outline-none focus:border-blue-500">
|
|
|
</div>
|
|
</div>
|
|
|
<div>
|
|
<div>
|
|
|
<label class="block text-xs font-semibold text-slate-300 mb-1">Country</label>
|
|
<label class="block text-xs font-semibold text-slate-300 mb-1">Country</label>
|
|
@@ -12008,6 +11973,6 @@
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<datalist id="fw-addrlist-datalist"></datalist>
|
|
<datalist id="fw-addrlist-datalist"></datalist>
|
|
|
- <script src="app.js?v=18.0"></script>
|
|
|
|
|
|
|
+ <script src="app.js?v=19.0"></script>
|
|
|
</body>
|
|
</body>
|
|
|
</html>
|
|
</html>
|