jonas/crosswords
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add difficulty param to client

Browse Source
This commit is contained in:
Jonas Weinz 2021-07-03 20:21:45 +02:00
parent 77882f4981
commit 3078813d37
3 changed files with 54 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
js_client/index.html
View File

@ -42,8 +42,8 @@
box-shadow: none;
outline: none;
position: absolute;
width: 15em;
height: 10em;
width: 30em;
height: 20em;
top: 0;
right: 0;
bottom: 0;
@ -54,17 +54,41 @@
font-size: 1em;
}
.bigbox {
background-color: black;
border-color: white;
border-width: 0.2em;
border-style: solid;
max-width: 30em;
max-height: 6em;
box-shadow: none;
outline: none;
position: relative;
margin: 1em;
padding: 1em;
color: white;
font-size: 1em;
}
.flex {
display: flex;
width: 100%;
}
.box {
background-color: black;
border-color: white;
border-width: 0.2em;
border-style: solid;
max-width: 15em;
flex: auto;
width: 33%;
text-decoration: none;
max-width: 30em;
max-height: 3em;
box-shadow: none;
outline: none;
position: relative;
margin: 1em;
margin: 0.5em;
padding: 1em;
color: white;
font-size: 1em;
@ -76,13 +100,25 @@
<body>
<div class="centerbox">
<h3>Select the language:</h3>
<a href="./german.html">
<div class="box"> German </div>
</a>
<a href="./english.html">
<div class="box"> English </div>
</a>
<h3>choose language and difficulty:</h3>
<div class="bigbox"> <div> German </div>
<div class="flex">
<a href="./german.html?difficulty=0" class="box"> easy </a>
<a href="./german.html?difficulty=1" class="box"> normal </a>
<a href="./german.html?difficulty=2" class="box"> hard </a>
</div>
</div>
<div class="bigbox"> <div> English </div>
<div class="flex">
<a href="./english.html?difficulty=0" class="box"> easy </a>
<a href="./english.html?difficulty=1" class="box"> normal </a>
<a href="./english.html?difficulty=2" class="box"> hard </a>
</div>
</div>
</div>
</body>

3
js_client/infoBox.js
View File

@ -81,7 +81,8 @@ export class InfoBox extends LitElement {
onNew() {
setCookie("session", "");
window.location.href = location.protocol + '//' + location.host + location.pathname;
var crosswordRoot = location.pathname.substr(0, location.pathname.lastIndexOf("/"));
window.location.href = location.protocol + '//' + location.host + crosswordRoot;
}

5
js_client/serverConnection.js
View File

@ -20,6 +20,7 @@ export class ServerConnection extends WebsocketConnection {
this.sessionId = null;
this.isRegistered = false;
this.crossword_grid = null;
this.difficulty = 0;
}
@ -40,6 +41,9 @@ export class ServerConnection extends WebsocketConnection {
this.sessionId = params.get('session');
return;
}
if (params.has('difficulty')) {
this.difficulty = parseInt(params.get('difficulty'));
}
const cookie_session = getCookie('session');
if (cookie_session != "") {
this.sessionId = cookie_session;
@ -54,6 +58,7 @@ export class ServerConnection extends WebsocketConnection {
this.sendMessage({
'type': 'register',
'sessionId': this.sessionId,
'difficulty': this.difficulty,
'lang': this.lang
});
}