57 lines
3.3 KiB
Plaintext
57 lines
3.3 KiB
Plaintext
<rml>
|
|
<head>
|
|
<title>Widgets</title>
|
|
<link type="text/rcss" href="rem.rcss"/>
|
|
<style>
|
|
/* the widget store (rem_ui_widgetstore.cpp): a panel at the right edge while the HUD is edited */
|
|
body.window.store { left: auto; right: 16dp; top: 90dp; width: 400dp; height: 72%; max-width: none; }
|
|
.list { flex: 1 1 0; min-height: 0; overflow-y: auto; }
|
|
.sec { margin: 14dp 0 6dp 0; padding-bottom: 3dp; border-bottom: 1dp #2b6f9e; font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 12dp; letter-spacing: 2dp; color: #5cc8f0; }
|
|
.sec.top { margin-top: 0; }
|
|
.w { display: flex; flex-direction: row; align-items: center; padding: 8dp 10dp; margin-bottom: 6dp; border-left: 3dp #3d6d96; background-color: #5cc8f010; }
|
|
.w.off { border-left-color: #24405c; background-color: #00000000; }
|
|
.w.off .n, .w.off .d { color: #5c7a94; }
|
|
.w .txt { flex: 1; min-width: 0; margin-right: 10dp; }
|
|
.w .n { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 16dp; }
|
|
.w .d { font-size: 12dp; color: #8197ad; margin-top: 2dp; }
|
|
.w .note { font-size: 12dp; color: #f2b13c; margin-top: 4dp; }
|
|
.new { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 10dp; letter-spacing: 1dp; color: #5fd08a; background-color: #5fd08a33; padding: 1dp 5dp; margin-left: 6dp; }
|
|
.switch { width: 52dp; padding: 3dp 0; text-align: center; border: 2dp #3d6d96; border-radius: 4dp; font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 13dp; letter-spacing: 1dp; color: #8197ad; }
|
|
.switch.on { border-color: #f2b13c; color: #f2b13c; background-color: #f2b13c1f; }
|
|
.switch:hover { border-color: #5cc8f0; }
|
|
.foot { display: flex; flex-direction: row; justify-content: flex-end; margin-top: 10dp; }
|
|
.foot .btn { margin: 0 0 0 8dp; }
|
|
</style>
|
|
</head>
|
|
<body class="window store" data-model="widgetstore">
|
|
<div class="win-head">
|
|
<span class="title">WIDGETS</span><span class="sl">\\\</span>
|
|
<span class="spacer"></span>
|
|
<span class="chip"><span class="v">{{ on_count }} / {{ count }}</span> on</span>
|
|
<span class="close" data-action="close">×</span>
|
|
</div>
|
|
<div class="win-main">
|
|
<div class="content">
|
|
<div class="list">
|
|
<div data-for="r : rows">
|
|
<div class="sec" data-if="r.head" data-class-top="r.top">{{ r.group }}</div>
|
|
<div class="w" data-class-off="!r.on">
|
|
<div class="txt">
|
|
<div class="n">{{ r.name }}<span class="new" data-if="r.isnew">NEW</span></div>
|
|
<div class="d">{{ r.description }}</div>
|
|
<div class="note" data-if="!r.on && r.note != ''">{{ r.note }}</div>
|
|
</div>
|
|
<div class="switch" data-class-on="r.on" data-action="toggle" data-attr-data-arg="r.id">{{ r.on ? 'ON' : 'OFF' }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="foot">
|
|
<div class="btn" data-action="ed_reset">Reset all</div>
|
|
<div class="btn" data-action="ed_cancel">Cancel</div>
|
|
<div class="btn primary" data-action="ed_save">Save</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</rml>
|