Spaces:
Running
Running
Update UI: Change Agent Arena to Join Arena and remove coverage metrics from asset cards
Browse files- src/components/Header.vue +1 -1
- src/components/HeaderOpen.vue +1 -1
- src/views/AddAssetView.vue +1 -1
- src/views/RequestView.vue +2 -12
src/components/Header.vue
CHANGED
|
@@ -8,7 +8,7 @@
|
|
| 8 |
<div class="menu-container">
|
| 9 |
<span class="menu-item" @click="navigateTo('/live')">Live</span>
|
| 10 |
<span class="menu-item" @click="navigateTo('/leadboard')">Leadboard</span>
|
| 11 |
-
<span class="menu-item" @click="navigateTo('/add-asset')">
|
| 12 |
</div>
|
| 13 |
</div>
|
| 14 |
</template>
|
|
|
|
| 8 |
<div class="menu-container">
|
| 9 |
<span class="menu-item" @click="navigateTo('/live')">Live</span>
|
| 10 |
<span class="menu-item" @click="navigateTo('/leadboard')">Leadboard</span>
|
| 11 |
+
<span class="menu-item" @click="navigateTo('/add-asset')">Join Arena!</span>
|
| 12 |
</div>
|
| 13 |
</div>
|
| 14 |
</template>
|
src/components/HeaderOpen.vue
CHANGED
|
@@ -24,7 +24,7 @@
|
|
| 24 |
class="menu-item"
|
| 25 |
:class="{ active: isActive('/add-asset') }"
|
| 26 |
@click="navigateTo('/add-asset')"
|
| 27 |
-
>
|
| 28 |
</nav>
|
| 29 |
</div>
|
| 30 |
|
|
|
|
| 24 |
class="menu-item"
|
| 25 |
:class="{ active: isActive('/add-asset') }"
|
| 26 |
@click="navigateTo('/add-asset')"
|
| 27 |
+
>Join Arena!</span>
|
| 28 |
</nav>
|
| 29 |
</div>
|
| 30 |
|
src/views/AddAssetView.vue
CHANGED
|
@@ -1,7 +1,7 @@
|
|
| 1 |
<template>
|
| 2 |
<div class="page-container">
|
| 3 |
<div class="title-container">
|
| 4 |
-
<span class="main-title">
|
| 5 |
<div class="agents-info">
|
| 6 |
<div class="agent-info-item">
|
| 7 |
<span class="agent-name">InvestorAgent</span>
|
|
|
|
| 1 |
<template>
|
| 2 |
<div class="page-container">
|
| 3 |
<div class="title-container">
|
| 4 |
+
<span class="main-title">Join Arena!</span>
|
| 5 |
<div class="agents-info">
|
| 6 |
<div class="agent-info-item">
|
| 7 |
<span class="agent-name">InvestorAgent</span>
|
src/views/RequestView.vue
CHANGED
|
@@ -7,7 +7,7 @@
|
|
| 7 |
<span class="ama-gradient">Assets in the Arena</span>
|
| 8 |
</h2>
|
| 9 |
<p class="section-sub">
|
| 10 |
-
Live from dataService • B&H sparkline (ECharts LineChart) • 1M change
|
| 11 |
</p>
|
| 12 |
</header>
|
| 13 |
|
|
@@ -54,11 +54,6 @@
|
|
| 54 |
</div>
|
| 55 |
|
| 56 |
<div class="asset-foot">
|
| 57 |
-
<div class="asset-bar" :style="{ '--pct': a.coveragePct + '%' }"></div>
|
| 58 |
-
<div class="asset-foot-row">
|
| 59 |
-
<span class="muted">Coverage</span>
|
| 60 |
-
<span class="mono">{{ Math.round(a.coveragePct) }}%</span>
|
| 61 |
-
</div>
|
| 62 |
<div class="asset-foot-row">
|
| 63 |
<span class="muted">EOD</span>
|
| 64 |
<span class="mono">{{ a.eod || '—' }}</span>
|
|
@@ -107,7 +102,7 @@
|
|
| 107 |
</article>
|
| 108 |
</div>
|
| 109 |
|
| 110 |
-
<!-- Info-only integration guide -->
|
| 111 |
<div class="card integration-guide">
|
| 112 |
<h3>Agent Integration Guide</h3>
|
| 113 |
|
|
@@ -404,10 +399,6 @@ export default {
|
|
| 404 |
const runs = rowsForAsset.length
|
| 405 |
const agents = new Set(rowsForAsset.map(r => r.agent_name)).size
|
| 406 |
|
| 407 |
-
// coverage ~ unique dates present / span
|
| 408 |
-
const uniqueDates = new Set(seq.map(r => r.date)).size
|
| 409 |
-
const coveragePct = Math.max(0, Math.min(100, Math.round((uniqueDates / Math.max(1, days)) * 100)))
|
| 410 |
-
|
| 411 |
cards.push({
|
| 412 |
code,
|
| 413 |
name: code,
|
|
@@ -418,7 +409,6 @@ export default {
|
|
| 418 |
change1m,
|
| 419 |
runs, agents, days,
|
| 420 |
eod: lastDate,
|
| 421 |
-
coveragePct,
|
| 422 |
desc: (code === 'BTC') ? 'Blue-chip crypto asset; 24/7 trading.'
|
| 423 |
: (code === 'ETH') ? 'Smart-contract platform; high on-chain activity.'
|
| 424 |
: 'Equity; regular trading days.'
|
|
|
|
| 7 |
<span class="ama-gradient">Assets in the Arena</span>
|
| 8 |
</h2>
|
| 9 |
<p class="section-sub">
|
| 10 |
+
Live from dataService • B&H sparkline (ECharts LineChart) • 1M change
|
| 11 |
</p>
|
| 12 |
</header>
|
| 13 |
|
|
|
|
| 54 |
</div>
|
| 55 |
|
| 56 |
<div class="asset-foot">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 57 |
<div class="asset-foot-row">
|
| 58 |
<span class="muted">EOD</span>
|
| 59 |
<span class="mono">{{ a.eod || '—' }}</span>
|
|
|
|
| 102 |
</article>
|
| 103 |
</div>
|
| 104 |
|
| 105 |
+
<!-- Info-only integration guide -->
|
| 106 |
<div class="card integration-guide">
|
| 107 |
<h3>Agent Integration Guide</h3>
|
| 108 |
|
|
|
|
| 399 |
const runs = rowsForAsset.length
|
| 400 |
const agents = new Set(rowsForAsset.map(r => r.agent_name)).size
|
| 401 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 402 |
cards.push({
|
| 403 |
code,
|
| 404 |
name: code,
|
|
|
|
| 409 |
change1m,
|
| 410 |
runs, agents, days,
|
| 411 |
eod: lastDate,
|
|
|
|
| 412 |
desc: (code === 'BTC') ? 'Blue-chip crypto asset; 24/7 trading.'
|
| 413 |
: (code === 'ETH') ? 'Smart-contract platform; high on-chain activity.'
|
| 414 |
: 'Equity; regular trading days.'
|