Finish Prioritix interaction plan
This commit is contained in:
+11
-9
@@ -33,11 +33,11 @@
|
||||
<strong>MVP (2x2)</strong>
|
||||
<button type="button" id="profileToggle" aria-label="Change sorting profile">⌄</button>
|
||||
<div class="profile-menu" id="profileMenu" hidden>
|
||||
<button type="button" class="selected">MVP (2x2) ✓</button>
|
||||
<button type="button">RICE Score</button>
|
||||
<button type="button">Value vs Effort</button>
|
||||
<button type="button">Kano Model</button>
|
||||
<button type="button">Custom</button>
|
||||
<button type="button" class="selected" data-profile="mvp">MVP (2x2) ✓</button>
|
||||
<button type="button" data-profile="rice">RICE Score</button>
|
||||
<button type="button" data-profile="value">Value vs Effort</button>
|
||||
<button type="button" data-profile="kano">Kano Model</button>
|
||||
<button type="button" data-profile="custom">Custom</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="progress-card" id="progressCard"></div>
|
||||
@@ -74,8 +74,9 @@
|
||||
</section>
|
||||
|
||||
<section class="grid-column" aria-label="Sorting grid">
|
||||
<div class="section-label">Sorting grid (MVP - 2x2)</div>
|
||||
<div class="section-label" id="gridLabel">Sorting grid (MVP - 2x2)</div>
|
||||
<div class="sorting-grid" id="sortingGrid"></div>
|
||||
<p class="shortcut-hint">Shortcuts: <kbd>1</kbd>-<kbd>4</kbd> place active card · <kbd>P</kbd> park · <kbd>I</kbd> investigate · <kbd>U</kbd> undo · <kbd>/</kbd> capture</p>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
@@ -89,7 +90,7 @@
|
||||
<div class="timeline-head">
|
||||
<div>
|
||||
<h2>Timeline view</h2>
|
||||
<p>Sorted features become nodes. Click a node to inspect; drag-and-drop can come later without breaking the model.</p>
|
||||
<p>Sorted features become nodes. Drag nodes horizontally to reorder the roadmap; click a node to inspect details.</p>
|
||||
</div>
|
||||
<div class="zoom-controls"><button type="button">−</button><button type="button">+</button><button type="button">⛶</button></div>
|
||||
</div>
|
||||
@@ -112,13 +113,14 @@
|
||||
</div>
|
||||
<input name="title" class="detail-title" />
|
||||
<label>Brief<textarea name="description" rows="4" placeholder="What this feature changes for the product"></textarea></label>
|
||||
<label>Categories / chips<input name="labels" placeholder="UI / UX, Dependencies, Growth" /></label>
|
||||
<div class="detail-grid">
|
||||
<label>User value<input type="number" min="0" max="10" name="impact" /></label>
|
||||
<label>Effort<input type="number" min="1" max="10" name="effort" /></label>
|
||||
<label>Confidence<input type="number" min="0" max="10" name="confidence" /></label>
|
||||
<label>Urgency<input type="number" min="0" max="10" name="urgency" /></label>
|
||||
</div>
|
||||
<label>Notes<textarea name="notes" rows="5" placeholder="Decision notes, links, dependencies…"></textarea></label>
|
||||
<label>Links, dependencies, notes<textarea name="notes" rows="5" placeholder="Decision notes, source links, dependency risks, acceptance details…"></textarea></label>
|
||||
<div class="detail-actions">
|
||||
<button type="button" id="parkDetail">Park</button>
|
||||
<button type="submit">Save</button>
|
||||
@@ -128,6 +130,6 @@
|
||||
</aside>
|
||||
|
||||
<div class="toast" id="toast" hidden></div>
|
||||
<script src="/app.js?v=prioritix-20260522-1" type="module"></script>
|
||||
<script src="/app.js?v=prioritix-20260522-3" type="module"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user