v1.8.30: fix admin Pages — section was nested inside login div, moved to main content area
This commit is contained in:
+80
-75
@@ -243,85 +243,10 @@ a[role=button]:active {
|
||||
</button>
|
||||
<p id="login-err" class="text-error text-xs mt-3 hidden">Invalid credentials</p>
|
||||
|
||||
<section id="page-pages" class="page hidden">
|
||||
<!-- Header -->
|
||||
<div class="flex items-center justify-between mb-6">
|
||||
<div>
|
||||
<h2 class="text-xl font-bold">Pages</h2>
|
||||
<p class="text-sm text-on-surface-variant mt-1">Frontend builder — edit any page visually</p>
|
||||
</div>
|
||||
<div class="flex gap-2">
|
||||
<a id="pb-preview-btn" href="/privacy" target="_blank"
|
||||
class="glass glass-hover px-4 py-2 rounded-xl text-sm flex items-center gap-2">
|
||||
<span class="msym text-base">open_in_new</span> Preview
|
||||
</a>
|
||||
<button onclick="pbSave()" id="pb-save-btn"
|
||||
class="bg-primary text-surface font-bold px-5 py-2 rounded-xl text-sm flex items-center gap-2 hover:shadow-[0_0_20px_rgba(78,222,163,0.4)] transition-all">
|
||||
<span class="msym text-base">save</span> Save
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Page selector -->
|
||||
<div class="flex flex-wrap gap-2 mb-6">
|
||||
<button onclick="pbSwitch('privacy')" id="pb-tab-privacy" class="pb-tab px-4 py-2 rounded-xl text-xs font-bold bg-primary text-surface transition-all">Privacy</button>
|
||||
<button onclick="pbSwitch('terms')" id="pb-tab-terms" class="pb-tab px-4 py-2 rounded-xl text-xs font-bold glass text-on-surface-variant hover:text-primary transition-all">Terms</button>
|
||||
<button onclick="pbSwitch('about')" id="pb-tab-about" class="pb-tab px-4 py-2 rounded-xl text-xs font-bold glass text-on-surface-variant hover:text-primary transition-all">About</button>
|
||||
<button onclick="pbSwitch('index')" id="pb-tab-index" class="pb-tab px-4 py-2 rounded-xl text-xs font-bold glass text-on-surface-variant hover:text-primary transition-all">Home</button>
|
||||
</div>
|
||||
|
||||
<!-- Mode toggle -->
|
||||
<div class="flex gap-2 mb-4">
|
||||
<button onclick="pbSetMode('visual')" id="pb-mode-visual"
|
||||
class="px-3 py-1.5 rounded-lg text-xs font-bold bg-primary/20 text-primary border border-primary/30 flex items-center gap-1">
|
||||
<span class="msym text-sm">dashboard</span> Visual Builder
|
||||
</button>
|
||||
<button onclick="pbSetMode('html')" id="pb-mode-html"
|
||||
class="px-3 py-1.5 rounded-lg text-xs font-bold glass text-on-surface-variant flex items-center gap-1">
|
||||
<span class="msym text-sm">code</span> HTML Editor
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- VISUAL BUILDER -->
|
||||
<div id="pb-visual" class="space-y-3">
|
||||
<div id="pb-blocks" class="space-y-3"></div>
|
||||
<!-- Add block toolbar -->
|
||||
<div class="glass rounded-2xl p-4">
|
||||
<p class="text-xs text-on-surface-variant mb-3 font-bold uppercase tracking-widest">Add Block</p>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<button onclick="pbAddBlock('heading')" class="glass glass-hover px-3 py-2 rounded-xl text-xs font-bold flex items-center gap-1">
|
||||
<span class="msym text-sm">title</span> Heading
|
||||
</button>
|
||||
<button onclick="pbAddBlock('paragraph')" class="glass glass-hover px-3 py-2 rounded-xl text-xs font-bold flex items-center gap-1">
|
||||
<span class="msym text-sm">notes</span> Paragraph
|
||||
</button>
|
||||
<button onclick="pbAddBlock('list')" class="glass glass-hover px-3 py-2 rounded-xl text-xs font-bold flex items-center gap-1">
|
||||
<span class="msym text-sm">format_list_bulleted</span> List
|
||||
</button>
|
||||
<button onclick="pbAddBlock('divider')" class="glass glass-hover px-3 py-2 rounded-xl text-xs font-bold flex items-center gap-1">
|
||||
<span class="msym text-sm">horizontal_rule</span> Divider
|
||||
</button>
|
||||
<button onclick="pbAddBlock('hero')" class="glass glass-hover px-3 py-2 rounded-xl text-xs font-bold flex items-center gap-1 text-primary">
|
||||
<span class="msym text-sm">auto_awesome</span> Hero
|
||||
</button>
|
||||
<button onclick="pbAddBlock('contact')" class="glass glass-hover px-3 py-2 rounded-xl text-xs font-bold flex items-center gap-1">
|
||||
<span class="msym text-sm">mail</span> Contact
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- HTML EDITOR -->
|
||||
<div id="pb-html" class="hidden">
|
||||
<div class="glass rounded-2xl p-4">
|
||||
<textarea id="pb-html-editor"
|
||||
class="w-full bg-surface/60 border border-white/10 rounded-xl p-4 text-xs font-mono text-on-surface focus:outline-none focus:border-primary/50 transition-colors resize-none"
|
||||
style="height:500px;direction:ltr"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p id="pb-status" class="text-xs text-primary mt-3 hidden">✅ Saved successfully</p>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -585,6 +510,86 @@ a[role=button]:active {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="page-pages" class="page hidden">
|
||||
<!-- Header -->
|
||||
<div class="flex items-center justify-between mb-6">
|
||||
<div>
|
||||
<h2 class="text-xl font-bold">Pages</h2>
|
||||
<p class="text-sm text-on-surface-variant mt-1">Frontend builder — edit any page visually</p>
|
||||
</div>
|
||||
<div class="flex gap-2">
|
||||
<a id="pb-preview-btn" href="/privacy" target="_blank"
|
||||
class="glass glass-hover px-4 py-2 rounded-xl text-sm flex items-center gap-2">
|
||||
<span class="msym text-base">open_in_new</span> Preview
|
||||
</a>
|
||||
<button onclick="pbSave()" id="pb-save-btn"
|
||||
class="bg-primary text-surface font-bold px-5 py-2 rounded-xl text-sm flex items-center gap-2 hover:shadow-[0_0_20px_rgba(78,222,163,0.4)] transition-all">
|
||||
<span class="msym text-base">save</span> Save
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Page selector -->
|
||||
<div class="flex flex-wrap gap-2 mb-6">
|
||||
<button onclick="pbSwitch('privacy')" id="pb-tab-privacy" class="pb-tab px-4 py-2 rounded-xl text-xs font-bold bg-primary text-surface transition-all">Privacy</button>
|
||||
<button onclick="pbSwitch('terms')" id="pb-tab-terms" class="pb-tab px-4 py-2 rounded-xl text-xs font-bold glass text-on-surface-variant hover:text-primary transition-all">Terms</button>
|
||||
<button onclick="pbSwitch('about')" id="pb-tab-about" class="pb-tab px-4 py-2 rounded-xl text-xs font-bold glass text-on-surface-variant hover:text-primary transition-all">About</button>
|
||||
<button onclick="pbSwitch('index')" id="pb-tab-index" class="pb-tab px-4 py-2 rounded-xl text-xs font-bold glass text-on-surface-variant hover:text-primary transition-all">Home</button>
|
||||
</div>
|
||||
|
||||
<!-- Mode toggle -->
|
||||
<div class="flex gap-2 mb-4">
|
||||
<button onclick="pbSetMode('visual')" id="pb-mode-visual"
|
||||
class="px-3 py-1.5 rounded-lg text-xs font-bold bg-primary/20 text-primary border border-primary/30 flex items-center gap-1">
|
||||
<span class="msym text-sm">dashboard</span> Visual Builder
|
||||
</button>
|
||||
<button onclick="pbSetMode('html')" id="pb-mode-html"
|
||||
class="px-3 py-1.5 rounded-lg text-xs font-bold glass text-on-surface-variant flex items-center gap-1">
|
||||
<span class="msym text-sm">code</span> HTML Editor
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- VISUAL BUILDER -->
|
||||
<div id="pb-visual" class="space-y-3">
|
||||
<div id="pb-blocks" class="space-y-3"></div>
|
||||
<!-- Add block toolbar -->
|
||||
<div class="glass rounded-2xl p-4">
|
||||
<p class="text-xs text-on-surface-variant mb-3 font-bold uppercase tracking-widest">Add Block</p>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<button onclick="pbAddBlock('heading')" class="glass glass-hover px-3 py-2 rounded-xl text-xs font-bold flex items-center gap-1">
|
||||
<span class="msym text-sm">title</span> Heading
|
||||
</button>
|
||||
<button onclick="pbAddBlock('paragraph')" class="glass glass-hover px-3 py-2 rounded-xl text-xs font-bold flex items-center gap-1">
|
||||
<span class="msym text-sm">notes</span> Paragraph
|
||||
</button>
|
||||
<button onclick="pbAddBlock('list')" class="glass glass-hover px-3 py-2 rounded-xl text-xs font-bold flex items-center gap-1">
|
||||
<span class="msym text-sm">format_list_bulleted</span> List
|
||||
</button>
|
||||
<button onclick="pbAddBlock('divider')" class="glass glass-hover px-3 py-2 rounded-xl text-xs font-bold flex items-center gap-1">
|
||||
<span class="msym text-sm">horizontal_rule</span> Divider
|
||||
</button>
|
||||
<button onclick="pbAddBlock('hero')" class="glass glass-hover px-3 py-2 rounded-xl text-xs font-bold flex items-center gap-1 text-primary">
|
||||
<span class="msym text-sm">auto_awesome</span> Hero
|
||||
</button>
|
||||
<button onclick="pbAddBlock('contact')" class="glass glass-hover px-3 py-2 rounded-xl text-xs font-bold flex items-center gap-1">
|
||||
<span class="msym text-sm">mail</span> Contact
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- HTML EDITOR -->
|
||||
<div id="pb-html" class="hidden">
|
||||
<div class="glass rounded-2xl p-4">
|
||||
<textarea id="pb-html-editor"
|
||||
class="w-full bg-surface/60 border border-white/10 rounded-xl p-4 text-xs font-mono text-on-surface focus:outline-none focus:border-primary/50 transition-colors resize-none"
|
||||
style="height:500px;direction:ltr"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p id="pb-status" class="text-xs text-primary mt-3 hidden">✅ Saved successfully</p>
|
||||
</section>
|
||||
|
||||
<!-- RESOURCES -->
|
||||
<section id="page-resources" class="page hidden">
|
||||
<div class="flex items-center justify-between mb-6">
|
||||
|
||||
Reference in New Issue
Block a user