71 lines
4.7 KiB
Plaintext
71 lines
4.7 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 { padding: 12dp; margin-bottom: 12dp; background-color: #5cc8f010; }
|
|
.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; }
|
|
/* the playable missions: the status column wide enough for what a locked one requires; done ones dimmed */
|
|
.playable .c2 { width: 34%; }
|
|
.playable .c3 { width: 28%; font-family: "Saira SemiCondensed"; }
|
|
.playable .row.done { color: #7d8a98; }
|
|
</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="sl">\\\</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="subtabs">
|
|
<div class="tab" data-class-active="storytab == 0" data-action="storytab" data-arg="0">Progress</div>
|
|
<div class="tab" data-class-active="storytab == 1" data-action="storytab" data-arg="1">Playable missions</div>
|
|
</div>
|
|
<div class="colm" data-if="storytab == 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="storytab == 1">
|
|
<div class="panel"><div class="t">Available now: {{ playable_open }} of {{ playable.size }}</div><div class="hint">Every mission the mission boards offer, and where. A locked one opens once its required missions are done.</div></div>
|
|
<div class="table playable" style="flex: 1;">
|
|
<div class="head"><span class="c1">Mission</span><span class="c2">Where (mission board)</span><span class="c3" style="text-align: left;">Status</span></div>
|
|
<div class="body">
|
|
<div class="empty" data-if="playable.size == 0">No missions known yet.</div>
|
|
<div class="row" data-for="r : playable" data-class-current="r.current" data-class-done="r.key == 'd'"><span class="c1">{{ r.a }}</span><span class="c2">{{ r.b }}</span><span class="c3" style="text-align: left;">{{ r.c }}</span></div>
|
|
</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>
|