51 lines
3.0 KiB
Plaintext
51 lines
3.0 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Missions</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
.colm { flex: 1; display: flex; flex-direction: column; min-width: 0; min-height: 0; }
|
|
.panel { border: 1dp #24405c; border-radius: 3dp; background-color: #122033; padding: 12dp; margin-bottom: 12dp; }
|
|
.panel .t { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 18dp; margin-bottom: 4dp; }
|
|
.row .c1 img { width: 16dp; height: 16dp; margin-right: 8dp; }
|
|
</style>
|
|
</head>
|
|
<body class="window medium" data-model="missions">
|
|
<div class="win-head">
|
|
<img class="head-ico" src="3db:INTERFACE/NEURONET/ICONS/rem_missions.3db"/>
|
|
<span class="title">MISSIONS</span>
|
|
<span class="spacer"></span>
|
|
<span class="chip">Story <span class="v">{{ story.size }}</span></span>
|
|
<span class="close" data-action="close">×</span>
|
|
</div>
|
|
<div class="win-main">
|
|
<div class="nav">
|
|
<div class="item" data-class-active="page == 0" data-action="page" data-arg="0"><img class="ico" src="3db:INTERFACE/REM/IMAGES/icon_contracts.3db"/><span>Story progress</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_waypoint.3db"/><span>Race</span></div>
|
|
</div>
|
|
<div class="content">
|
|
<div class="colm" data-if="page == 0">
|
|
<div class="panel"><div class="t">Completed story missions: {{ story.size }}</div><div class="hint">Missions are offered at the bars and on the mission boards of the bases.</div></div>
|
|
<div class="table" style="flex: 1;">
|
|
<div class="head"><span class="c3" style="text-align: left; width: 50dp;">#</span><span class="c1">Mission</span></div>
|
|
<div class="body">
|
|
<div class="empty" data-if="story.size == 0">No story mission completed yet.</div>
|
|
<div class="row" data-for="r : story"><span class="c3" style="text-align: left; width: 50dp;">{{ r.a }}</span><span class="c1">{{ r.b }}</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="colm" data-if="page == 1">
|
|
<div class="panel"><div class="t">{{ race_status }}</div><div class="hint">{{ race_info }}</div></div>
|
|
<div class="table" style="flex: 1;">
|
|
<div class="head"><span class="c1">Pilot</span><span class="c2">Lap, checkpoint, time</span></div>
|
|
<div class="body">
|
|
<div class="empty" data-if="leaders.size == 0">No leaderboard yet.</div>
|
|
<div class="row" data-for="r : leaders" data-class-current="r.current"><span class="c1">{{ r.a }}</span><span class="c2">{{ r.b }}</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="win-foot"><span class="key">Esc</span><span class="hint">close</span></div>
|
|
</body>
|
|
</rml>
|