69 lines
4.2 KiB
Plaintext
69 lines
4.2 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Group</title>
|
|
<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; }
|
|
.request .w { font-size: 12dp; color: #8197ad; margin-top: 6dp; }
|
|
</style>
|
|
</head>
|
|
<body class="window small" data-model="group">
|
|
<div class="win-head">
|
|
<span class="title">GROUP</span><span class="sl">\\\</span>
|
|
<span class="spacer"></span>
|
|
<span class="chip">Members <span class="v">{{ members.size }}</span></span>
|
|
<span class="close" data-action="close">×</span>
|
|
</div>
|
|
<div class="win-main">
|
|
<div class="content">
|
|
<h3 style="margin-bottom: 8dp;">Requests</h3>
|
|
<div class="hint" data-if="!has_request" style="margin-bottom: 14dp;">No invitation or trade request is waiting.</div>
|
|
<div class="request" data-if="has_request">
|
|
<div class="t">{{ request }}</div>
|
|
<div class="w" data-if="waiting != ''">{{ waiting }}</div>
|
|
<div class="actions" style="margin-top: 10dp;">
|
|
<div class="btn primary" data-action="accept">{{ is_trade ? 'Accept trade' : 'Join group' }}</div>
|
|
<div class="btn" data-action="decline">Decline</div>
|
|
</div>
|
|
</div>
|
|
<div class="request" data-if="crew_invite != ''">
|
|
<div class="t">{{ crew_invite }} invites you as gunner. Your own ship stays docked; you sit in the pilot's ship and fire the weapons the pilot gives you.</div>
|
|
<div class="actions" style="margin-top: 10dp;">
|
|
<div class="btn primary" data-action="crew_accept">Take the seat</div>
|
|
<div class="btn" data-action="crew_decline">Decline</div>
|
|
</div>
|
|
</div>
|
|
<div data-if="crew_status != '' || crew_can">
|
|
<h3 style="margin-bottom: 8dp;">Gunner seat</h3>
|
|
<div class="member" style="border-left-color: #f2b13c;"><span style="flex: 1;">{{ crew_status != '' ? crew_status : 'Your ship has a free gunner seat' }}</span><span class="btn small" data-action="crew_open">Crew ...</span></div>
|
|
<div class="hint" data-if="crew_can" style="margin-bottom: 14dp;">Invite a group member: right click the name (chat, contacts) - Invite to gunner seat.</div>
|
|
</div>
|
|
<h3 style="margin-bottom: 8dp;">Your group</h3>
|
|
<div class="hint" data-if="members.size == 0">You are not in a group. Invite a pilot from the chat (/invite name).</div>
|
|
<div class="members">
|
|
<div class="member" data-for="m : members">{{ m }}</div>
|
|
</div>
|
|
<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">
|
|
<span class="key">Esc</span><span class="hint">close</span>
|
|
</div>
|
|
</body>
|
|
</rml>
|