database connection init
This commit is contained in:
parent
ff14bc747d
commit
2ce5626788
|
@ -5,15 +5,16 @@
|
||||||
import Game from './routes/game.svelte'
|
import Game from './routes/game.svelte'
|
||||||
import Renderer from './lib/Components/Forms/Renderer.svelte'
|
import Renderer from './lib/Components/Forms/Renderer.svelte'
|
||||||
//import Try from './routes/try.svelte'
|
//import Try from './routes/try.svelte'
|
||||||
|
let gameData
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<Router>
|
<Router>
|
||||||
<Route path="/game">
|
<Route path="/game">
|
||||||
<Renderer />
|
<Renderer {gameData} />
|
||||||
</Route>
|
</Route>
|
||||||
<Route path="/">
|
<Route path="*">
|
||||||
<Game />
|
<Game bind:gameData />
|
||||||
</Route>
|
</Route>
|
||||||
</Router>
|
</Router>
|
||||||
</main>
|
</main>
|
||||||
|
|
|
@ -31,12 +31,13 @@
|
||||||
clientAnswers.pos++
|
clientAnswers.pos++
|
||||||
}
|
}
|
||||||
|
|
||||||
let questions = [
|
/*let questions = [
|
||||||
{ type: 'singlechoice', correct: 'banan', quesion: 'text otazky', description: '', options: ['banan', 'cokolada', 'mleko'] },
|
{ type: 'singlechoice', correct: 'banan', quesion: 'text otazky', description: '', options: ['banan', 'cokolada', 'mleko'] },
|
||||||
{ type: 'interval', correct: [0, 3], quesion: 'text otazky', description: '', options: null },
|
{ type: 'interval', correct: [0, 3], quesion: 'text otazky', description: '', options: null },
|
||||||
{ type: 'text', correct: 'jablko', quesion: 'text otazky', description: '', options: null },
|
{ type: 'text', correct: 'jablko', quesion: 'text otazky', description: '', options: null },
|
||||||
{ type: 'multichoice', correct: ['banan', 'cokolada'], quesion: 'text otazky', description: '', options: ['banan', 'cokolada', 'mleko'] },
|
{ type: 'multichoice', correct: ['banan', 'cokolada'], quesion: 'text otazky', description: '', options: ['banan', 'cokolada', 'mleko'] },
|
||||||
]
|
]*/
|
||||||
|
export let gameData
|
||||||
let page
|
let page
|
||||||
$: page = components[questions[clientAnswers.pos].type]
|
$: page = components[questions[clientAnswers.pos].type]
|
||||||
|
|
||||||
|
|
|
@ -36,7 +36,7 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
row-gap: 35px;
|
row-gap: 35px;
|
||||||
z-index: 5;
|
z-index: 7;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -21,22 +21,27 @@
|
||||||
url: location.origin,
|
url: location.origin,
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export let gameData = {}
|
||||||
|
|
||||||
|
const readUrlHash = () => {
|
||||||
|
return location.pathname.slice(6, location.pathname.length)
|
||||||
|
}
|
||||||
|
|
||||||
;(async () => {
|
;(async () => {
|
||||||
const gameData = await api.post(`${api.hostName}/game/details`, {
|
gameData = await api.post(`${api.hostName}/game/details`, {
|
||||||
gameurl: 'pisek-mesto-kralovske',
|
gameurl: 'pisek-mesto-kralovske', //readUrlHash(),
|
||||||
})
|
})
|
||||||
|
|
||||||
const questions = yallist(gameData.questions)
|
const questions = yallist(gameData.questions)
|
||||||
|
console.log(gameData)
|
||||||
console.log(questions)
|
|
||||||
|
|
||||||
console.log(parseQuestion(gameData.questions[0].answer, gameData.questions[0].type))
|
console.log(parseQuestion(gameData.questions[0].answer, gameData.questions[0].type))
|
||||||
})()
|
})()
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<Overlay {shareData} img={background}>
|
<Overlay {shareData} img={gameData.thumbnail}>
|
||||||
<Heading>
|
<Heading>
|
||||||
<span>Tůra po Karláku</span>
|
<span>{gameData.name}</span>
|
||||||
<div class="bubbles" slot="bubbles">
|
<div class="bubbles" slot="bubbles">
|
||||||
<Bubble background="blue">
|
<Bubble background="blue">
|
||||||
<span slot="icon"><IconStar /></span>
|
<span slot="icon"><IconStar /></span>
|
||||||
|
@ -44,12 +49,16 @@
|
||||||
</Bubble>
|
</Bubble>
|
||||||
<Bubble background="white">
|
<Bubble background="white">
|
||||||
<span slot="icon"><IconPoint /></span>
|
<span slot="icon"><IconPoint /></span>
|
||||||
<span> Praha </span>
|
<span> {gameData.district} </span>
|
||||||
</Bubble>
|
</Bubble>
|
||||||
</div>
|
</div>
|
||||||
</Heading>
|
</Heading>
|
||||||
|
|
||||||
<Section title="Popis"><span>{'text'}</span></Section>
|
<Section title="Popis">
|
||||||
|
<span>
|
||||||
|
{@html gameData.start}
|
||||||
|
</span></Section
|
||||||
|
>
|
||||||
<Section title="Fotky">
|
<Section title="Fotky">
|
||||||
<ImageSlider images={assets} />
|
<ImageSlider images={assets} />
|
||||||
</Section>
|
</Section>
|
||||||
|
|
Loading…
Reference in New Issue