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;
|
|
|
|
|
}
|
|
|
|
|
#tab_graphics:selected {
|
2023-12-31 01:03:57 +01:00
|
|
|
nav-down:#res_auto;
|
2023-12-29 22:49:26 +01:00
|
|
|
}
|
|
|
|
|
</style>
|
2024-02-27 16:13:16 +01:00
|
|
|
<link type="text/template" href="config_menu/graphics.rml" />
|
|
|
|
|
<link type="text/template" href="config_menu/controls.rml" />
|
|
|
|
|
<link type="text/template" href="config_menu/sound.rml" />
|
|
|
|
|
<link type="text/template" href="config_menu/debug.rml" />
|
2023-12-29 22:49:26 +01:00
|
|
|
</head>
|
|
|
|
|
<body class="window">
|
|
|
|
|
<!-- <handle move_target="#document"> -->
|
2024-01-08 09:34:06 +01:00
|
|
|
<div id="window" 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">
|
|
|
|
|
<tab class="tab" id="tab_graphics" autofocus>
|
|
|
|
|
<div>Graphics</div>
|
|
|
|
|
<div class="tab__indicator"></div>
|
|
|
|
|
</tab>
|
|
|
|
|
<panel class="config" data-model="graphics_model">
|
2024-02-27 16:13:16 +01:00
|
|
|
<template src="config-menu__graphics" />
|
2024-01-22 17:43:21 +01:00
|
|
|
</panel>
|
|
|
|
|
<tab class="tab">
|
|
|
|
|
<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>
|
|
|
|
|
<tab class="tab">
|
|
|
|
|
<div>Sound</div>
|
|
|
|
|
<div class="tab__indicator"></div>
|
|
|
|
|
</tab>
|
|
|
|
|
<panel class="config" >
|
2024-02-27 16:13:16 +01:00
|
|
|
<template src="config-menu__sound" />
|
|
|
|
|
</panel>
|
|
|
|
|
<tab class="tab">
|
|
|
|
|
<div>Debug</div>
|
|
|
|
|
<div class="tab__indicator"></div>
|
|
|
|
|
</tab>
|
|
|
|
|
<panel class="config" >
|
|
|
|
|
<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>
|
2023-12-29 22:49:26 +01:00
|
|
|
</div>
|
|
|
|
|
<div style="flex:0 1 80dp;display:flex; justify-content: space-between; width:100%; max-width:800dp; align-self:center;">
|
|
|
|
|
<label style="text-align:center; font-size:24dp;"><span style="font-family:promptfont; font-size:40dp">␤␫</span><span style="font-size:24dp;">Navigate</span></label>
|
|
|
|
|
<label style="text-align:center; font-size:24dp;"><span style="font-family:promptfont; font-size:40dp">␮</span><span style="font-size:24dp;">Accept</span></label>
|
|
|
|
|
<label style="text-align:center; font-size:24dp;"><span style="font-family:promptfont; font-size:40dp">␯</span><span style="font-size:24dp;">Exit</span></label>
|
|
|
|
|
<!-- <label><span style="font-family:promptfont;">⇳</span> Navigate</label>
|
|
|
|
|
<label><span style="font-family:promptfont;">↧</span> Accept</label> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- </handle> -->
|
|
|
|
|
<!-- <handle size_target="#document" style="position: absolute; width: 16dp; height: 16dp; bottom: 0px; right: 0px; cursor: resize;"></handle> -->
|
|
|
|
|
</body>
|
|
|
|
|
</rml>
|
