New REM client: REM-Client 69f19ee, 64-bit (missions window: Playable missions tab - every board mission, where, and what it requires)
This commit is contained in:
+26
-6
@@ -7,6 +7,10 @@
|
||||
.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">
|
||||
@@ -24,12 +28,28 @@
|
||||
</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 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>
|
||||
|
||||
Reference in New Issue
Block a user