52 lines
3.3 KiB
Plaintext
52 lines
3.3 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Waypoints</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
.colm { flex: 1; display: flex; flex-direction: column; min-width: 0; min-height: 0; }
|
|
.state-line { display: flex; flex-direction: row; margin-bottom: 12dp; }
|
|
.state-box { flex: 1; border: 1dp #24405c; border-radius: 3dp; background-color: #122033; padding: 10dp 12dp; margin-right: 10dp; display: flex; flex-direction: row; align-items: center; }
|
|
.state-box.last { margin-right: 0; }
|
|
.state-box img { width: 30dp; height: 30dp; margin-right: 10dp; }
|
|
.state-box .v { font-family: "Saira SemiCondensed"; font-size: 17dp; }
|
|
.state-box.on .v { color: #5fd08a; }
|
|
.row .c1 img { width: 18dp; height: 18dp; margin-right: 8dp; }
|
|
</style>
|
|
</head>
|
|
<body class="window small" data-model="waypoints">
|
|
<div class="win-head">
|
|
<img class="head-ico" src="3db:INTERFACE/NEURONET/ICONS/rem_waypoints.3db"/>
|
|
<span class="title">GROUP WAYPOINTS</span>
|
|
<span class="spacer"></span>
|
|
<span class="chip">Mine <span class="v">{{ my_count }}</span></span>
|
|
<span class="close" data-action="close">×</span>
|
|
</div>
|
|
<div class="win-main">
|
|
<div class="content">
|
|
<div class="colm">
|
|
<div class="state-line">
|
|
<div class="state-box" data-class-on="sharing"><img src="3db:INTERFACE/REM/IMAGES/icon_waypoint_own.3db"/><div><div class="label">Sharing</div><div class="v">{{ sharing ? 'On - the group sees yours' : 'Off' }}</div></div></div>
|
|
<div class="state-box last" data-class-on="following != ''"><img src="3db:INTERFACE/REM/IMAGES/icon_waypoint.3db"/><div><div class="label">Following</div><div class="v">{{ following == '' ? 'Nobody' : following }}</div></div></div>
|
|
</div>
|
|
<h3 style="margin-bottom: 8dp;">Group members</h3>
|
|
<div class="table" style="flex: 1;">
|
|
<div class="head"><span class="c1">Pilot</span><span class="c2">Shared</span></div>
|
|
<div class="body">
|
|
<div class="empty" data-if="members.size == 0">Nobody in your group shares waypoints.</div>
|
|
<div class="row" data-for="r : members" data-class-selected="r.selected" data-class-current="r.current" data-action="pick" data-attr-data-arg="r.key">
|
|
<span class="c1"><img src="3db:INTERFACE/REM/IMAGES/icon_waypoint.3db"/>{{ r.a }}</span><span class="c2">{{ r.b }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="actions" style="margin-top: 10dp;">
|
|
<div class="btn primary" data-action="share">{{ sharing ? 'Stop sharing' : 'Share mine' }}<div class="tip">Your waypoints go to your group while sharing is on.</div></div>
|
|
<div class="btn" data-action="load">Take over<div class="tip">Takes the picked member's waypoints over once.</div></div>
|
|
<div class="btn" data-action="follow">{{ following == '' ? 'Follow' : 'Stop following' }}<div class="tip">Keeps taking the picked member's waypoints over every 2 seconds.</div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="win-foot"><span class="key">Esc</span><span class="hint">close</span></div>
|
|
</body>
|
|
</rml>
|