59025e317e
* Initial new settings page test commit * quick poc to add chibi style helper and start to change files to es6 * add ready and loaded functions * added missing pageloaded variable to track if loaded already called. * More POC to dynamically add content, minimal DOM lib based on chibi * Add simple translation for any element that has class=l10n * simply self executing function --------- Co-authored-by: Phil Bolduc <philbolduc@gmail.com>
71 lines
2.9 KiB
HTML
71 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
|
<meta charset="utf-8">
|
|
<meta name="theme-color" content="#222222">
|
|
<link rel="stylesheet" href="cfg.css">
|
|
<script src="cfg_lang.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="header">
|
|
<div class="e-icon"><i class="icons"></i></div>
|
|
<div class="l e-label l10n" id="h-cfg"></div>
|
|
<div class="btn save">
|
|
<div class="b-icon"><i class="icons"></i></div>
|
|
<div class="l b-label l10n" id="b-save">Save</div>
|
|
</div>
|
|
</div>
|
|
<div id="menu">
|
|
<div class="entry"><div class="e-icon"><i class="icons"></i></div><div class="l e-label l10n" id="e-nw">Network</div></div>
|
|
<div class="entry"><div class="e-icon"><i class="icons"></i></div><div class="l e-label l10n" id="e-hw">Hardware</div></div>
|
|
<div class="entry"><div class="e-icon"><i class="icons"></i></div><div class="l e-label l10n" id="e-ui">Customization</div></div>
|
|
<div class="entry"><div class="e-icon"><i class="icons"></i></div><div class="l e-label l10n" id="e-if">Interfaces</div></div>
|
|
<div class="entry"><div class="e-icon"><i class="icons"></i></div><div class="l e-label l10n" id="e-tm">Schedules</div></div>
|
|
<div class="entry"><div class="e-icon"><i class="icons"></i></div><div class="l e-label l10n" id="e-dx">DMX Out</div></div>
|
|
<div class="entry"><div class="e-icon"><i class="icons"></i></div><div class="l e-label l10n" id="e-sr">Sound Reactive</div></div>
|
|
<div class="entry"><div class="e-icon"><i class="icons"></i></div><div class="l e-label l10n" id="e-um">Usermods</div></div>
|
|
<div class="entry"><div class="e-icon"><i class="icons"></i></div><div class="l e-label l10n" id="e-ab">About</div></div>
|
|
</div>
|
|
<div id="content">
|
|
<!-- simulate sections for each menu item -->
|
|
<div id="nw">
|
|
<h2 class="l10n">Network</h2>
|
|
</div>
|
|
<div id="hw">
|
|
<h2 class="l10n">Hardware</h2>
|
|
</div>
|
|
<div id="ui">
|
|
<h2 class="l10n">Customization</h2>
|
|
</div>
|
|
<div id="if">
|
|
<h2 class="l10n">Interfaces</h2>
|
|
</div>
|
|
<div id="tm">
|
|
<h2 class="l10n">Schedules</h2>
|
|
</div>
|
|
<div id="sr">
|
|
<h2 class="l10n">Sound Reactive</h2>
|
|
</div>
|
|
<div id="um">
|
|
<h2 class="l10n">Usermods</h2>
|
|
</div>
|
|
<div id="dx">
|
|
<h2 class="l10n">DMX Out</h2>
|
|
</div>
|
|
<div id="ab">
|
|
<h2 class="l10n">About</h2>
|
|
</div>
|
|
<div id="up">
|
|
<h2 class="l10n">Update</h2>
|
|
</div>
|
|
<div id="rb">
|
|
<h2 class="l10n">Reboot</h2>
|
|
</div>
|
|
</div>
|
|
<script src="cfg.js" type="module"></script>
|
|
</body>
|
|
|
|
</html> |