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>
|
</button>
|
||||||
<p id="login-err" class="text-error text-xs mt-3 hidden">Invalid credentials</p>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
@@ -585,6 +510,86 @@ a[role=button]:active {
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</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 -->
|
<!-- RESOURCES -->
|
||||||
<section id="page-resources" class="page hidden">
|
<section id="page-resources" class="page hidden">
|
||||||
<div class="flex items-center justify-between mb-6">
|
<div class="flex items-center justify-between mb-6">
|
||||||
|
|||||||
Reference in New Issue
Block a user