Split Positions from Tracker; add Settings (commission)
Tracker is for symbol price/IV history, not positions. The "Save to Tracker" button now adds the symbol to a watchlist (localStorage); the Tracker page shows the watchlist as clickable chips. New "Enter Position" button on the Strategy page posts the active legs to /api/orders, then opens the new Positions page. New Positions page (positions.html): lists entered positions with live mid value, round-trip commission, gross & net P/L (Net = Gross − round- trip commission), per-symbol filter, summary totals, close/reopen and remove actions. New Settings page (settings.html) configures the commission used on Positions. Defaults to Interactive Brokers Fixed / IBKR Lite: $0.65 per contract, $1.00 minimum per order (https://www.interactivebrokers.com/en/pricing/commissions-options.php). Per-leg vs per-order toggle for complex orders. Sidebar nav now: Dashboard · Options Chain · Vol Surface · Strategy P/L · Positions · Tracker · Settings. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -44,7 +44,9 @@
|
||||
<li class="nav-item"><a class="nav-link" href="chain.html"><span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 10l18 0"/><path d="M10 5v14"/></svg></span><span class="nav-link-title">Options Chain</span></a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="surface.html"><span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12c1.333 -4.667 2.667 -7 4 -7s2.667 2.333 4 7s2.667 7 4 7s2.667 -2.333 4 -7"/></svg></span><span class="nav-link-title">Vol Surface</span></a></li>
|
||||
<li class="nav-item active"><a class="nav-link" href="strategy.html"><span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 19l4 -6l4 2l4 -8l4 5"/><path d="M4 4v16h16"/></svg></span><span class="nav-link-title">Strategy P/L</span></a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="positions.html"><span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h4v4h-4z"/><path d="M5 12h4v8h-4z"/><path d="M13 4h4v12h-4z"/><path d="M13 18h4v2h-4z"/></svg></span><span class="nav-link-title">Positions</span></a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="tracker.html"><span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"/><path d="M12 12m-5 0a5 5 0 1 0 10 0a5 5 0 1 0 -10 0"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"/><path d="M15 12l-3 -3"/></svg></span><span class="nav-link-title">Tracker</span></a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="settings.html"><span class="nav-link-icon d-md-none d-lg-inline-block"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09a1.65 1.65 0 0 0-1-1.51 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09a1.65 1.65 0 0 0 1.51-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg></span><span class="nav-link-title">Settings</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -76,9 +78,13 @@
|
||||
<button class="btn btn-outline-primary btn-sm me-1" @click="reloadMarket()" :disabled="refreshing" title="Re-fetch spot, marks & IVs; refresh entry price on unlocked legs">
|
||||
<span x-show="refreshing" class="spinner-border spinner-border-sm me-1" role="status"></span>Reload
|
||||
</button>
|
||||
<button class="btn btn-success btn-sm me-1" @click="saveOrder()" :disabled="savingOrder || activeLegs.length === 0"
|
||||
title="Save this position to the Tracker (uses currently-checked legs)">
|
||||
<span x-show="savingOrder" class="spinner-border spinner-border-sm me-1" role="status"></span>Save to Tracker
|
||||
<button class="btn btn-outline-info btn-sm me-1" @click="saveToTracker()" :disabled="!symbol"
|
||||
title="Add this symbol to the Tracker watchlist for IV / price-history monitoring">
|
||||
Save to Tracker
|
||||
</button>
|
||||
<button class="btn btn-success btn-sm me-1" @click="enterPosition()" :disabled="savingOrder || activeLegs.length === 0"
|
||||
title="Save this position (entered legs) — opens the Positions page">
|
||||
<span x-show="savingOrder" class="spinner-border spinner-border-sm me-1" role="status"></span>Enter Position
|
||||
</button>
|
||||
<button class="btn btn-outline-danger btn-sm" @click="clearAll()">Clear all</button>
|
||||
</div>
|
||||
@@ -748,8 +754,20 @@
|
||||
},
|
||||
flash(msg) { this.toast = msg; setTimeout(()=>{ this.toast=''; }, 2500); },
|
||||
|
||||
// POST the current active basket to /api/orders for tracking
|
||||
async saveOrder() {
|
||||
// Add the current symbol to the Tracker watchlist (localStorage).
|
||||
saveToTracker() {
|
||||
if (!this.symbol) return;
|
||||
const sym = this.symbol.toUpperCase().trim();
|
||||
let wl = [];
|
||||
try { wl = JSON.parse(localStorage.getItem('optionsPricer:watchlist') || '[]'); } catch {}
|
||||
if (!wl.includes(sym)) wl.push(sym);
|
||||
wl.sort();
|
||||
try { localStorage.setItem('optionsPricer:watchlist', JSON.stringify(wl)); } catch {}
|
||||
this.flash(sym + ' added to Tracker watchlist (' + wl.length + ' symbol' + (wl.length===1?'':'s') + ')');
|
||||
},
|
||||
|
||||
// POST the current active basket to /api/orders, then navigate to Positions.
|
||||
async enterPosition() {
|
||||
const legs = this.activeLegs;
|
||||
if (legs.length === 0 || !this.symbol) return;
|
||||
this.savingOrder = true;
|
||||
@@ -770,9 +788,10 @@
|
||||
});
|
||||
const d = await r.json();
|
||||
if (!r.ok || !d.ok) throw new Error(d.error || ('HTTP ' + r.status));
|
||||
this.flash('Saved to Tracker · order #' + d.data.id + ' (' + this.strategyName + ')');
|
||||
this.flash('Position #' + d.data.id + ' entered — opening Positions…');
|
||||
setTimeout(() => { window.location.href = '/positions.html'; }, 700);
|
||||
} catch (e) {
|
||||
this.flash('Save failed: ' + e.message);
|
||||
this.flash('Enter failed: ' + e.message);
|
||||
} finally {
|
||||
this.savingOrder = false;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user