05/31 Fix fetch price issues

app/templates/investments/form.html

@@ -80,18 +80,38 @@
 document.getElementById('checkTicker').addEventListener('click', function() {
     const ticker = document.getElementById('tickerInput').value.trim().toUpperCase();
     const result = document.getElementById('tickerResult');
+    const btn    = document.getElementById('checkTicker');
     if (!ticker) { result.textContent = ''; return; }
-    result.innerHTML = '<span class="text-muted">Fetching…</span>';
-    fetch('/investments/api/price/' + encodeURIComponent(ticker))
+
+    result.innerHTML = '<span class="text-muted"><i class="bi bi-hourglass-split me-1"></i>Fetching…</span>';
+    btn.disabled = true;
+
+    // AbortController for 15s timeout
+    const controller = new AbortController();
+    const timer = setTimeout(() => controller.abort(), 15000);
+
+    fetch('/investments/api/price/' + encodeURIComponent(ticker), { signal: controller.signal })
         .then(r => r.json())
         .then(data => {
-            if (data.price) {
-                result.innerHTML = '<span class="text-success"><i class="bi bi-check-circle me-1"></i>' + ticker + ' → {{ current_user.currency_symbol }}' + data.price.toFixed(4) + '</span>';
+            clearTimeout(timer);
+            btn.disabled = false;
+            if (data.price != null) {
+                result.innerHTML = '<span class="text-success"><i class="bi bi-check-circle me-1"></i>'
+                    + ticker + ' → {{ current_user.currency_symbol }}' + data.price.toFixed(4) + '</span>';
             } else {
-                result.innerHTML = '<span class="text-danger"><i class="bi bi-x-circle me-1"></i>Ticker not found or no data</span>';
+                const msg = data.error || 'Ticker not found or no data';
+                result.innerHTML = '<span class="text-danger"><i class="bi bi-x-circle me-1"></i>' + msg + '</span>';
             }
         })
-        .catch(() => { result.innerHTML = '<span class="text-warning">Could not fetch price</span>'; });
+        .catch(err => {
+            clearTimeout(timer);
+            btn.disabled = false;
+            if (err.name === 'AbortError') {
+                result.innerHTML = '<span class="text-warning"><i class="bi bi-clock me-1"></i>Request timed out — Yahoo Finance may be slow. Try again.</span>';
+            } else {
+                result.innerHTML = '<span class="text-warning"><i class="bi bi-exclamation-triangle me-1"></i>Network error. Check server connectivity.</span>';
+            }
+        });
 });
 </script>
 {% endblock %}