Briq
/
multiparty-meeting
7
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added start page

master
Stefan Otto 2018-11-16 12:41:48 +01:00
parent 60322c57c6
commit 3520cfea93
3 changed files with 84 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
app/chooseRoom.html 100644
View File

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Meet</title>
</head>
<style>
body{
margin:auto;
padding:0.5em;
text-align:center;
position: fixed;
left: 50%;
top: 40%;
width: 90%;
transform: translate(-50%, 0%);
background-image: url('/resources/images/background.svg');
background-attachment: fixed;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
input:hover {opacity:0.9;}
input[type=text]{
font-size: 3vh;
padding: 1.5vh;
background-color: rgba(0,0,0,0.3);
border: 0;
color: #fff;
margin: 0.6vh;
width: 50%;
}
button:hover {background-color: #28bd7b;}
button{
font-size: 3vh;
padding: 1.5vh;
margin: 0.6vh;
background-color: #38cd8b;
border-radius: 1.2vh;
color: #fff;
border: 0;
}
img{
height: 10vh;
}
</style>
<body>
<a>
<img class='logoStartscreen' src='/resources/images/logo.svg'></img><br>
</a>
<input id="room" type="text" onkeypress="checkEnter(event)" value="" placeholder="your room name">
<button onclick = "start(location.href)">Start room</button>
</body>
<script>
var room = document.getElementById("room");
var stateObj = { foo: "bar" };
room.addEventListener("input", function(e) {
console.log(e.charCode);
history.replaceState(stateObj, "meet", "/"+room.value);
},true);
room.focus();
function start(target){
location.href;history.replaceState(stateObj, "meet", "/");
window.location = target;
}
function checkEnter(event){
var x = event.charCode || event.keyCode;
if (x == 13 ) {
start(location.href);
}
}
</script>
</html>

4
app/gulpfile.js
View File

@ -168,7 +168,7 @@ gulp.task('css', () =>
gulp.task('html', () => gulp.task('html', () =>
{ {
return gulp.src('index.html') return gulp.src('*.html')
.pipe(change(changeHTML)) .pipe(change(changeHTML))
.pipe(gulp.dest(OUTPUT_DIR)); .pipe(gulp.dest(OUTPUT_DIR));
}); });
@ -241,7 +241,7 @@ gulp.task('browser', (done) =>
gulp.task('watch', (done) => gulp.task('watch', (done) =>
{ {
// Watch changes in HTML. // Watch changes in HTML.
gulp.watch([ 'index.html' ], gulp.series( gulp.watch([ '*.html' ], gulp.series(
'html' 'html'
)); ));

5
server/server.js
View File

@ -71,6 +71,11 @@ app.get('/login', (req, res, next) =>
dataporten.setupLogout(app, '/logout'); dataporten.setupLogout(app, '/logout');
app.get('/', function (req, res) {
console.log(req.url);
res.sendFile(`${__dirname}/public/chooseRoom.html`);
})
app.get( app.get(
'/auth-callback', '/auth-callback',
dataporten.passport.authenticate('dataporten', { failureRedirect: '/login' }), dataporten.passport.authenticate('dataporten', { failureRedirect: '/login' }),