chore: complete update
This commit is contained in:
27
src/Application/Admin/templates/admin-main.view.php
Normal file
27
src/Application/Admin/templates/admin-main.view.php
Normal file
@@ -0,0 +1,27 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Admin</title>
|
||||
<meta name="description" content="Admin">
|
||||
<meta property="og:type" content="Admin">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!--<header>
|
||||
<h2>Admin</h2>
|
||||
</header>-->
|
||||
|
||||
<menu>
|
||||
<li><a href="/admin">Dashboard</a></li>
|
||||
</menu>
|
||||
|
||||
|
||||
<main></main>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
146
src/Application/Admin/templates/dashboard.view.php
Normal file
146
src/Application/Admin/templates/dashboard.view.php
Normal file
@@ -0,0 +1,146 @@
|
||||
<layout src="admin-main"/>
|
||||
|
||||
<a href="/admin/routes">Routes</a>
|
||||
|
||||
<br>
|
||||
|
||||
<a href="/admin/imageslots">Image Slots</a>
|
||||
|
||||
|
||||
<div class="section">
|
||||
<h2>Basis-Cards (nur semantische Selektoren)</h2>
|
||||
<div class="demo-grid">
|
||||
<article class="card">
|
||||
<header>
|
||||
<div>
|
||||
<h3>Projekt Alpha</h3>
|
||||
<small>Erstellt am 10. Juli 2025</small>
|
||||
</div>
|
||||
<span role="status">Aktiv</span>
|
||||
</header>
|
||||
<main>
|
||||
<p>Diese Card nutzt nur semantische HTML-Elemente. Das Styling erfolgt über Selektoren wie <code>.card > header</code> und <code>.card h3</code>.</p>
|
||||
<p>Weniger Klassen, sauberer HTML-Code.</p>
|
||||
</main>
|
||||
<footer>
|
||||
<small>Letztes Update: heute</small>
|
||||
<div>
|
||||
<button>Öffnen</button>
|
||||
<button>Teilen</button>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
<article class="card">
|
||||
<header>
|
||||
<h3>Einfache Card</h3>
|
||||
</header>
|
||||
<main>
|
||||
<p>Minimaler HTML-Code, maximale Semantik.</p>
|
||||
</main>
|
||||
<footer>
|
||||
<div>
|
||||
<button>Action</button>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Status-Varianten (Klassen für Varianten)</h2>
|
||||
<div class="demo-grid">
|
||||
<article class="card card--success">
|
||||
<header>
|
||||
<h3>Erfolg</h3>
|
||||
<span role="status">Abgeschlossen</span>
|
||||
</header>
|
||||
<main>
|
||||
<p>Success-Variante durch eine einzige Modifier-Klasse.</p>
|
||||
</main>
|
||||
<footer>
|
||||
<div>
|
||||
<button>Details</button>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
<article class="card card--error">
|
||||
<header>
|
||||
<h3>Fehler</h3>
|
||||
<span role="status">Problem</span>
|
||||
</header>
|
||||
<main>
|
||||
<p>Error-Variante mit systematischen Farben.</p>
|
||||
</main>
|
||||
<footer>
|
||||
<div>
|
||||
<button>Beheben</button>
|
||||
<button>Ignorieren</button>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Größen-Varianten</h2>
|
||||
<div class="demo-grid">
|
||||
<article class="card card--compact">
|
||||
<header>
|
||||
<h3>Kompakt</h3>
|
||||
</header>
|
||||
<main>
|
||||
<p>Weniger Padding durch Modifier-Klasse.</p>
|
||||
</main>
|
||||
</article>
|
||||
|
||||
<article class="card card--spacious">
|
||||
<header>
|
||||
<h3>Großzügig</h3>
|
||||
</header>
|
||||
<main>
|
||||
<p>Mehr Weißraum für wichtige Inhalte.</p>
|
||||
</main>
|
||||
<footer>
|
||||
<div>
|
||||
<button>Hauptaktion</button>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Layout-Varianten</h2>
|
||||
<div class="demo-grid demo-grid--wide">
|
||||
<article class="card card--horizontal">
|
||||
<header>
|
||||
<h3>Horizontal</h3>
|
||||
</header>
|
||||
<main>
|
||||
<p>Horizontales Layout durch Modifier.</p>
|
||||
</main>
|
||||
<footer>
|
||||
<div>
|
||||
<button>Action</button>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
<article class="card card--media">
|
||||
<img src="https://picsum.photos/400/200?random=2" alt="Demo">
|
||||
<header>
|
||||
<h3>Mit Media</h3>
|
||||
</header>
|
||||
<main>
|
||||
<p>Bild wird durch Selector <code>.card--media img</code> gestylt.</p>
|
||||
</main>
|
||||
<footer>
|
||||
<div>
|
||||
<button>Ansehen</button>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
11
src/Application/Admin/templates/imageslot.view.php
Normal file
11
src/Application/Admin/templates/imageslot.view.php
Normal file
@@ -0,0 +1,11 @@
|
||||
<layout src="admin-main"/>
|
||||
|
||||
<form action='/admin/imageslots/edit/{{ id }}' method='post'>
|
||||
<input type='hidden' name='_method' value='PUT'/>
|
||||
|
||||
<label>Slot Name:
|
||||
<input type='text' name='slotName' value='{{ slotName }}'/>
|
||||
</label>
|
||||
<input type='submit' value='Update'/>
|
||||
|
||||
</form>
|
||||
21
src/Application/Admin/templates/imageslots.view.php
Normal file
21
src/Application/Admin/templates/imageslots.view.php
Normal file
@@ -0,0 +1,21 @@
|
||||
<layout src="admin-main"/>
|
||||
|
||||
<for var="slot" in="slots">
|
||||
|
||||
<form action='/admin/imageslots/{{ slot.slotName }}' method='post'>
|
||||
|
||||
<h3>{{ slot.slotName }}</h3>
|
||||
<input type='submit' value='Update'/>
|
||||
|
||||
</form>
|
||||
|
||||
</for>
|
||||
|
||||
<form action='/admin/imageslots/create' method='post'>
|
||||
|
||||
<label>Slot Name:
|
||||
<input type='text' name='slotName' value=''/>
|
||||
</label>
|
||||
<input type='submit' value='Create'/>
|
||||
|
||||
</form>
|
||||
11
src/Application/Admin/templates/routes.view.php
Normal file
11
src/Application/Admin/templates/routes.view.php
Normal file
@@ -0,0 +1,11 @@
|
||||
<layout src="admin-main"/>
|
||||
|
||||
<div>Routes Page</div>
|
||||
|
||||
<p>{{ name }}</p>
|
||||
|
||||
<ul>
|
||||
<for var="route" in="routes">
|
||||
<li><a href="{{ route.path }}">{{ route.path }} </a> <i> ({{ route.class }}) {{ route.attributes.0 }} </i> </li>
|
||||
</for>
|
||||
</ul>
|
||||
Reference in New Issue
Block a user