fce55c5bb6
- js/planner.js:
- Mechaniken-Card: View-Toggle 'Mechaniken' / 'Meine Spells'
- renderMySpellsHtml(): Assignments pro Mechanik gruppiert (1 Zeile statt 1 Zeile/Ability)
- initMySpells(): Toggle-Logik, Job-Dropdown persistent (localStorage), Kopieren-Button
- Personal-Mits lila (myspells-type--personal / badge-assign-personal) in beiden Views
- Legende: Personal-Eintrag ergänzt
- css/planner.css:
- .view-toggle-btns / .view-toggle-btn: Toggle-Button-Styles
- .myspells-*: Cheatsheet-Layout (Grid, Badges, Farbkodierung)
- .badge-assign-personal: Lila für Personal-Mits in Mechaniken-Übersicht
- .info-legend-dot--personal: Lila Dot in Legende
- .planner-info-panel: border-bottom statt border-top (jetzt oben in Sidebar)
- .timeline-scroll: dunkler Custom-Scrollbar (webkit + scrollbar-color)
- templates/tab-planner.php: Info-Panel über Pläne-Sektion verschoben
- templates/topbar.php: Planer-Icon 📋 -> ☰
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
45 lines
1.6 KiB
PHP
45 lines
1.6 KiB
PHP
<div class="planner-layout">
|
|
|
|
<!-- Left: Plan list sidebar -->
|
|
<div class="plan-sidebar">
|
|
|
|
<div id="planner-info-panel" class="planner-info-panel"></div>
|
|
|
|
<div class="plan-sidebar-header">
|
|
<div class="card-title">Pläne</div>
|
|
<button id="planner-new-folder-btn" class="btn btn-sm" title="Neuer Ordner">+ Ordner</button>
|
|
<button id="planner-new-btn" class="btn btn-sm btn-gold">+ Neu</button>
|
|
</div>
|
|
|
|
<div id="planner-new-folder-form" class="plan-new-form" style="display:none">
|
|
<input type="text" id="planner-new-folder-name" placeholder="Ordner-Name…">
|
|
<div class="plan-new-actions">
|
|
<button id="planner-new-folder-save" class="btn btn-sm btn-gold">Erstellen</button>
|
|
<button id="planner-new-folder-cancel" class="btn btn-sm">Abbrechen</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="planner-new-form" class="plan-new-form" style="display:none">
|
|
<input type="text" id="planner-new-name" placeholder="Plan-Name…">
|
|
<div class="plan-new-actions">
|
|
<button id="planner-new-save" class="btn btn-sm btn-gold">Erstellen</button>
|
|
<button id="planner-new-cancel" class="btn btn-sm">Abbrechen</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="plan-list"></div>
|
|
|
|
</div>
|
|
|
|
<!-- Right: Plan detail -->
|
|
<div id="plan-detail-panel">
|
|
<div id="planner-no-plan" class="empty">
|
|
<div class="empty-icon">📋</div>
|
|
<h3>Kein Plan ausgewählt</h3>
|
|
<p style="font-size:13px;color:var(--t3);margin-top:6px">Erstelle einen neuen Plan oder wähle einen bestehenden aus</p>
|
|
</div>
|
|
<div id="plan-content" style="display:none"></div>
|
|
</div>
|
|
|
|
</div>
|