b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
50 lines
2 KiB
HTML
Executable file
50 lines
2 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html dir="ltr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title>Value Selector (LTR)</title>
|
|
<link rel="stylesheet" href="../value_selector.css">
|
|
|
|
<!--
|
|
- These <style> and <script> elements are only used for the example code:
|
|
- they are not needed for the real case use.
|
|
-->
|
|
<style type="text/css">
|
|
html, body { font-size: 10px; margin: 0; padding: 0; }
|
|
</style>
|
|
<script>
|
|
window.onkeypress = () => {
|
|
var newDir = document.documentElement.dir === 'ltr' ? 'rtl' : 'ltr';
|
|
document.title = `Value Selector (${ newDir.toUpperCase() })`;
|
|
document.documentElement.dir = newDir;
|
|
};
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body class="value-selector">
|
|
|
|
<form role="dialog" data-type="value-selector">
|
|
<section class="scrollable">
|
|
<h1>Select</h1>
|
|
<ol role="listbox">
|
|
<li role="option"><label role="presentation"> <span>None</span></label></li>
|
|
<li role="option"><label role="presentation"> <span>At time of event</span></label></li>
|
|
<li role="option"><label role="presentation" dir="auto"> <span>Why do you ask?</span></label></li>
|
|
<li role="subheader"><label role="presentation"> <span>Subheader</span></label></li>
|
|
<li role="option"><label role="presentation"> <span>5 minutes before</span></label></li>
|
|
<li role="option"><label role="presentation"> <span>15 minutes before</span></label></li>
|
|
<li role="option" aria-selected="true"><label role="presentation"> <span>30 minutes before</span></label></li>
|
|
<li role="option"><label role="presentation"> <span>1 hour before</span></label></li>
|
|
<li role="option"><label role="presentation"> <span>2 hours before</span></label></li>
|
|
<li role="option"><label role="presentation"> <span>1 day before</span></label></li>
|
|
</ol>
|
|
</section>
|
|
<menu class="value-selector-buttons">
|
|
<button class="affirmative full">OK</button>
|
|
</menu>
|
|
</form>
|
|
|
|
</body>
|
|
</html>
|