New REM client: REM-Client 05f1a5e (base manager BUILD: the system map on the right inside the window)

This commit is contained in:
2026-11-05 22:47:52 +01:00
parent fe0cd5f01f
commit 6e46402ec7
2 changed files with 10 additions and 5 deletions
Binary file not shown.
+10 -5
View File
@@ -116,7 +116,9 @@
.chips .chip { margin: 0 6dp 6dp 0; } .chips .chip { margin: 0 6dp 6dp 0; }
.chips .chip.on { color: #f2b13c; border-color: #f2b13c; } .chips .chip.on { color: #f2b13c; border-color: #f2b13c; }
/* BUILD: the system map the planned site is placed on (the nav map's look: 8 x 8 cells, north on top) */ /* 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; } .colm.side.narrow { flex: 0 0 240dp; } /* BUILD: room for the map on the right */
.colm.mapcol { flex: 0 0 360dp; margin-left: 18dp; }
.sitemap { position: relative; width: 340dp; height: 340dp; 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 { 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 .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 .dot .l { position: absolute; left: 8dp; top: -7dp; white-space: nowrap; font-size: 11dp; color: #8197ad; }
@@ -354,7 +356,7 @@
<!-- BUILD: the catalog, the type's model and wares, placing a site --> <!-- BUILD: the catalog, the type's model and wares, placing a site -->
<div class="page" data-if="sys_sub == 0"> <div class="page" data-if="sys_sub == 0">
<div class="colm side"> <div class="colm side narrow">
<div class="table grow"> <div class="table grow">
<div class="head"><span class="c1">Catalog</span><span class="c3">Built</span></div> <div class="head"><span class="c1">Catalog</span><span class="c3">Built</span></div>
<div class="body"> <div class="body">
@@ -377,8 +379,12 @@
</div> </div>
</div> </div>
<div class="hint sys-info">{{ type_info }}</div> <div class="hint sys-info">{{ type_info }}</div>
<div data-if="sys_mine"> <div class="hint" data-if="!sys_mine &amp;&amp; sys_in">Claim the system to build here.</div>
<!-- the system map (a nav map clone): click where the site shall stand, drag to move it --> </div>
<!-- the system map (a nav map clone) on the right: click where the site shall stand, drag to move it -->
<div class="colm mapcol" data-if="sys_mine">
<div class="label">Place the site</div>
<div>
<div id="sitemap" class="sitemap"> <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'" <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-class-hole="d.cls == 'hole' || d.cls == 'gate'" data-class-mine="d.cls == 'mine'" data-class-site="d.cls == 'site'"
@@ -391,7 +397,6 @@
<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 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> </div>
<div class="hint" data-if="!sys_mine &amp;&amp; sys_in">Claim the system to build here.</div>
</div> </div>
</div> </div>