jappel/scoreboard-js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Cleanup

Browse Source
This commit is contained in:
Julian Appel 2024-05-06 21:51:13 +02:00
parent a3e98a0207
commit 340ab1236e
4 changed files with 18 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
scoreboard/controllers/timer.js
View File

@ -2,10 +2,8 @@ const moment = require('moment');
const io = require('./socketio')
let timerInterval;
// let duration = moment.duration(7, 'minutes'); // Initial duration
// let durationLeft = moment.duration(7, 'minutes'); // durationLeft after the timer has been started
let duration = moment.duration(7, 'seconds');
let durationLeft = moment.duration(10, 'seconds');
let duration = moment.duration(7, 'minutes'); // Initial duration
let durationLeft = moment.duration(7, 'minutes'); // durationLeft after the timer has been started
let isPaused = true; // Status of the timer

4
scoreboard/public/stylesheets/style.css
View File

@ -6,6 +6,7 @@ html, body {
body {
/* padding: 50px; */
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
background-color: #47BAEA;
}
a {
@ -17,7 +18,8 @@ a {
font-family: 'Seven Segment', sans-serif;
font-weight: bold;
height: 100%;
font-size: 50vh
font-size: 50vh;
}
.score {

17
scoreboard/routes/index.js
View File

@ -3,23 +3,18 @@ var router = express.Router();
let io = require('../controllers/socketio')
const timer = require('../controllers/timer')
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index', { durationLeft: timer.print()});
res.render('index', { durationLeft: timer.print()});
});
io.on('connection', (socket) => {
console.log("A user connected");
socket.emit("Hello user from server");
socket.on('message', (message) => {
console.log(message)
})
console.log("A user connected");
socket.emit("Hello user from server");
socket.on('message', (message) => {
console.log(message)
})
})

14
scoreboard/views/index.hbs
View File

@ -8,19 +8,19 @@
</head>
<body>
<div class="d-flex flex-column align-items-center justify-content-center box-time" style="background-color:brown; ">
<div class="d-flex flex-column align-items-center justify-content-center box-time">
<div id="durationLeft" class="durationLeft">{{ durationLeft }}</div>
</div>
<div class="d-flex flex-sm-wrap flex-md-wrap text-center align-items-center justify-content-around box-etc" style="background-color:blueviolet;">
<div style="background-color:crimson;" class="flex-fill order-sm-1 order-md-1 order-lg-0">
<h1>L<br/>LLLLLLLLLLLLLL<br/>L<br/></h>
<div class="d-flex flex-sm-wrap flex-md-wrap text-center align-items-center justify-content-around box-etc">
<div class="flex-fill order-xs-1 order-sm-1 order-md-1 order-lg-0">
<h1>Team A</h>
</div>
<div style="background-color: darkgreen" class="flex-fill order-sm-0 order-md-0 order-lg-1">
<div class="flex-fill order-xs-0 order-sm-0 order-md-0 order-lg-1">
<div id="score" class="score">5:2</div>
</div>
<div style="background-color:coral" class="flex-fill order-sm-2 order-md-2 order-lg-2">
<h1>R<br/>R<br/>RRRRRRRRRRRRR<br/></h>
<div class="flex-fill order-xs-2 order-sm-2 order-md-2 order-lg-2">
<h1>Team B</h>
</div>
</div>