60 lines
3.2 KiB
Plaintext
60 lines
3.2 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Scanner</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
.split { flex: 1; display: flex; flex-direction: row; min-height: 0; }
|
|
.colm { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
|
|
.colm.view { flex: 0 0 40%; margin-right: 18dp; }
|
|
.colm.list { flex: 1; }
|
|
#ship { flex: 1; border: 1dp #24405c; border-radius: 3dp; decorator: vertical-gradient(#0a1424 #05080d); cursor: move; }
|
|
.ship-name { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 22dp; margin-bottom: 6dp; }
|
|
.items { flex: 1; overflow-y: auto; }
|
|
.grp { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 13dp; letter-spacing: 1.5dp; text-transform: uppercase; color: #f2b13c; margin: 8dp 0 6dp 0; }
|
|
.item { display: flex; flex-direction: row; align-items: center; padding: 6dp 10dp; border-bottom: 1dp #ffffff08; }
|
|
.item img { width: 30dp; height: 30dp; margin-right: 10dp; }
|
|
.item .n { flex: 1; min-width: 0; font-size: 14dp; }
|
|
.item .x { font-family: "IBM Plex Mono"; font-size: 12dp; color: #ef6a5b; margin-right: 10dp; }
|
|
.item .c { font-family: "IBM Plex Mono"; width: 50dp; text-align: right; color: #8197ad; }
|
|
.item .v { font-family: "IBM Plex Mono"; width: 110dp; text-align: right; color: #f2b13c; }
|
|
</style>
|
|
</head>
|
|
<body class="window medium" data-model="scanner">
|
|
<div class="win-head">
|
|
<img class="head-ico" src="3db:INTERFACE/REM/IMAGES/icon_cargo.3db"/>
|
|
<span class="title">SCAN</span>
|
|
<span class="spacer"></span>
|
|
<span class="chip">Value <span class="v">{{ total }}</span></span>
|
|
<span class="close" data-action="close">×</span>
|
|
</div>
|
|
<div class="win-main">
|
|
<div class="content">
|
|
<div class="split">
|
|
<div class="colm view">
|
|
<div class="ship-name">{{ ship }}</div>
|
|
<div id="ship"></div>
|
|
</div>
|
|
<div class="colm list">
|
|
<div class="items">
|
|
<div class="grp">Cargo ({{ cargo.size }})</div>
|
|
<div class="hint" data-if="cargo.size == 0">The hold is empty.</div>
|
|
<div class="item" data-for="i : cargo">
|
|
<img data-if="i.icon != ''" data-attr-src="i.icon"/><span class="n">{{ i.name }}</span>
|
|
<span class="x" data-if="i.note != ''">{{ i.note }}</span><span class="c">{{ i.count }}</span><span class="v">{{ i.value }}</span>
|
|
</div>
|
|
<div class="grp">Mounted ({{ mounted.size }})</div>
|
|
<div class="item" data-for="i : mounted">
|
|
<img data-if="i.icon != ''" data-attr-src="i.icon"/><span class="n">{{ i.name }}</span>
|
|
<span class="x" data-if="i.note != ''">{{ i.note }}</span><span class="c">{{ i.count }}</span><span class="v">{{ i.value }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="win-foot">
|
|
<span class="key">Esc</span><span class="hint">close</span>
|
|
</div>
|
|
</body>
|
|
</rml>
|