PokeNeige/client
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Move JS code into a separate subdir to make space for the images + start generalizing menu functions a little

Browse source
This commit is contained in:
Tissevert 2018-12-15 09:24:47 +01:00
parent 59556d8515
commit 99003475c8
10 changed files with 33 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/index.html
View file

@ -3,15 +3,15 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Pokemon Neige</title> <title>Pokemon Neige</title>
<script src="main.js"></script> <script src="js/main.js"></script>
<script src="session.js"></script> <script src="js/session.js"></script>
<script src="async.js"></script> <script src="js/async.js"></script>
<script src="dom.js"></script> <script src="js/dom.js"></script>
<script src="screen.js"></script> <script src="js/screen.js"></script>
<script src="buttons.js"></script> <script src="js/buttons.js"></script>
<script src="messaging.js"></script> <script src="js/messaging.js"></script>
<script src="ui.js"></script> <script src="js/ui.js"></script>
<script src="automaton.js"></script> <script src="js/automaton.js"></script>
<link rel="stylesheet" href="screen.css" type="text/css"/> <link rel="stylesheet" href="screen.css" type="text/css"/>
</head> </head>
<body> <body>

0
src/async.js → src/js/async.js
View file

0
src/automaton.js → src/js/automaton.js
View file

0
src/buttons.js → src/js/buttons.js
View file

0
src/dom.js → src/js/dom.js
View file

0
src/main.js → src/js/main.js
View file

0
src/messaging.js → src/js/messaging.js
View file

14
src/screen.js → src/js/screen.js
View file

@ -80,10 +80,18 @@ function Screen(dom) {
var domEntries = []; var domEntries = [];
var selected = config.selected || 0; var selected = config.selected || 0;
for(var i = 0; i < config.entries.length; i++) { for(var i = 0; i < config.entries.length; i++) {
domEntries.push(dom.make('li', { var classes = i == selected ? 'selected' : [];
class: i == selected ? 'selected' : [], if(config.entries[i].label != undefined) {
domEntry = dom.make('li', {
class: classes,
textContent: config.entries[i].label textContent: config.entries[i].label
}, [])); }, []);
} else if(config.entries[i].picto != undefined) {
domEntry = dom.make('li', {
class: classes,
}, [dom.make('img', config.entries[i].picto, [])]);
}
domEntries.push(domEntry);
} }
var ul = dom.make('ul', {class: ['menu', 'framed'], id: config.name + 'Menu'}, domEntries); var ul = dom.make('ul', {class: ['menu', 'framed'], id: config.name + 'Menu'}, domEntries);
root.appendChild(ul); root.appendChild(ul);

0
src/session.js → src/js/session.js
View file

13
src/ui.js → src/js/ui.js
View file

@ -69,17 +69,18 @@ function UI(async, buttons, dom, screen, session) {
function menu(config) { function menu(config) {
var cursor = config.selected || 0; var cursor = config.selected || 0;
var direction = config.direction || 'vertical';
var m = screen.menu(config); var m = screen.menu(config);
var sync = function() { screen.select(cursor); }; var sync = function() { screen.select(cursor); };
var mapping = { var forth = function() {
Up: function() {
cursor = (config.entries.length + cursor - 1) % config.entries.length; cursor = (config.entries.length + cursor - 1) % config.entries.length;
sync(); sync();
}, };
Down: function() { var back = function() {
cursor = (cursor + 1) % config.entries.length; cursor = (cursor + 1) % config.entries.length;
sync(); sync();
}, };
var mapping = {
A: function() { A: function() {
var entry = config.entries[cursor]; var entry = config.entries[cursor];
if(entry.close) { if(entry.close) {
@ -90,6 +91,8 @@ function UI(async, buttons, dom, screen, session) {
} }
} }
}; };
mapping[direction == 'vertical' ? 'Up' : 'Right'] = forth;
mapping[direction == 'vertical' ? 'Down' : 'Left'] = back;
if(config.cancel != undefined) { if(config.cancel != undefined) {
mapping['B'] = function() { close(m); config.cancel(); } mapping['B'] = function() { close(m); config.cancel(); }
} }