New REM client: REM-Client 6d86e5a, 64-bit (base manager: Modules tab with production - recipe per module, cycles, power and crew of the station (module bases M6); Galactic Market as a page of the base manager instead of its own window, updates by itself, no NPC prices)
This commit is contained in:
+27
-35
@@ -2,6 +2,7 @@
|
||||
<head>
|
||||
<title>Base manager</title>
|
||||
<link type="text/rcss" href="rem.rcss"/>
|
||||
<link type="text/rcss" href="market.rcss"/>
|
||||
<style>
|
||||
/* pages: one or two columns that fill the content area */
|
||||
.page { flex: 1; display: flex; flex-direction: row; min-height: 0; }
|
||||
@@ -104,8 +105,8 @@
|
||||
.stats .v.txt { font-family: "Saira SemiCondensed"; font-size: 15dp; white-space: nowrap; overflow: hidden; }
|
||||
</style>
|
||||
</head>
|
||||
<body class="window" data-model="base">
|
||||
<div class="win-head">
|
||||
<body class="window">
|
||||
<div class="win-head" data-model="base">
|
||||
<img class="head-ico" src="3db:INTERFACE/NEURONET/ICONS/rem_base.3db"/><span class="title">BASE MANAGER</span><span class="sl">\\\</span>
|
||||
<span class="loc">{{ base_name }}</span>
|
||||
<span class="spacer"></span>
|
||||
@@ -114,10 +115,10 @@
|
||||
<span class="close" data-action="close">×</span>
|
||||
</div>
|
||||
<div class="win-main">
|
||||
<div class="nav">
|
||||
<div class="nav" data-model="base">
|
||||
<div class="item" data-class-active="page == 0" data-action="page" data-arg="0"><img class="ico" src="3db:INTERFACE/REM/IMAGES/icon_cargo.3db"/><span>Depot</span><span class="badge" data-if="depot.size > 0">{{ depot.size }}</span></div>
|
||||
<div class="item" data-class-active="page == 1" data-action="page" data-arg="1"><img class="ico" src="3db:INTERFACE/REM/IMAGES/icon_cargo.3db"/><span>All depots</span></div>
|
||||
<div class="item" data-action="open-market"><img class="ico" src="3db:INTERFACE/REM/IMAGES/icon_economy.3db"/><span>Galactic Market</span><div class="tip">Buy and sell orders, the order book, prices and their history (opens the market window).</div></div>
|
||||
<div class="item" data-class-active="page == 2" data-action="page" data-arg="2"><img class="ico" src="3db:INTERFACE/REM/IMAGES/icon_economy.3db"/><span>Galactic Market</span><div class="tip">Buy and sell orders, the order book, prices and their history.</div></div>
|
||||
<div class="sep"></div>
|
||||
<div class="item" data-class-active="page == 4" data-action="page" data-arg="4"><img class="ico" src="3db:INTERFACE/REM/IMAGES/icon_crafting.3db"/><span>Crafting</span><span class="badge" data-if="craft_jobs.size > 0">{{ craft_jobs.size }}</span></div>
|
||||
<div class="item" data-class-active="page == 5" data-action="page" data-arg="5"><img class="ico" src="3db:INTERFACE/REM/IMAGES/icon_rank.3db"/><span>Research</span><span class="badge" data-if="research_jobs.size > 0">{{ research_jobs.size }}</span></div>
|
||||
@@ -126,7 +127,7 @@
|
||||
<div class="item" data-class-active="page == 7" data-action="page" data-arg="7"><img class="ico" src="3db:INTERFACE/REM/IMAGES/icon_ships.3db"/><span>Drones</span><span class="badge" data-if="drones.size > 0">{{ drones.size }}</span></div>
|
||||
<div class="item" data-class-active="page == 8" data-action="page" data-arg="8"><img class="ico" src="3db:INTERFACE/REM/IMAGES/icon_cargo.3db"/><span>Couriers</span></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="content" id="base-pages" data-model="base">
|
||||
<div class="blocked" data-if="blocked != 0">
|
||||
<div class="t">{{ blocked_title }}</div>
|
||||
<div>{{ blocked_text }}</div>
|
||||
@@ -188,35 +189,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ================================================= MARKET -->
|
||||
<div class="page col" data-if="blocked == 0 && page == 2">
|
||||
<div class="blocked" data-if="market_state == 0">
|
||||
<div class="t">No galactic market here</div>
|
||||
<div class="hint">The galactic market is open on trade hubs only.</div>
|
||||
</div>
|
||||
<div class="colm" data-if="market_state != 0">
|
||||
<div class="col-h"><h3>Galactic market</h3><span class="hint">{{ listings.size }} offers</span></div>
|
||||
<input class="text search" type="text" data-value="filter" maxlength="40"/>
|
||||
<div class="table grow">
|
||||
<div class="head"><span class="c1">Item</span><span class="c3">Amount</span><span class="c4">Price / unit</span><span class="c2">Seller</span><span class="c2">Trade hub</span></div>
|
||||
<div class="body">
|
||||
<div class="empty" data-if="listings.size == 0">{{ market_state < 0 ? 'Waiting for the server...' : 'No offers.' }}</div>
|
||||
<div class="row" data-for="r : listings" data-class-selected="r.selected" data-action="pick-listing" data-attr-data-arg="r.key">
|
||||
<span class="c1">{{ r.a }}</span><span class="c3">{{ r.b }}</span><span class="c4">{{ r.c }}</span><span class="c2">{{ r.d }}</span><span class="c2">{{ r.e }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hint" style="margin-top: 8dp;">{{ listing_pick == '' ? 'Pick an offer in the table.' : listing_pick }}</div>
|
||||
<div class="amount">
|
||||
<span class="label">Amount</span>
|
||||
<input class="range" type="range" min="1" step="1" data-attr-max="amount_max" data-value="amount"/>
|
||||
<span class="v">{{ amount_text }}</span>
|
||||
<div class="btn" data-action="amount-max">Max</div>
|
||||
</div>
|
||||
<div class="actions"><div class="btn primary" data-action="market-buy">Buy<div class="tip">Buys the amount; it goes into the depot on the seller's trade hub.</div></div></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ================================================= SELL -->
|
||||
<div class="page" data-if="blocked == 0 && page == 3">
|
||||
<div class="colm gap">
|
||||
@@ -486,6 +458,23 @@
|
||||
<div class="actions"><div class="btn primary" data-action="mod-deliver">Deliver<div class="tip">Hands the amount of the picked ware from your hold to the module.</div></div></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- a production module (M6): its recipes -->
|
||||
<div class="colm" data-if="mod_mode == 4">
|
||||
<div class="table grow">
|
||||
<div class="head"><span class="c1">Recipe</span><span class="c2">Cycle</span><span class="c3">Needs</span></div>
|
||||
<div class="body">
|
||||
<div class="empty" data-if="mrecipes.size == 0">No recipe for this module in the catalog.</div>
|
||||
<div class="row" data-for="r : mrecipes" data-class-selected="r.selected" data-action="pick-mrecipe" data-attr-data-arg="r.key"><span class="c1">{{ r.a }}</span><span class="c2">{{ r.b }}</span><span class="c3">{{ r.c }}</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="label" style="margin-top: 8dp;">Per cycle</div>
|
||||
<div class="ware" data-for="w : mrecipe_wares"><span>{{ w.a }}</span><span class="n">{{ w.b }}</span></div>
|
||||
<div class="hint" style="margin-top: 6dp;">{{ mod_prod_line }}</div>
|
||||
<div class="actions" data-if="obj_edit">
|
||||
<div class="btn" data-class-primary="mod_can_recipe" data-action="mod-recipe">{{ mod_recipe_text }}<div class="tip">The module makes the picked recipe from the next cycle on.</div></div>
|
||||
<div class="btn" data-action="mod-recipe-stop">Stop<div class="tip">The module stops; nothing is lost.</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="actions" data-if="obj_edit && mod_mode >= 2"><div class="btn danger" data-class-primary="mod_remove_armed" data-action="mod-remove">{{ mod_remove_text }}<div class="tip">Takes the module out of the slot. Modules are no wares yet: what went into it is lost.</div></div></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -702,8 +691,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- GALACTIC MARKET: the market window's view (market.rml between PANE and /PANE, its model
|
||||
"market"), put in by rem_ui_base.cpp; shown in place of the pages above -->
|
||||
<div class="content mkt" id="mkt-pane" data-model="market" style="display: none;"></div>
|
||||
</div>
|
||||
<div class="win-foot">
|
||||
<div class="win-foot" data-model="base">
|
||||
<span class="key">Esc</span><span class="hint">close</span>
|
||||
<span class="status">{{ status }}</span>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,65 @@
|
||||
/* the market's view (market.rml): its own window and the base manager's Galactic Market page
|
||||
(base.rml #mkt-pane, the same RML) - every rule under .mkt, beside the base manager's own */
|
||||
.mkt .split { flex: 1; display: flex; flex-direction: row; min-height: 0; }
|
||||
.mkt .goods { flex: 0 0 31%; display: flex; flex-direction: column; min-height: 0; margin-right: 18dp; }
|
||||
.mkt .detail { flex: 1; display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow-y: auto; }
|
||||
.mkt .list { flex: 1 1 0; min-height: 0; overflow-y: auto; }
|
||||
.mkt .g { display: flex; flex-direction: row; align-items: center; padding: 5dp 10dp; border-bottom: 1dp #ffffff08; border-left: 2dp #00000000; font-size: 14dp; }
|
||||
.mkt .g:hover { background-color: #122033; }
|
||||
.mkt .g.selected { background-color: #f2b13c24; border-left-color: #f2b13c; }
|
||||
.mkt .g .n { flex: 1; }
|
||||
.mkt .g.quiet .n { color: #8197ad; }
|
||||
.mkt .g .v { font-family: "IBM Plex Mono"; width: 62dp; text-align: right; font-size: 13dp; }
|
||||
.mkt .g .v.s { color: #f2b13c; }
|
||||
.mkt .g .v.b { color: #5fd08a; }
|
||||
.mkt .g .v.npc { color: #5cc8f0; }
|
||||
.mkt .ghead { display: flex; flex-direction: row; padding: 0 10dp 4dp 12dp; font-size: 12dp; color: #8197ad; }
|
||||
.mkt .ghead .n { flex: 1; }
|
||||
.mkt .ghead .v { width: 62dp; text-align: right; }
|
||||
.mkt .tools { display: flex; flex-direction: row; align-items: center; margin-bottom: 8dp; }
|
||||
.mkt .tools input { flex: 1; margin-right: 8dp; }
|
||||
.mkt .toggle { font-size: 13dp; color: #8197ad; padding: 4dp 8dp; border-bottom: 2dp #00000000; }
|
||||
.mkt .toggle.on { color: #f2b13c; border-bottom-color: #f2b13c; }
|
||||
.mkt .toggle:hover { color: #5cc8f0; }
|
||||
.mkt .ihead { display: flex; flex-direction: row; align-items: flex-end; margin-bottom: 8dp; }
|
||||
.mkt .ihead .t { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 22dp; color: #dbe6f0; flex: 1; }
|
||||
.mkt .ihead .npc { font-size: 13dp; color: #5cc8f0; }
|
||||
.mkt .chartbar { display: flex; flex-direction: row; align-items: center; margin-bottom: 6dp; }
|
||||
.mkt .chartbar .toggle { margin-right: 6dp; }
|
||||
.mkt .legend { margin-left: auto; font-size: 12dp; color: #8197ad; }
|
||||
.mkt .legend .k { display: inline-block; width: 10dp; height: 10dp; margin: 0 4dp 0 12dp; border-radius: 2dp; }
|
||||
.mkt .chart { position: relative; height: 190dp; margin-left: 76dp; background-color: #5cc8f008; }
|
||||
.mkt .chart .grid { position: absolute; left: 0; right: 0; height: 1dp; background-color: #24405c66; }
|
||||
.mkt .chart .col { position: absolute; top: 0; bottom: 0; }
|
||||
.mkt .chart .col:hover { background-color: #5cc8f014; }
|
||||
.mkt .chart .mean { position: absolute; bottom: 0; left: 0; right: 0; background-color: #f2b13c55; border-top: 2dp #f2b13c; border-radius: 2dp 2dp 0 0; }
|
||||
.mkt .chart .band { position: absolute; left: 35%; width: 30%; min-height: 2dp; background-color: #dbe6f0cc; border-radius: 1dp; }
|
||||
.mkt .chart .npc { position: absolute; left: 20%; width: 60%; height: 3dp; margin-bottom: -1dp; background-color: #5cc8f0; border-radius: 2dp; }
|
||||
.mkt .chart .empty { position: absolute; left: 0; right: 0; top: 80dp; text-align: center; color: #8197ad; }
|
||||
.mkt .axis { position: relative; height: 0; }
|
||||
.mkt .axis .y { position: absolute; left: 0; width: 70dp; text-align: right; font-family: "IBM Plex Mono"; font-size: 11dp; color: #8197ad; }
|
||||
.mkt .vol { position: relative; height: 34dp; margin-left: 76dp; margin-top: 3dp; }
|
||||
.mkt .vol .vb { position: absolute; bottom: 0; background-color: #3d6d96; border-radius: 2dp 2dp 0 0; }
|
||||
.mkt .dates { display: flex; flex-direction: row; margin-left: 76dp; font-family: "IBM Plex Mono"; font-size: 11dp; color: #8197ad; margin-bottom: 12dp; }
|
||||
.mkt .dates .r { margin-left: auto; }
|
||||
.mkt .books { display: flex; flex-direction: row; min-height: 150dp; }
|
||||
.mkt .book { flex: 1; display: flex; flex-direction: column; min-width: 0; }
|
||||
.mkt .book.gap { margin-right: 14dp; }
|
||||
.mkt .book .table { flex: 1; height: 160dp; }
|
||||
.mkt .table .c2 { width: 60dp; text-align: right; font-family: "IBM Plex Mono"; }
|
||||
.mkt .table .mine .c1 { color: #5cc8f0; }
|
||||
.mkt .panel { margin-top: 12dp; padding: 10dp 12dp; background-color: #5cc8f010; }
|
||||
.mkt .panel .row2 { display: flex; flex-direction: row; align-items: center; }
|
||||
.mkt .panel .label { width: 120dp; }
|
||||
.mkt .panel input.text { width: 120dp; margin-right: 10dp; }
|
||||
.mkt .panel .sum { font-family: "IBM Plex Mono"; color: #f2b13c; margin: 0 14dp; }
|
||||
.mkt .panel .info { font-size: 13dp; color: #8197ad; margin-top: 6dp; }
|
||||
.mkt .panel .pick { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 16dp; color: #dbe6f0; margin-bottom: 6dp; }
|
||||
.mkt .status { margin-top: 10dp; padding: 6dp 10dp; border-left: 3dp #5fd08a; background-color: #0d1622; }
|
||||
.mkt .status.bad { border-left-color: #ef6a5b; }
|
||||
.mkt .mine-split { flex: 1; display: flex; flex-direction: column; min-height: 0; }
|
||||
.mkt .mine-split .table { flex: 1; }
|
||||
.mkt .mt .c1 { flex: 1; }
|
||||
.mkt .mt .cs { width: 70dp; }
|
||||
.mkt .mt .cb { width: 24%; }
|
||||
.mkt .mt .cn { width: 110dp; text-align: right; font-family: "IBM Plex Mono"; margin-right: 14dp; }
|
||||
+8
-72
@@ -2,73 +2,9 @@
|
||||
<head>
|
||||
<title>Market</title>
|
||||
<link type="text/rcss" href="rem.rcss"/>
|
||||
<style>
|
||||
.split { flex: 1; display: flex; flex-direction: row; min-height: 0; }
|
||||
.goods { flex: 0 0 31%; display: flex; flex-direction: column; min-height: 0; margin-right: 18dp; }
|
||||
.detail { flex: 1; display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow-y: auto; }
|
||||
.list { flex: 1 1 0; min-height: 0; overflow-y: auto; }
|
||||
.g { display: flex; flex-direction: row; align-items: center; padding: 5dp 10dp; border-bottom: 1dp #ffffff08; border-left: 2dp #00000000; font-size: 14dp; }
|
||||
.g:hover { background-color: #122033; }
|
||||
.g.selected { background-color: #f2b13c24; border-left-color: #f2b13c; }
|
||||
.g .n { flex: 1; }
|
||||
.g.quiet .n { color: #8197ad; }
|
||||
.g .v { font-family: "IBM Plex Mono"; width: 62dp; text-align: right; font-size: 13dp; }
|
||||
.g .v.s { color: #f2b13c; }
|
||||
.g .v.b { color: #5fd08a; }
|
||||
.g .v.npc { color: #5cc8f0; }
|
||||
.ghead { display: flex; flex-direction: row; padding: 0 10dp 4dp 12dp; font-size: 12dp; color: #8197ad; }
|
||||
.ghead .n { flex: 1; }
|
||||
.ghead .v { width: 62dp; text-align: right; }
|
||||
.tools { display: flex; flex-direction: row; align-items: center; margin-bottom: 8dp; }
|
||||
.tools input { flex: 1; margin-right: 8dp; }
|
||||
.toggle { font-size: 13dp; color: #8197ad; padding: 4dp 8dp; border-bottom: 2dp #00000000; }
|
||||
.toggle.on { color: #f2b13c; border-bottom-color: #f2b13c; }
|
||||
.toggle:hover { color: #5cc8f0; }
|
||||
.ihead { display: flex; flex-direction: row; align-items: flex-end; margin-bottom: 8dp; }
|
||||
.ihead .t { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 22dp; color: #dbe6f0; flex: 1; }
|
||||
.ihead .npc { font-size: 13dp; color: #5cc8f0; }
|
||||
.chartbar { display: flex; flex-direction: row; align-items: center; margin-bottom: 6dp; }
|
||||
.chartbar .toggle { margin-right: 6dp; }
|
||||
.legend { margin-left: auto; font-size: 12dp; color: #8197ad; }
|
||||
.legend .k { display: inline-block; width: 10dp; height: 10dp; margin: 0 4dp 0 12dp; border-radius: 2dp; }
|
||||
.chart { position: relative; height: 190dp; margin-left: 76dp; background-color: #5cc8f008; }
|
||||
.chart .grid { position: absolute; left: 0; right: 0; height: 1dp; background-color: #24405c66; }
|
||||
.chart .col { position: absolute; top: 0; bottom: 0; }
|
||||
.chart .col:hover { background-color: #5cc8f014; }
|
||||
.chart .mean { position: absolute; bottom: 0; left: 0; right: 0; background-color: #f2b13c55; border-top: 2dp #f2b13c; border-radius: 2dp 2dp 0 0; }
|
||||
.chart .band { position: absolute; left: 35%; width: 30%; min-height: 2dp; background-color: #dbe6f0cc; border-radius: 1dp; }
|
||||
.chart .npc { position: absolute; left: 20%; width: 60%; height: 3dp; margin-bottom: -1dp; background-color: #5cc8f0; border-radius: 2dp; }
|
||||
.chart .empty { position: absolute; left: 0; right: 0; top: 80dp; text-align: center; color: #8197ad; }
|
||||
.axis { position: relative; height: 0; }
|
||||
.axis .y { position: absolute; left: 0; width: 70dp; text-align: right; font-family: "IBM Plex Mono"; font-size: 11dp; color: #8197ad; }
|
||||
.vol { position: relative; height: 34dp; margin-left: 76dp; margin-top: 3dp; }
|
||||
.vol .vb { position: absolute; bottom: 0; background-color: #3d6d96; border-radius: 2dp 2dp 0 0; }
|
||||
.dates { display: flex; flex-direction: row; margin-left: 76dp; font-family: "IBM Plex Mono"; font-size: 11dp; color: #8197ad; margin-bottom: 12dp; }
|
||||
.dates .r { margin-left: auto; }
|
||||
.books { display: flex; flex-direction: row; min-height: 150dp; }
|
||||
.book { flex: 1; display: flex; flex-direction: column; min-width: 0; }
|
||||
.book.gap { margin-right: 14dp; }
|
||||
.book .table { flex: 1; height: 160dp; }
|
||||
.table .c2 { width: 60dp; text-align: right; font-family: "IBM Plex Mono"; }
|
||||
.table .mine .c1 { color: #5cc8f0; }
|
||||
.panel { margin-top: 12dp; padding: 10dp 12dp; background-color: #5cc8f010; }
|
||||
.panel .row2 { display: flex; flex-direction: row; align-items: center; }
|
||||
.panel .label { width: 120dp; }
|
||||
.panel input.text { width: 120dp; margin-right: 10dp; }
|
||||
.panel .sum { font-family: "IBM Plex Mono"; color: #f2b13c; margin: 0 14dp; }
|
||||
.panel .info { font-size: 13dp; color: #8197ad; margin-top: 6dp; }
|
||||
.panel .pick { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 16dp; color: #dbe6f0; margin-bottom: 6dp; }
|
||||
.status { margin-top: 10dp; padding: 6dp 10dp; border-left: 3dp #5fd08a; background-color: #0d1622; }
|
||||
.status.bad { border-left-color: #ef6a5b; }
|
||||
.mine-split { flex: 1; display: flex; flex-direction: column; min-height: 0; }
|
||||
.mine-split .table { flex: 1; }
|
||||
.mt .c1 { flex: 1; }
|
||||
.mt .cs { width: 70dp; }
|
||||
.mt .cb { width: 24%; }
|
||||
.mt .cn { width: 110dp; text-align: right; font-family: "IBM Plex Mono"; margin-right: 14dp; }
|
||||
</style>
|
||||
<link type="text/rcss" href="market.rcss"/>
|
||||
</head>
|
||||
<body class="window" data-model="market">
|
||||
<body class="window mkt" data-model="market">
|
||||
<div class="win-head">
|
||||
<img class="head-ico" src="3db:INTERFACE/REM/IMAGES/icon_economy.3db"/>
|
||||
<span class="title">MARKET</span><span class="sl">\\\</span>
|
||||
@@ -79,10 +15,11 @@
|
||||
</div>
|
||||
<div class="win-main">
|
||||
<div class="content">
|
||||
<!--PANE-->
|
||||
<div class="subtabs">
|
||||
<div class="tab" data-class-active="tab == 0" data-action="tab" data-arg="0">Market</div>
|
||||
<div class="tab" data-class-active="tab == 1" data-action="tab" data-arg="1">My orders</div>
|
||||
<div class="tab" style="margin-left: auto;" data-action="refresh">Refresh</div>
|
||||
<span class="hint" style="margin-left: auto;">updates by itself</span>
|
||||
</div>
|
||||
|
||||
<!-- ================================================= MARKET -->
|
||||
@@ -92,25 +29,24 @@
|
||||
<input class="text" type="text" data-value="filter" maxlength="40"/>
|
||||
<span class="toggle" data-class-on="only_orders" data-action="only-orders">with orders<div class="tip">Only goods somebody offers or wants. Off: every commodity, to place a buy order for it.</div></span>
|
||||
</div>
|
||||
<div class="ghead"><span class="n">Good</span><span class="v">sell</span><span class="v">buy</span><span class="v">NPC</span></div>
|
||||
<div class="ghead"><span class="n">Good</span><span class="v">sell</span><span class="v">buy</span></div>
|
||||
<div class="list">
|
||||
<div class="hint" style="padding: 10dp;" data-if="goods.size == 0">{{ received ? 'No good matches.' : 'Asking the server...' }}</div>
|
||||
<div class="g" data-for="r : goods" data-class-selected="r.selected" data-class-quiet="!r.has_orders" data-action="good" data-attr-data-arg="r.key">
|
||||
<span class="n">{{ r.name }}</span><span class="v s">{{ r.sell }}</span><span class="v b">{{ r.buy }}</span><span class="v npc">{{ r.npc }}</span>
|
||||
<span class="n">{{ r.name }}</span><span class="v s">{{ r.sell }}</span><span class="v b">{{ r.buy }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="detail">
|
||||
<div class="ihead">
|
||||
<span class="t">{{ has_item ? item_name : 'Pick a good' }}</span>
|
||||
<span class="npc">{{ item_npc }}</span>
|
||||
</div>
|
||||
<div class="chartbar">
|
||||
<span class="toggle" data-class-on="!days90" data-action="days" data-arg="30">30 days</span>
|
||||
<span class="toggle" data-class-on="days90" data-action="days" data-arg="90">90 days</span>
|
||||
<span class="toggle" style="margin-left: 10dp;" data-class-on="!region_here" data-action="region" data-arg="all">all regions</span>
|
||||
<span class="toggle" data-class-on="region_here" data-action="region" data-arg="here">{{ here_region != '' ? here_region : 'this region' }}</span>
|
||||
<span class="legend"><span class="k" style="background-color: #f2b13c;"></span>market mean<span class="k" style="background-color: #dbe6f0;"></span>low - high<span class="k" style="background-color: #5cc8f0;"></span>NPC price<span class="k" style="background-color: #3d6d96;"></span>volume</span>
|
||||
<span class="legend"><span class="k" style="background-color: #f2b13c;"></span>market mean<span class="k" style="background-color: #dbe6f0;"></span>low - high<span class="k" style="background-color: #3d6d96;"></span>volume</span>
|
||||
</div>
|
||||
<div class="axis">
|
||||
<span class="y" style="top: 0dp;">{{ chart_hi }}</span>
|
||||
@@ -121,7 +57,6 @@
|
||||
<div class="col" data-for="b : bars" data-style-left="b.x + '%'" data-style-width="b.w + '%'">
|
||||
<div class="mean" data-if="b.trades" data-style-height="b.mean + '%'"></div>
|
||||
<div class="band" data-if="b.trades" data-style-bottom="b.lo + '%'" data-style-height="(b.hi - b.lo) + '%'"></div>
|
||||
<div class="npc" data-if="b.npc >= 0" data-style-bottom="b.npc + '%'"></div>
|
||||
<div class="tip">{{ b.tip }}</div>
|
||||
</div>
|
||||
<div class="empty" data-if="chart_note != ''">{{ chart_note }}</div>
|
||||
@@ -223,6 +158,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--/PANE-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="win-foot">
|
||||
|
||||
Reference in New Issue
Block a user