78 lines
5.1 KiB
Plaintext
78 lines
5.1 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Crew</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
body.window.small { top: 22%; height: 470dp; }
|
|
.lead { line-height: 1.5; font-size: 15dp; padding: 12dp; margin-bottom: 14dp; background-color: #5cc8f008; }
|
|
.lead .who { color: #f2b13c; }
|
|
.label { margin: 14dp 0 6dp 0; font-family: "Saira SemiCondensed"; letter-spacing: 1.1dp; text-transform: uppercase; color: #8197ad; }
|
|
.seat { display: flex; flex-direction: row; align-items: center; padding: 10dp 12dp; border-left: 3dp #24405c; background-color: #5cc8f010; }
|
|
.seat.on { border-left-color: #f2b13c; }
|
|
.seat .nm { flex: 1; }
|
|
.seat .nm.empty { color: #8197ad; }
|
|
.row { display: flex; flex-direction: row; align-items: center; padding: 6dp 10dp; margin-top: 4dp; border-left: 3dp #24405c; background-color: #5cc8f008; }
|
|
.row:hover { border-left-color: #5cc8f0; background-color: #5cc8f018; }
|
|
.row .nm { flex: 1; }
|
|
.row .st { color: #8197ad; font-size: 13dp; margin-right: 10dp; }
|
|
.row .st.ok { color: #6fd08c; }
|
|
.typed { display: flex; flex-direction: row; align-items: center; margin-top: 10dp; }
|
|
.typed input.text { flex: 1; margin-right: 8dp; }
|
|
.hint { margin-top: 12dp; color: #8197ad; font-size: 13dp; line-height: 1.4; }
|
|
.btn.small { padding: 4dp 12dp; }
|
|
</style>
|
|
</head>
|
|
<body class="window small" data-model="crew">
|
|
<div class="win-head">
|
|
<span class="title">CREW</span><span class="sl">\\\</span>
|
|
</div>
|
|
<div class="win-main">
|
|
<div class="content">
|
|
<div data-if="!enabled" class="lead">Crew ships are switched off on this server.</div>
|
|
|
|
<!-- invited -->
|
|
<div data-if="enabled && invite != ''">
|
|
<div class="lead"><span class="who">{{ invite }}</span> invites you as gunner. Your own ship stays docked; you sit in the pilot's ship and fire the weapons of the seat.</div>
|
|
<div class="typed"><div class="btn primary" data-action="accept">Accept</div><div class="btn" data-action="decline">Decline</div></div>
|
|
</div>
|
|
|
|
<!-- gunner -->
|
|
<div data-if="enabled && role == 'gunner'">
|
|
<div class="lead">Gunner of <span class="who">{{ pilot }}</span>.
|
|
<span data-if="phase == 'waiting'">You board when the pilot launches.</span>
|
|
<span data-if="phase == 'boarding'">Boarding ...</span>
|
|
<span data-if="phase == 'aboard'">The mouse turns the view, the guns aim at the cursor: {{ weapons }} weapon(s) of the seat.</span>
|
|
<span data-if="phase == 'docked'">Docked with the pilot; you launch with them.</span>
|
|
</div>
|
|
<div class="hint">Your own character and ship stay at your base. If the pilot dies or goes offline you are back there.</div>
|
|
</div>
|
|
|
|
<!-- pilot of a crew ship -->
|
|
<div data-if="enabled && role != 'gunner' && (crewship || role == 'pilot')">
|
|
<div class="label">Gunner seat</div>
|
|
<div class="seat" data-class-on="gunner != ''">
|
|
<span class="nm" data-if="gunner != ''">{{ gunner }}<span data-if="phase == 'aboard'"> · aboard ({{ weapons }} weapon(s) of the seat are theirs)</span><span data-if="phase == 'waiting'"> · boards at your launch</span><span data-if="phase == 'docked'"> · docked with you</span></span>
|
|
<span class="nm empty" data-if="gunner == '' && invited != ''">invited: {{ invited }} ...</span>
|
|
<span class="nm empty" data-if="gunner == '' && invited == ''">empty - you fly and fire everything yourself</span>
|
|
<div class="btn small" data-if="gunner != '' || invited != ''" data-action="kick">{{ gunner != '' ? 'Kick' : 'Withdraw' }}</div>
|
|
</div>
|
|
<div data-if="gunner == ''">
|
|
<div class="label">Invite from your group</div>
|
|
<div class="row" data-for="m : members" data-action="invite" data-attr-data-arg="m.name">
|
|
<span class="nm">{{ m.name }}</span><span class="st" data-class-ok="m.docked">{{ m.docked ? 'docked - can board' : 'must dock first' }}</span><span class="btn small">Invite</span>
|
|
</div>
|
|
<div class="hint" data-if="members.size == 0">No one in your group yet - /invite a pilot to your group first.</div>
|
|
<div class="typed"><input class="text" type="text" data-value="name" maxlength="32"/><div class="btn" data-action="invite">Invite by name</div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div data-if="enabled && role == 'none' && !crewship && invite == ''" class="lead">Your ship has no gunner seat. Large ships (gunboats, cruisers, battleships) can carry a gunner - the server sets which.</div>
|
|
</div>
|
|
</div>
|
|
<div class="win-foot">
|
|
<div class="btn" data-action="close">Close</div>
|
|
<div class="btn primary" data-if="role == 'gunner'" data-action="leave">Leave the seat</div>
|
|
</div>
|
|
</body>
|
|
</rml>
|