Add Copy for Sheets button (clipboard paste into Google Sheets)

claude · claude · commit ff12a3596aff · 2026-04-06T10:36:23.000Z
CSV download doesn't open in Sheets on mobile. Added a "Copy for Sheets" button that copies tab-separated text to clipboard — paste directly into Google Sheets and it fills columns A (exercise) and B (sets x reps @RIR). Toast notification confirms copy. Fallback for older browsers via textarea select + execCommand. https://claude.ai/code/session_01Lo7Z7GoRzG6hZkKwrxnXVk
diff --git a/ironforge/templates/program.html b/ironforge/templates/program.html
@@ -190,6 +190,13 @@
   }
   .vol-change.up { background: rgba(76,175,80,0.15); color: var(--green); }
   .vol-change.down { background: rgba(91,155,213,0.15); color: var(--blue); }
+  .copy-toast {
+    position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%);
+    background: var(--green); color: #fff; padding: 0.75rem 1.5rem;
+    border-radius: 8px; font-size: 0.85rem; font-weight: 600;
+    opacity: 0; transition: opacity 0.3s; pointer-events: none; z-index: 300;
+  }
+  .copy-toast.show { opacity: 1; }
 </style>
 </head>
 <body>
@@ -198,10 +205,13 @@
   <h1>YOUR PROGRAM</h1>
   <div class="header-actions">
     <a href="/" class="header-btn">New Program</a>
-    <a href="/export.csv" class="header-btn export">Export CSV for Sheets</a>
+    <button class="header-btn export" onclick="copyForSheets()">Copy for Sheets</button>
+    <a href="/export.csv" class="header-btn">CSV</a>
   </div>
 </div>
 
+<div class="copy-toast" id="copy-toast">Copied! Paste into Google Sheets</div>
+
 <div class="container">
 
   <!-- 1. LEVEL ASSESSMENT -->
@@ -375,13 +385,36 @@ <h1>YOUR PROGRAM</h1>
 }
 
 function switchSession(tab, sessionIdx, weekIdx) {
-  // Only affect tabs/content within the same week
   const weekContent = document.querySelector(`.week-content[data-week="${weekIdx}"]`);
   weekContent.querySelectorAll('.session-tab').forEach(t => t.classList.remove('active'));
   weekContent.querySelectorAll('.session-content').forEach(c => c.classList.remove('active'));
   tab.classList.add('active');
   weekContent.querySelector(`.session-content[data-session="${sessionIdx}"]`).classList.add('active');
 }
+
+// Build tab-separated text for Google Sheets paste
+const SHEETS_DATA = {{ sheets_data | tojson }};
+
+function copyForSheets() {
+  navigator.clipboard.writeText(SHEETS_DATA).then(() => {
+    const toast = document.getElementById('copy-toast');
+    toast.classList.add('show');
+    setTimeout(() => toast.classList.remove('show'), 2500);
+  }).catch(() => {
+    // Fallback: select a hidden textarea
+    const ta = document.createElement('textarea');
+    ta.value = SHEETS_DATA;
+    ta.style.position = 'fixed';
+    ta.style.opacity = '0';
+    document.body.appendChild(ta);
+    ta.select();
+    document.execCommand('copy');
+    document.body.removeChild(ta);
+    const toast = document.getElementById('copy-toast');
+    toast.classList.add('show');
+    setTimeout(() => toast.classList.remove('show'), 2500);
+  });
+}
 </script>
 
 </body>
diff --git a/ironforge/web.py b/ironforge/web.py
@@ -288,12 +288,30 @@ def api_splits(days: int):
     return jsonify([{"key": s.key, "name": s.name, "rationale": s.rationale} for s in options])
 
 
+def _build_sheets_text(program: Program) -> str:
+    """Build tab-separated text that pastes cleanly into Google Sheets."""
+    lines: list[str] = []
+    for week in program.weeks:
+        lines.append(f"Week {week.week_number}")
+        lines.append("")
+        for sess in week.sessions:
+            lines.append(sess.day_label.replace(" — ", " - "))
+            for ex in sess.exercises:
+                load = ex.load
+                prescription = f"{load.sets}x{load.rep_low}-{load.rep_high} @{load.rir} RIR"
+                lines.append(f"{ex.exercise.name}\t{prescription}")
+            lines.append("")
+    return "\n".join(lines)
+
+
 @app.route("/generate", methods=["POST"])
 def generate():
     profile = _parse_profile(request.form)
     program = build_program(profile)
     _store_program(program)
-    return render_template("program.html", program=program, profile=profile)
+    sheets_data = _build_sheets_text(program)
+    return render_template("program.html", program=program, profile=profile,
+                           sheets_data=sheets_data)
 
 
 @app.route("/export.csv")
