Files
REM-Mod/EXE/remui/group.rml
T

47 lines
2.3 KiB
Plaintext

<rml>
<head>
<title>Group</title>
<link type="text/rcss" href="rem.rcss"/>
<style>
.members { margin-bottom: 14dp; }
.member { display: flex; flex-direction: row; align-items: center; padding: 8dp 12dp; margin-bottom: 6dp; border: 1dp #24405c; border-left: 3dp #5cc8f0; border-radius: 3dp; background-color: #122033; font-size: 15dp; }
.request { padding: 12dp; border: 1dp #24405c; border-left: 3dp #f2b13c; border-radius: 3dp; background-color: #0d1622; margin-bottom: 10dp; }
.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="spacer"></span>
<span class="chip">Members <span class="v">{{ members.size }}</span></span>
<span class="close" data-action="close">&#215;</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>
<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>
</div>
</div>
<div class="win-foot">
<span class="key">Esc</span><span class="hint">close</span>
</div>
</body>
</rml>