2023-12-29 22:49:26 +01:00
<rml>
<head>
<link type="text/rcss" href="rml.rcss"/>
<link type="text/rcss" href="recomp.rcss"/>
<title>Inventory</title>
<style>
body
{
width: 100%;
height: 100%;
}
/* Hide the window icon. */
div#title_bar div#icon
{
display: none;
}
.flex-grid {
display: flex;
}
.col {
flex: 1;
text-align: center;
}
</style>
2024-03-15 17:13:29 +01:00
<link type="text/template" href="config_menu/general.rml" />
2024-02-27 16:13:16 +01:00
<link type="text/template" href="config_menu/controls.rml" />
2024-03-15 17:13:29 +01:00
<link type="text/template" href="config_menu/graphics.rml" />
2024-02-27 16:13:16 +01:00
<link type="text/template" href="config_menu/sound.rml" />
<link type="text/template" href="config_menu/debug.rml" />
2024-04-18 16:42:39 +02:00
<link type="text/template" href="components/prompt.rml" />
2023-12-29 22:49:26 +01:00
</head>
<body class="window">
<!-- <handle move_target="#document"> -->
2024-03-02 18:52:58 +01:00
<div id="window" class="rmlui-window rmlui-window--hidden" style="display:flex; flex-flow: column; background-color:rgba(0,0,0,0)" onkeydown="config_keydown">
2024-01-22 17:43:21 +01:00
<div class="centered-page" onclick="close_config_menu_backdrop">
<div class="centered-page__modal">
<tabset class="tabs" id="config_tabset">
2024-04-04 15:32:22 +02:00
<tab class="tab" autofocus id="tab_general">
2024-03-15 17:13:29 +01:00
<div>General</div>
2024-01-22 17:43:21 +01:00
<div class="tab__indicator"></div>
</tab>
2024-03-15 17:13:29 +01:00
<panel class="config" data-model="general_model">
<template src="config-menu__general" />
2024-01-22 17:43:21 +01:00
</panel>
2024-04-18 16:42:39 +02:00
<tab class="tab" id="tab_controls">
2024-01-22 17:43:21 +01:00
<div>Controls</div>
<div class="tab__indicator"></div>
</tab>
<panel class="config" data-model="controls_model">
2024-02-27 16:13:16 +01:00
<template src="config-menu__controls" />
2024-01-22 17:43:21 +01:00
</panel>
2024-03-15 17:13:29 +01:00
<tab class="tab" id="tab_graphics">
<div>Graphics</div>
2024-03-04 08:13:12 +01:00
<div class="tab__indicator"></div>
</tab>
2024-03-15 17:13:29 +01:00
<panel class="config" data-model="graphics_model">
<template src="config-menu__graphics" />
2024-03-04 08:13:12 +01:00
</panel>
2024-04-04 15:32:22 +02:00
<tab class="tab" id="tab_sound">
2024-01-22 17:43:21 +01:00
<div>Sound</div>
<div class="tab__indicator"></div>
</tab>
2024-03-10 21:40:41 +01:00
<panel class="config" data-model="sound_options_model">
2024-02-27 16:13:16 +01:00
<template src="config-menu__sound" />
</panel>
2024-04-18 16:42:39 +02:00
<tab class="tab" data-model="debug_model" data-if="debug_enabled" id="tab_debug">
2024-02-27 16:13:16 +01:00
<div>Debug</div>
<div class="tab__indicator"></div>
</tab>
2024-03-16 00:47:29 +01:00
<panel class="config" data-model="debug_model">
2024-02-27 16:13:16 +01:00
<template src="config-menu__debug" />
2024-01-22 17:43:21 +01:00
</panel>
</tabset>
<!-- Close button absolutely positioned on top right of modal -->
<button
class="icon-button config__exit-button"
onclick="close_config_menu"
style="z-index: 10000;"
>
<svg src="icons/X.svg" />
</button>
</div>
2024-03-03 21:57:19 +01:00
<div
class="centered-page__controls"
2024-03-27 21:02:03 +01:00
data-model="nav_help_model"
2024-03-03 21:57:19 +01:00
>
<label>
<span>Navigate</span>
2024-03-27 21:02:03 +01:00
<span class="prompt-font-sm">{{nav_help__navigate}}</span>
2024-03-03 21:57:19 +01:00
</label>
<label>
<span>Accept</span>
2024-03-27 21:02:03 +01:00
<span class="prompt-font-sm">{{nav_help__accept}}</span>
2024-03-03 21:57:19 +01:00
</label>
<label>
<span>Exit</span>
2024-03-27 21:02:03 +01:00
<span class="prompt-font-sm">{{nav_help__exit}}</span>
2024-03-03 21:57:19 +01:00
</label>
<!-- <label><span style="font-family:promptfont;">⇳</span> Navigate</label>
<label><span style="font-family:promptfont;">↧</span> Accept</label> -->
</div>
2023-12-29 22:49:26 +01:00
</div>
2024-04-20 17:22:46 +02:00
<!-- <div
data-if="1==0"
data-alias-promptOpen="0"
2024-04-18 16:42:39 +02:00
data-alias-promptHeader="'test header'"
data-alias-promptContent="'This allows templates to be used as reusable components within data models. By wrapping the inline template in an element that defines variable name aliases, the template can refer to any outside variable by a fixed name.'"
data-alias-promptConfirmLabel="'Confirm'"
data-alias-promptCancelLabel="'Cancel'"
>
<template src="prompt"/>
2024-04-20 17:22:46 +02:00
</div> -->
2023-12-29 22:49:26 +01:00
</div>
<!-- </handle> -->
<!-- <handle size_target="#document" style="position: absolute; width: 16dp; height: 16dp; bottom: 0px; right: 0px; cursor: resize;"></handle> -->
</body>
</rml>
