Spaces:

blackmistcode
/

polysignal_hackaton

Running

App Files Files Community

Jose Salazar commited on May 18

Commit

e5f4dd4

unverified ·

2 Parent(s): 9ceda03 68d7401

Merge pull request #37 from josesalazar2025/jose

Browse files

Files changed (5) hide show

frontend/dist/assets/{index-QBJ3liVo.css → index-B5AdzxgP.css} +0 -0
frontend/dist/assets/{index-BfINZMV7.js → index-Dk2_c6vF.js} +0 -0
frontend/dist/index.html +2 -2
frontend/src/app.js +38 -4
frontend/src/style.css +1 -2

frontend/dist/assets/{index-QBJ3liVo.css → index-B5AdzxgP.css} RENAMED Viewed

The diff for this file is too large to render. See raw diff

frontend/dist/assets/{index-BfINZMV7.js → index-Dk2_c6vF.js} RENAMED Viewed

The diff for this file is too large to render. See raw diff

frontend/dist/index.html CHANGED Viewed

@@ -5,8 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>PolySignal — Dashboard de Inteligencia de Mercados</title>
   <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-  <script type="module" crossorigin src="/assets/index-BfINZMV7.js"></script>
-  <link rel="stylesheet" crossorigin href="/assets/index-QBJ3liVo.css">
 </head>
 <body>
   <!-- Global loader: visible por defecto (sin JS) hasta que bootstrap lo oculte -->

   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>PolySignal — Dashboard de Inteligencia de Mercados</title>
   <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+  <script type="module" crossorigin src="/assets/index-Dk2_c6vF.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/index-B5AdzxgP.css">
 </head>
 <body>
   <!-- Global loader: visible por defecto (sin JS) hasta que bootstrap lo oculte -->

frontend/src/app.js CHANGED Viewed

@@ -770,6 +770,22 @@ function hasAlert(marketId) {
   return state.watchlist.some((w) => w.marketId === marketId && w.alertThreshold != null)
 }
 async function toggleWatchlistCard(marketId, wBtn, aBtn) {
   if (isInWatchlist(marketId)) {
     try {
@@ -781,6 +797,8 @@ async function toggleWatchlistCard(marketId, wBtn, aBtn) {
       aBtn.textContent = '⚡ Alertas'
       aBtn.classList.remove('active')
       aBtn.title = 'Activar alerta de precio'
     } catch (e) { console.warn('Error al quitar de watchlist:', e) }
   } else {
     try {
@@ -789,6 +807,8 @@ async function toggleWatchlistCard(marketId, wBtn, aBtn) {
       wBtn.textContent = '★ Seguimiento'
       wBtn.classList.add('active')
       wBtn.title = 'Quitar de seguimiento'
     } catch (e) { console.warn('Error al añadir a watchlist:', e) }
   }
 }
@@ -804,6 +824,8 @@ function toggleAlertCard(marketId, aBtn, thresholdRow) {
         aBtn.textContent = '⚡ Alertas'
         aBtn.classList.remove('active')
         aBtn.title = 'Activar alerta de precio'
       })
       .catch((e) => console.warn('Error al desactivar alerta:', e))
   } else {
@@ -823,6 +845,8 @@ async function setAlertThreshold(marketId, threshold, aBtn, thresholdRow) {
     aBtn.classList.add('active')
     aBtn.title = 'Desactivar alerta'
     thresholdRow.classList.add('hidden')
   } catch (e) { console.warn('Error al configurar alerta:', e) }
 }
@@ -1342,9 +1366,7 @@ function renderPositions() {
 async function closePositionById(id) {
   await simulator.closePosition(id)
-  await loadPositions()
-  renderPositions()
-  renderMiniPositions()
 }
 /* ─── Render watchlist view ─── */
@@ -1403,6 +1425,7 @@ async function removeFromWatchlistById(marketId) {
   try { await api.removeFromWatchlist(marketId) } catch (e) { console.warn(e) }
   state.watchlist = state.watchlist.filter((w) => w.marketId !== marketId)
   renderWatchlist()
 }
 /* ─── Render alerts view ─── */
@@ -1509,6 +1532,12 @@ async function loadPositions() {
   }
 }
 async function loadWatchlist() {
   try {
     state.watchlist = await api.getWatchlist()
@@ -1563,6 +1592,11 @@ async function initAppData() {
   map.init('map-container', state.markets, state.signals, selectMarket)
   simulator.init(state)
   state.activeMarketId = state.markets[0]?.id || null
   renderSignals()
   renderDetail()
@@ -1669,6 +1703,6 @@ export async function init() {
   socket.on('price_alert', (data) => {
     if (!data?.marketId || !data.type) return
     state.alerts.unshift(data)
-    if (state.view === 'alerts') renderAlerts()
   })
 }

   return state.watchlist.some((w) => w.marketId === marketId && w.alertThreshold != null)
 }
+function updateSignalCardWatchlistState(marketId) {
+  document.querySelectorAll(`#signals-list .market-card[data-market="${CSS.escape(marketId)}"]`).forEach((card) => {
+    const wBtn = card.querySelector('.card-btn-watch')
+    const aBtn = card.querySelector('.card-btn-alert')
+    if (!wBtn || !aBtn) return
+    const inWl = isInWatchlist(marketId)
+    const hasAl = hasAlert(marketId)
+    wBtn.textContent = inWl ? '★ Seguimiento' : '☆ Seguimiento'
+    wBtn.classList.toggle('active', inWl)
+    wBtn.title = inWl ? 'Quitar de seguimiento' : 'Añadir a seguimiento'
+    aBtn.textContent = hasAl ? '⚡ Alerta activa' : '⚡ Alertas'
+    aBtn.classList.toggle('active', hasAl)
+    aBtn.title = hasAl ? 'Desactivar alerta' : 'Activar alerta de precio'
+  })
+}
 async function toggleWatchlistCard(marketId, wBtn, aBtn) {
   if (isInWatchlist(marketId)) {
     try {
       aBtn.textContent = '⚡ Alertas'
       aBtn.classList.remove('active')
       aBtn.title = 'Activar alerta de precio'
+      renderWatchlist()
+      updateSignalCardWatchlistState(marketId)
     } catch (e) { console.warn('Error al quitar de watchlist:', e) }
   } else {
     try {
       wBtn.textContent = '★ Seguimiento'
       wBtn.classList.add('active')
       wBtn.title = 'Quitar de seguimiento'
+      renderWatchlist()
+      updateSignalCardWatchlistState(marketId)
     } catch (e) { console.warn('Error al añadir a watchlist:', e) }
   }
 }
         aBtn.textContent = '⚡ Alertas'
         aBtn.classList.remove('active')
         aBtn.title = 'Activar alerta de precio'
+        renderWatchlist()
+        updateSignalCardWatchlistState(marketId)
       })
       .catch((e) => console.warn('Error al desactivar alerta:', e))
   } else {
     aBtn.classList.add('active')
     aBtn.title = 'Desactivar alerta'
     thresholdRow.classList.add('hidden')
+    renderWatchlist()
+    updateSignalCardWatchlistState(marketId)
   } catch (e) { console.warn('Error al configurar alerta:', e) }
 }
 async function closePositionById(id) {
   await simulator.closePosition(id)
+  // El evento 'positions:changed' se encarga de refrescar las listas
 }
 /* ─── Render watchlist view ─── */
   try { await api.removeFromWatchlist(marketId) } catch (e) { console.warn(e) }
   state.watchlist = state.watchlist.filter((w) => w.marketId !== marketId)
   renderWatchlist()
+  updateSignalCardWatchlistState(marketId)
 }
 /* ─── Render alerts view ─── */
   }
 }
+async function refreshPositions() {
+  await loadPositions()
+  renderPositions()
+  renderMiniPositions()
+}
 async function loadWatchlist() {
   try {
     state.watchlist = await api.getWatchlist()
   map.init('map-container', state.markets, state.signals, selectMarket)
   simulator.init(state)
+  // Refrescar listas de posiciones cuando el simulador notifique cambios
+  document.addEventListener('positions:changed', () => {
+    refreshPositions()
+  })
   state.activeMarketId = state.markets[0]?.id || null
   renderSignals()
   renderDetail()
   socket.on('price_alert', (data) => {
     if (!data?.marketId || !data.type) return
     state.alerts.unshift(data)
+    renderAlerts()
   })
 }

frontend/src/style.css CHANGED Viewed

@@ -2362,8 +2362,7 @@ td {
     border-color: var(--blue2);
   }
-  #btn-notif,
-  #btn-auth-mobile {
     display: flex;
   }

     border-color: var(--blue2);
   }
+  #btn-notif {
     display: flex;
   }