New REM client: REM-Client 2ccb52f, 64-bit (construction sites: site window from the trade button, build map in the base manager)
This commit is contained in:
+22
-4
@@ -115,7 +115,19 @@
|
||||
.chips { display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 8dp; }
|
||||
.chips .chip { margin: 0 6dp 6dp 0; }
|
||||
.chips .chip.on { color: #f2b13c; border-color: #f2b13c; }
|
||||
</style>
|
||||
/* BUILD: the system map the planned site is placed on (the nav map's look: 8 x 8 cells, north on top) */
|
||||
.sitemap { position: relative; width: 380dp; height: 380dp; margin: 6dp 0; background-color: #05080d; border: 1dp #5cc8f040; overflow: hidden; cursor: crosshair; }
|
||||
.sitemap .dot { position: absolute; width: 0; height: 0; pointer-events: none; }
|
||||
.sitemap .dot .s { position: absolute; left: -3dp; top: -3dp; width: 6dp; height: 6dp; border-radius: 3dp; background-color: #8197ad; }
|
||||
.sitemap .dot .l { position: absolute; left: 8dp; top: -7dp; white-space: nowrap; font-size: 11dp; color: #8197ad; }
|
||||
.sitemap .sun .s { left: -8dp; top: -8dp; width: 16dp; height: 16dp; border-radius: 8dp; background-color: #f2c94c; }
|
||||
.sitemap .planet .s { left: -6dp; top: -6dp; width: 12dp; height: 12dp; border-radius: 6dp; background-color: #3d79b8; }
|
||||
.sitemap .station .s { left: -5dp; top: -5dp; width: 10dp; height: 10dp; border-radius: 0; background-color: #5cc8f0; }
|
||||
.sitemap .hole .s { left: -6dp; top: -6dp; width: 10dp; height: 10dp; border: 2dp #ef6a5b; background-color: transparent; }
|
||||
.sitemap .mine .s { left: -4dp; top: -4dp; width: 8dp; height: 8dp; border-radius: 0; background-color: #7cf27c; }
|
||||
.sitemap .site .s { left: -4dp; top: -4dp; width: 8dp; height: 8dp; border-radius: 0; border: 1dp #7cf27c; background-color: transparent; }
|
||||
.sitemap .mark { position: absolute; width: 0; height: 0; pointer-events: none; }
|
||||
.sitemap .mark .m { position: absolute; left: -9dp; top: -9dp; width: 14dp; height: 14dp; border: 2dp #f2b13c; background-color: #f2b13c40; }
|
||||
</head>
|
||||
<body class="window">
|
||||
<div class="win-head" data-model="base">
|
||||
@@ -365,11 +377,17 @@
|
||||
</div>
|
||||
<div class="hint sys-info">{{ type_info }}</div>
|
||||
<div data-if="sys_mine">
|
||||
<div class="amount"><span class="label">Distance</span><input class="range" type="range" min="50" max="2000" step="50" data-value="dist"/><span class="v">{{ dist_text }}</span></div>
|
||||
<!-- the system map (a nav map clone): click where the site shall stand, drag to move it -->
|
||||
<div id="sitemap" class="sitemap">
|
||||
<div class="dot" data-for="d : site_dots" data-class-sun="d.cls == 'sun'" data-class-planet="d.cls == 'planet'" data-class-station="d.cls == 'station'"
|
||||
data-class-hole="d.cls == 'hole' || d.cls == 'gate'" data-class-mine="d.cls == 'mine'" data-class-site="d.cls == 'site'"
|
||||
data-style-left="d.left" data-style-top="d.top"><div class="s"></div><span class="l" data-if="d.label != ''">{{ d.label }}</span></div>
|
||||
<div class="mark" data-if="mark_set" data-style-left="mark_left" data-style-top="mark_top"><div class="m" data-style-transform="mark_rot"></div></div>
|
||||
</div>
|
||||
<div class="hint">{{ mark_set ? 'Planned at ' + mark_text + ' - drag to move it.' : 'Click the map where the site shall stand.' }}</div>
|
||||
<div class="amount"><span class="label">Turn</span><input class="range" type="range" min="0" max="345" step="15" data-value="turn"/><span class="v">{{ turn_text }}</span></div>
|
||||
<div class="actions">
|
||||
<div class="btn" data-class-primary="show_site" data-action="show-site">{{ show_site ? 'Hide planned site' : 'Show site' }}<div class="tip">Shows the planned site as a ghost ahead of your ship; the sliders move it.</div></div>
|
||||
<div class="btn primary" data-action="site">{{ site_text }}<div class="tip">Builds a construction site of the picked type where the planned site is. Deliver its wares under Objects.</div></div>
|
||||
<div class="btn primary" data-class-disabled="!mark_set" data-action="site">{{ site_text }}<div class="tip">Builds a construction site of the picked type where it is planned on the map. Deliver its wares in space (target it, trade) or fund it - traders bring them.</div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hint" data-if="!sys_mine && sys_in">Claim the system to build here.</div>
|
||||
|
||||
Reference in New Issue
Block a user