59 lines
3.4 KiB
Plaintext
59 lines
3.4 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Contracts</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
.split { flex: 1; display: flex; flex-direction: row; min-height: 0; }
|
|
.colm { flex: 1; display: flex; flex-direction: column; min-width: 0; min-height: 0; }
|
|
.colm.gap { margin-right: 18dp; }
|
|
.colm.side { flex: 0 0 360dp; }
|
|
.banner { height: 120dp; margin-bottom: 14dp; border: 1dp #24405c; border-radius: 3dp; decorator: image(3db:INTERFACE/REM/IMAGES/contracts_banner.3db cover); }
|
|
.target { display: flex; flex-direction: row; align-items: center; margin-bottom: 14dp; }
|
|
.target img { width: 34dp; height: 34dp; margin-right: 12dp; }
|
|
.target.off img { opacity: 0.3; }
|
|
.namefield { display: flex; flex-direction: row; align-items: center; margin-bottom: 10dp; }
|
|
.namefield .label { margin-right: 10dp; }
|
|
.namefield input.text { flex: 1; }
|
|
.row .c1 img { width: 16dp; height: 16dp; margin-right: 8dp; }
|
|
</style>
|
|
</head>
|
|
<body class="window medium" data-model="contracts">
|
|
<div class="win-head">
|
|
<img class="head-ico" src="3db:INTERFACE/NEURONET/ICONS/rem_contracts.3db"/>
|
|
<span class="title">CONTRACT NETWORK</span>
|
|
<span class="spacer"></span>
|
|
<span class="chip">Bounties <span class="v">{{ bounties.size }}</span></span>
|
|
<span class="close" data-action="close">×</span>
|
|
</div>
|
|
<div class="win-main">
|
|
<div class="content">
|
|
<div class="banner"></div>
|
|
<div class="split">
|
|
<div class="colm gap">
|
|
<div class="col-h" style="display: flex; flex-direction: row; margin-bottom: 8dp;"><h3>Bounty contracts</h3></div>
|
|
<div class="table" style="flex: 1;">
|
|
<div class="head"><span class="c1">Pilot</span><span class="c4">Reward</span></div>
|
|
<div class="body">
|
|
<div class="empty" data-if="bounties.size == 0">{{ has_list ? 'No bounties open.' : 'Waiting for the server...' }}</div>
|
|
<div class="row" data-for="r : bounties"><span class="c1"><img src="3db:INTERFACE/REM/IMAGES/icon_bounty.3db"/>{{ r.a }}</span><span class="c4">{{ r.b }}</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="actions" style="margin-top: 10dp;"><div class="btn" data-action="refresh">Refresh list</div></div>
|
|
</div>
|
|
<div class="colm side">
|
|
<h3 style="margin-bottom: 10dp;">Place a bounty</h3>
|
|
<div class="target" data-class-off="target != 1"><img src="3db:INTERFACE/REM/IMAGES/icon_skull.3db"/><span>{{ target_text }}</span></div>
|
|
<div class="namefield"><span class="label">Credits</span><input class="text" type="text" data-value="credits" maxlength="13"/></div>
|
|
<div class="actions"><div class="btn primary" data-action="place">On my target<div class="tip">Puts a bounty of these credits on the player you have targeted. Paid from your credits.</div></div></div>
|
|
<div class="hint">Whoever destroys the pilot gets the reward.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="win-foot">
|
|
<span class="key">Esc</span><span class="hint">close</span>
|
|
<span class="status">{{ status }}</span>
|
|
</div>
|
|
</body>
|
|
</rml>
|