REM-Client f4f35475: mail (base manager page Mail), friends (group window), the group on the radar, Locate, crewed ships named in the target panel (rem-server 6c3a680)

EXE/remui/group.rml

@@ -4,6 +4,7 @@
     <link type="text/rcss" href="rem.rcss"/>
     <style>
         .members { margin-bottom: 14dp; }
+        .member.on { border-left-color: #6fd08c; background-color: #6fd08c14; }
         .member { display: flex; flex-direction: row; align-items: center; padding: 8dp 12dp; margin-bottom: 6dp; font-size: 15dp; border-left: 3dp #5cc8f0; background-color: #5cc8f010; }
         .request { padding: 12dp; margin-bottom: 10dp; border-left: 3dp #f2b13c; background-color: #5cc8f008; }
         .request .t { white-space: pre-line; line-height: 1.5; font-size: 15dp; }
@@ -49,6 +50,15 @@
             <div class="actions" data-if="can_leave">
                 <div class="btn" data-action="leave">Leave group</div>
             </div>
+            <h3 style="margin: 14dp 0 8dp 0;">Friends</h3>
+            <div class="hint" data-if="friends.size == 0">No friends yet. Add a pilot by name, or right click a name (chat, contacts) - Add friend.</div>
+            <div class="member" data-for="f : friends" data-class-on="f.online" style="border-left-color: #6fd08c;">
+                <span style="flex: 1;">{{ f.name }}</span><span class="w" style="margin-right: 10dp; color: #8197ad;">{{ f.where }}</span><span class="btn small" data-action="friend_remove" data-attr-data-arg="f.name">Remove</span>
+            </div>
+            <div style="display: flex; flex-direction: row; align-items: center; margin-top: 8dp;">
+                <input class="text" type="text" data-value="friend_name" maxlength="32" style="flex: 1; margin-right: 8dp;"/>
+                <div class="btn" data-action="friend_add">Add friend</div>
+            </div>
         </div>
     </div>
     <div class="win-foot">