Lablenames and more

This commit is contained in:
Lukas Bachschwell 2017-03-20 18:12:20 +01:00
parent e865172301
commit fedeacaef9
6 changed files with 98 additions and 50 deletions

View File

@ -2,6 +2,9 @@
// This is the backend client js // This is the backend client js
let iosocket = io.connect(); let iosocket = io.connect();
let tbdLable = 'To be determined',
noTeam = 'Kein Team';
// setup all my handlers // setup all my handlers
iosocket.on('clientrefresh', () => { iosocket.on('clientrefresh', () => {
location.reload(); location.reload();
@ -18,20 +21,16 @@ iosocket.on('stateChange', (state) => {
} }
}); });
$('.increment').click(function(){ $('.increment').click(function() {
alert('haha'); alert('haha');
// trigger a state update?
}); });
$('.decrement').click(function(){ $('.decrement').click(function() {
alert('haha'); alert('haha');
}); });
}); });
// get my state
let context = 'admin';
iosocket.emit('loadState', context);
// Bracket editing // Bracket editing
@ -39,8 +38,8 @@ iosocket.emit('loadState', context);
/* Custom data objects passed as teams */ /* Custom data objects passed as teams */
var customData = { var customData = {
teams: [ teams: [
["Team 1","Team 2"], ["Team 1", "Team 2"],
["Team 3","Team 4"] ["Team 3", "Team 4"]
], ],
results: [] results: []
} }
@ -73,27 +72,36 @@ function edit_fn(container, data, doneCb) {
function render_fn(container, data, score, state) { function render_fn(container, data, score, state) {
switch (state) { switch (state) {
case "empty-bye": case "empty-bye":
container.append("No team") container.append(noTeam)
return; return;
case "empty-tbd": case "empty-tbd":
container.append("Upcoming") container.append("To be determined")
return; return;
case "entry-no-score": case "entry-no-score":
console.log('no score');// no return
case "entry-default-win": case "entry-default-win":
console.log('default win');// no return
case "entry-complete": case "entry-complete":
container.append(data); container.append(data);
return; return;
} }
console.log(container);
} }
function saveFn(data, userData) { function saveFn(data, userData) {
iosocket.emit('editState', data); iosocket.emit('editState', data);
} }
$(function() { $(function() {
$('#refresh').click(function(){ // Dom is loaded
$('#refresh').click(function() {
iosocket.emit('clientrefresh'); iosocket.emit('clientrefresh');
}); });
// Reading config (not state) from dom... and after all jquery is a doomed dom lib
tbdLable = $('#TBD').val();
noTeam = $('#NoT').val();
// get my state
let context = 'admin';
iosocket.emit('loadState', context);
}); });

View File

@ -2,6 +2,9 @@
let iosocket = io.connect(); let iosocket = io.connect();
let tbdLable = 'To be determined',
noTeam = 'Kein Team';
// setup all my handlers // setup all my handlers
iosocket.on('clientrefresh', () => { iosocket.on('clientrefresh', () => {
location.reload(); location.reload();
@ -11,11 +14,38 @@ iosocket.on('stateChange', (state) => {
console.log(state); console.log(state);
// basically the server tracks the state since it is the same for al clients // basically the server tracks the state since it is the same for al clients
// So we know that we HAVE to update at this point // So we know that we HAVE to update at this point
$('#team-container').bracket({init: state}); $('#team-container').bracket({
init: state,
decorator: {
edit: ()=>{},
render: render_fn
}
});
}); });
function lolz() {
}
function render_fn(container, data, score, state) {
switch (state) {
case "empty-bye":
container.append(noTeam)
return;
case "empty-tbd":
container.append(tbdLable)
retrun;
case "entry-no-score":
console.log('no score');// no return
case "entry-default-win":
console.log('default win');// no return
case "entry-complete":
container.append(data);
return;
}
}
$( document ).ready(function() { $( document ).ready(function() {
tbdLable = $('#TBD').val();
noTeam = $('#NoT').val();
// get my state // get my state
let context = 'main'; let context = 'main';
iosocket.emit('loadState',context); iosocket.emit('loadState',context);

View File

@ -4,7 +4,7 @@ let passwd = 'insecure';
/* GET home page. */ /* GET home page. */
router.get('/', function(req, res, next) { router.get('/', function(req, res, next) {
res.render('index', { mainHeader: 'Aktueller Spielstand' }); res.render('index', { mainHeader: '🍺🍺🍺 Aktueller Spielstand 🍺🍺🍺🍺', TBD:'I am TBD', NoTeam:'No TeamYet' });
}); });
router.get('/login', function(req, res, next) { router.get('/login', function(req, res, next) {
@ -31,7 +31,7 @@ router.get('/admin', function(req, res, next) {
console.log(req.session.passwd); console.log(req.session.passwd);
console.log(req.session); console.log(req.session);
if(req.session.passwd=='insecure'){ if(req.session.passwd=='insecure'){
res.render('admin', { mainHeader: 'Admin Interface' }); res.render('admin', { mainHeader: 'Admin Interface', TBD:'I am TBD', NoTeam:'No TeamYet' });
}else{ }else{
res.redirect('/login'); res.redirect('/login');
} }

View File

@ -27,5 +27,8 @@
</div> </div>
</div> </div>
<input id="TBD" type="hidden" value={{TBD}}>
<input id="NoT" type="hidden" value={{NoTeam}}>
</body> </body>
</html> </html>

View File

@ -23,5 +23,7 @@
</div> </div>
</div> </div>
<input id="TBD" type="hidden" value='{{TBD}}'>
<input id="NoT" type="hidden" value='{{NoTeam}}'>
</body> </body>
</html> </html>

View File

@ -1,6 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Login</title> <title>Login</title>
<link rel='stylesheet' href='/css/style.css' /> <link rel='stylesheet' href='/css/style.css' />
@ -13,31 +14,35 @@
<script type='text/javascript' src='/socket.io/socket.io.js'></script> <script type='text/javascript' src='/socket.io/socket.io.js'></script>
<script> <script>
$(document).ready(function(){ $(document).ready(function() {
var email,pass; let pass;
$("#submit").click(function(){ $("#submit").click(function() {
email=$("#email").val(); email = $("#email").val();
pass=$("#password").val(); pass = $("#password").val();
/* $.post("http://localhost:3000/login", {
* Perform some validation here. passwd: pass
*/ }, function(data) {
$.post("http://localhost:3000/login",{email:email,passwd:pass},function(data){
console.log(data); console.log(data);
if(data==='done') if (data === 'done') {
{ window.location.href = "/admin";
window.location.href="/admin"; } else {
$("#alertbox").html = "Wrong Password";
} }
}); });
}); });
}); });
</script> </script>
</head> </head>
<body>
<body>
<h1>{{mainHeader}}</h1> <h1>{{mainHeader}}</h1>
<input type="text" size="40" placeholder="Type your email" id="email"><br /> <div style="text-align:center;">
<input type="password" size="40" placeholder="Type your password" id="password"><br /> <div id="alertbox" class="alert alert-daneger" role="alert"></div>
<input type="button" value="Submit" id="submit"> <input type="password" size="40" placeholder="Password" id="password"><br><br>
<input type="submit" class="btn btn-primary" value="Submit" id="submit">
</div>
</body>
</body>
</html> </html>