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

61 lines
3.5 KiB
Plaintext

<rml>
<head>
<title>Chat settings</title>
<link type="text/rcss" href="rem.rcss"/>
<style>
body.window.chatset { left: 50%; margin-left: -330dp; top: 12%; width: 660dp; height: 640dp; }
.sec { margin-bottom: 16dp; }
.tgl { display: flex; flex-direction: row; align-items: center; padding: 10dp 12dp; border: 1dp #24405c; border-radius: 3dp; background-color: #0d1622; }
.tgl:hover { background-color: #122033; }
.tgl .box { width: 18dp; height: 18dp; border: 2dp #3d6d96; border-radius: 3dp; margin-right: 12dp; }
.tgl .box.on { border-color: #f2b13c; background-color: #f2b13c; }
.tgl .l { flex: 1; font-size: 16dp; }
.info { margin-top: 6dp; font-size: 13dp; color: #8197ad; }
.row { display: flex; flex-direction: row; align-items: center; padding: 7dp 0; border-bottom: 1dp #ffffff08; }
.row .l { width: 130dp; font-size: 15dp; }
.row .sample { width: 170dp; font-family: "Saira SemiCondensed"; font-size: 16dp; white-space: nowrap; overflow: hidden; }
.sw { width: 22dp; height: 22dp; margin-right: 6dp; border: 2dp #00000000; border-radius: 4dp; }
.sw .c { width: 100%; height: 100%; border-radius: 2dp; }
.sw:hover { border-color: #5cc8f0; }
.sw.on { border-color: #f2b13c; }
.sw.fl { margin-right: 12dp; }
.foot2 { display: flex; flex-direction: row; align-items: center; margin-top: 16dp; }
.foot2 .hint { flex: 1; }
.foot2 .btn { margin: 0 0 0 8dp; }
</style>
</head>
<body class="window chatset" data-model="chatsettings">
<div class="win-head">
<img class="head-ico" src="img/gear.png"/>
<span class="title">CHAT SETTINGS</span>
<span class="spacer"></span>
<span class="close" data-action="cancel">&#215;</span>
</div>
<div class="win-main">
<div class="content">
<div class="sec">
<h3>Players</h3>
<div class="tgl" data-action="npc"><div class="box" data-class-on="hide_npc"></div><span class="l">Hide NPC pilots</span></div>
<div class="info">Hides the server's NPC pilots ([NPC] names) from the chat, the player list of the chat window, the chat targets and the contact list.</div>
<div class="tgl" style="margin-top: 8dp;" data-action="stamps"><div class="box" data-class-on="stamps"></div><span class="l">Show times in the chat history</span></div>
</div>
<div class="sec">
<h3>Colours</h3>
<div class="row" data-for="r : rows">
<span class="l">{{ r.label }}</span>
<span class="sample" data-style-color="r.colour">Pilot: Hello Sirius!</span>
<div class="sw" data-for="w : r.swatches" data-class-on="w.on" data-class-fl="w.key == 0" data-action="pick" data-attr-data-arg="w.arg"><div class="c" data-style-background-color="w.colour"></div></div>
</div>
<div class="info">The first colour of a row is FL's own. Server messages (new players, server notices) run as Admin / Server.</div>
</div>
<div class="foot2">
<span class="hint">{{ dirty ? 'Unsaved changes' : '' }}</span>
<div class="btn" data-action="reset">FL colours</div>
<div class="btn" data-action="cancel">Cancel</div>
<div class="btn primary" data-action="save">Save settings</div>
</div>
</div>
</div>
</body>
</rml>