37 lines
1.8 KiB
Plaintext
37 lines
1.8 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Mission log</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
.colm { flex: 1; display: flex; flex-direction: column; min-height: 0; }
|
|
.now { border: 1dp #f2b13c; border-radius: 3dp; background-color: #f2b13c14; padding: 12dp 14dp; margin-bottom: 14dp; }
|
|
.now .t { font-size: 16dp; line-height: 1.45; white-space: pre-line; margin-top: 4dp; }
|
|
.list { flex: 1; overflow-y: auto; }
|
|
.entry { padding: 8dp 12dp; margin-bottom: 6dp; border-left: 2dp #24405c; white-space: pre-line; line-height: 1.4; font-size: 14dp; color: #8197ad; }
|
|
.entry.objective { border-left-color: #5cc8f0; color: #dbe6f0; background-color: #122033; }
|
|
</style>
|
|
</head>
|
|
<body class="window medium" data-model="missionlog">
|
|
<div class="win-head">
|
|
<img class="head-ico" src="3db:INTERFACE/REM/IMAGES/icon_contracts.3db"/>
|
|
<span class="title">MISSION LOG</span>
|
|
<span class="spacer"></span>
|
|
<span class="chip">Entries <span class="v">{{ entries.size }}</span></span>
|
|
<span class="close" data-action="close">×</span>
|
|
</div>
|
|
<div class="win-main">
|
|
<div class="content">
|
|
<div class="colm">
|
|
<div class="now" data-if="current != ''"><div class="label">Current objective</div><div class="t">{{ current }}</div></div>
|
|
<h3 style="margin-bottom: 8dp;">History</h3>
|
|
<div class="list">
|
|
<div class="hint" data-if="entries.size == 0">Nothing logged yet.</div>
|
|
<div class="entry" data-for="e : entries" data-class-objective="e.objective">{{ e.text }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="win-foot"><span class="key">Esc</span><span class="hint">close</span></div>
|
|
</body>
|
|
</rml>
|