New REM client: REM-Client 69f19ee, 64-bit (missions window: Playable missions tab - every board mission, where, and what it requires)

EXE/remui/missions.rml

@@ -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="subtabs">
-                <div class="table" style="flex: 1;">
+                    <div class="tab" data-class-active="storytab == 0" data-action="storytab" data-arg="0">Progress</div>
-                    <div class="head"><span class="c3" style="text-align: left; width: 50dp;">#</span><span class="c1">Mission</span></div>
+                    <div class="tab" data-class-active="storytab == 1" data-action="storytab" data-arg="1">Playable missions</div>
-                    <div class="body">
+                </div>
-                        <div class="empty" data-if="story.size == 0">No story mission completed yet.</div>
+                <div class="colm" data-if="storytab == 0">
-                        <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="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>