Steps 1+2 of the planner roadmap: data model, create/rename/copy/delete plans, read-only mechanic timeline, two-column layout mirroring the analysis tab style. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
32 lines
1.0 KiB
PHP
32 lines
1.0 KiB
PHP
<div class="planner-layout">
|
|
|
|
<!-- Left: Plan list sidebar -->
|
|
<div class="plan-sidebar">
|
|
<div class="plan-sidebar-header">
|
|
<div class="card-title">Pläne</div>
|
|
<button id="planner-new-btn" class="btn btn-sm btn-gold">+ Neu</button>
|
|
</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>
|