63 lines
3.5 KiB
Plaintext
63 lines
3.5 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Admin</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
.split { flex: 1; display: flex; flex-direction: row; min-height: 0; }
|
|
.side { flex: 0 0 38%; display: flex; flex-direction: column; min-height: 0; margin-right: 18dp; }
|
|
.list { flex: 1 1 0; min-height: 0; overflow-y: auto; border: 1dp #24405c; border-radius: 3dp; }
|
|
.row { padding: 6dp 10dp; border-bottom: 1dp #ffffff08; border-left: 2dp #00000000; font-family: "IBM Plex Mono"; font-size: 14dp; }
|
|
.row:hover { background-color: #122033; }
|
|
.row.selected { background-color: #f2b13c24; border-left-color: #f2b13c; }
|
|
.detail { flex: 1; display: flex; flex-direction: column; min-width: 0; }
|
|
.help { padding: 12dp 14dp; border: 1dp #24405c; border-radius: 3dp; background-color: #0d1622; line-height: 1.5; margin-bottom: 14dp; }
|
|
.cmd { font-family: "IBM Plex Mono"; font-size: 18dp; color: #f2b13c; margin-bottom: 8dp; }
|
|
.runline { display: flex; flex-direction: row; align-items: center; }
|
|
.runline input { flex: 1; margin-right: 10dp; }
|
|
.search { margin-bottom: 8dp; }
|
|
.recent { margin-top: 14dp; }
|
|
.recent .row { font-size: 13dp; color: #8197ad; }
|
|
</style>
|
|
</head>
|
|
<body class="window medium" data-model="admin">
|
|
<div class="win-head">
|
|
<img class="head-ico" src="3db:INTERFACE/NEURONET/ICONS/rem_player.3db"/>
|
|
<span class="title">ADMIN</span>
|
|
<span class="spacer"></span>
|
|
<span class="chip">{{ commands.size }} commands</span>
|
|
<span class="close" data-action="close">×</span>
|
|
</div>
|
|
<div class="win-main">
|
|
<div class="content">
|
|
<div class="split">
|
|
<div class="side">
|
|
<input class="text search" type="text" data-value="filter" maxlength="40"/>
|
|
<div class="list">
|
|
<div class="hint" style="padding: 10dp;" data-if="commands.size == 0">{{ received ? 'No command matches.' : 'Asking the server...' }}</div>
|
|
<div class="row" data-for="c : commands" data-class-selected="c.selected" data-action="pick" data-attr-data-arg="c.name">{{ c.name }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="detail">
|
|
<div class="help">
|
|
<div class="cmd">{{ has_pick ? pick_name : 'Pick a command' }}</div>
|
|
<div>{{ has_pick ? pick_help : 'Every admin command of the server, run from here - its answer comes in the chat.' }}</div>
|
|
</div>
|
|
<div class="label">Arguments</div>
|
|
<div class="runline">
|
|
<input class="text" type="text" data-value="args" maxlength="200"/>
|
|
<div class="btn primary" data-class-disabled="!has_pick" data-action="run">Run<div class="tip">Runs the command on the server as you typed it; the answer comes as a system message in the chat.</div></div>
|
|
</div>
|
|
<div class="recent" data-if="recent.size > 0">
|
|
<div class="label">Run here</div>
|
|
<div class="row" data-for="r : recent" data-action="again" data-attr-data-arg="r">{{ r }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="win-foot">
|
|
<span class="key">Esc</span><span class="hint">close</span>
|
|
</div>
|
|
</body>
|
|
</rml>
|