v0.2.0 - Start Menu Page base

This commit is contained in:
frtk 2016-02-17 01:37:52 +01:00
parent 38c6c5c311
commit 9431bb259a
4 changed files with 74 additions and 14 deletions

View File

@ -14,6 +14,8 @@ NPGClient.PageHandler = {
self.currPage = NPGClient.LOGIN.NAME; self.currPage = NPGClient.LOGIN.NAME;
// create login page // create login page
self.createLoginPage(); self.createLoginPage();
// create start menu page
self.createStartMenuPage();
}, },
// //
@ -85,7 +87,7 @@ NPGClient.PageHandler = {
// //
console.log('[NPGClient] Creating Login Page'); console.log('[NPGClient] Creating Login Page');
var self = this; var self = this;
var p = new NPGClient.AppPage('login'); var p = new NPGClient.AppPage(NPGClient.LOGIN.NAME);
// Title label // Title label
p.addUIObject(new NPGClient.UILabel('login_title', NPGClient.LOGIN.TITLE)); p.addUIObject(new NPGClient.UILabel('login_title', NPGClient.LOGIN.TITLE));
// name input // name input
@ -98,5 +100,25 @@ NPGClient.PageHandler = {
self.pages.push(p); self.pages.push(p);
}, },
// create login page
createStartMenuPage: function() {
//
console.log('[NPGClient] Creating Start Menu Page');
var self = this;
var p = new NPGClient.AppPage(NPGClient.STARTMENU.NAME);
// Title label
p.addUIObject(new NPGClient.UILabel('login_title', NPGClient.STARTMENU.TITLE));
// Start Menu
// Server Players and Games status
//
self.pages.push(p);
},
}; };

View File

@ -82,12 +82,40 @@ NPGClient.LOGIN = {
'bw': 0, 'bw': 0,
'bc': '', 'bc': '',
} }
},
};
/*
* Start Menu Page
*/
NPGClient.STARTMENU = {
NAME: 'start_menu',
SERVSTATUS: {
'text': {
'online' : 'server: online',
'offline' : 'server: offline',
},
'x': 400,
'y': 450,
'style': {
'font': '15px Arial',
'col': '#FFFFFF',
'align': 'center'
},
},
TITLE: {
'text': 'nodePong',
'x': 400,
'y': 150,
'style': {
'font': '50px Arial',
'col': '#FFFFFF',
'align': 'center'
}
}, },
}; };

View File

@ -84,7 +84,8 @@ NPGClient.SocketIO = {
// 'regDone' // 'regDone'
self.socket.on('regDone', function() { self.socket.on('regDone', function() {
NPGClient.Utils.log(' > Server: User registration done'); NPGClient.Utils.log(' > Server: User registration done');
//NPGClient.PageHandler.moveToPage(NPGClient.LOGIN.NAME); //NPGClient.PageHandler.moveToPage(NPGClient.STARTMENU.NAME);
NPGClient.PageHandler.setCurrPage(NPGClient.STARTMENU.NAME);
}); });
// 'regNameTaken' // 'regNameTaken'
@ -93,7 +94,7 @@ NPGClient.SocketIO = {
NPGClient.PageHandler.moveToPage(NPGClient.LOGIN.NAME); NPGClient.PageHandler.moveToPage(NPGClient.LOGIN.NAME);
}); });
}, },
// send message to server // send message to server
sendMsg: function(name, data) { sendMsg: function(name, data) {

View File

@ -1,25 +1,34 @@
### **v0.1.5:**
# **v0.2.0:**
##focus: Start Menu Page
--------------------------
### client
- create start menu page skeletton with title
- socketio: on 'regDone' move current page to 'start menu' page
# **v0.1.5:**
##focus: client/server user registration
-------------------------- --------------------------
focus: client/server user registration ### added socket messages in npg_server.js and client/lib/socket/socketio_handler.js
--------------------------
---- added socket messages in npg_server.js and client/lib/socket/socketio_handler.js
'regRequest' server socket msg 'regRequest' server socket msg
'regDone' client socket message 'regDone' client socket message
'regNameTaken' client socket message 'regNameTaken' client socket message
---- ###
Added user handling utilities { Added user handling utilities {
userRegistration userRegistration
clientDisconnect clientDisconnect
} }
---- added User object on server ### added User object on server
check if user already exist and handle issues check if user already exist and handle issues
---- ###
user disconnection handling (server & client) user disconnection handling (server & client)
### **v0.1.4:** ### **v0.1.4:**
--------------------------
focus: client ui lib focus: client ui lib
-------------------------- --------------------------
---- changed font (Lucida -> Arial) ---- changed font (Lucida -> Arial)