Add feature set import export

2026-05-22 23:28:15 +02:00
parent da9d3673c1
commit 7cc43a5e92
5 changed files with 170 additions and 25 deletions
@@ -6,7 +6,7 @@
    <meta name="theme-color" content="#061B33" />
    <title>Prioritix — Feature Prioritization</title>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link rel="stylesheet" href="/styles.css?v=prioritix-20260522-1" />
+    <link rel="stylesheet" href="/styles.css?v=prioritix-20260522-2" />
  </head>
  <body>
    <div class="app-shell">
@@ -63,6 +63,28 @@
          </form>
        </section>

+        <section class="feature-set-panel" id="feature-sets" aria-label="Feature set import and export">
+          <div class="feature-set-copy">
+            <div class="section-label">Feature set import / export</div>
+            <h2>Upload or paste a whole feature set.</h2>
+            <p>Use <strong>Prioritix Feature Set v1</strong>: JSON with a top-level <code>features</code> array. Required: <code>title</code>. Optional: <code>description</code>, <code>labels</code>, <code>impact</code>, <code>effort</code>, <code>confidence</code>, <code>urgency</code>, <code>status</code>, <code>milestoneId</code>, <code>rank</code>, <code>notes</code>. Export uses the same format, including the sorted setup.</p>
+          </div>
+          <div class="feature-set-actions">
+            <textarea id="featureSetInput" spellcheck="false" placeholder='{
+  "format": "prioritix-feature-set-v1",
+  "name": "Launch plan",
+  "features": [
+    { "title": "Smart requirement sorting", "description": "Cluster pasted requirements into delivery slices.", "labels": ["AI", "Planning"], "impact": 8, "effort": 5, "confidence": 7, "urgency": 6 }
+  ]
+}'></textarea>
+            <div class="feature-set-toolbar">
+              <label class="file-pick">Upload .json<input id="featureSetFile" type="file" accept="application/json,.json" /></label>
+              <button type="button" id="importFeatureSet">Import features</button>
+              <button type="button" id="exportFeatureSet">Export sorted setup</button>
+            </div>
+          </div>
+        </section>
+
        <section class="sorting-layout" id="prioritize">
          <section class="active-column" aria-label="Active feature">
            <div class="section-label">Active feature</div>
@@ -130,6 +152,6 @@
    </aside>

    <div class="toast" id="toast" hidden></div>
-    <script src="/app.js?v=prioritix-20260522-3" type="module"></script>
+    <script src="/app.js?v=prioritix-20260522-4" type="module"></script>
  </body>
 </html>