This commit is contained in:
2020-07-05 16:16:25 +02:00
5 changed files with 13 additions and 8 deletions

View File

@@ -1,4 +1,4 @@
# Bons programmeurs
# Binôme
# PWA : de 0 à héros - mettre en production _en 30 minutes_.
@@ -8,6 +8,8 @@ Créer une appli qui aide les développerus à gérer leurs sessions de programm
![maquette](./doc/maquette.png)
Avec cette application, on va voir qu'il est facile de créer un projet et de le partager au reste du monde.
## Étapes
1. Créer un projet grâce à VueJS

1
doc/details.md Normal file
View File

@@ -0,0 +1 @@
# Les étapes de codes

View File

@@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
<title>Bons programmeurs</title>
<title>Binôme</title>
</head>
<body>
<noscript>

View File

@@ -33,7 +33,7 @@ export const useTimer = () => {
const start = () => {
timeState.value = 'started'
notify('Session started!')
notify('La session commence !')
stopwatchId = setInterval(() => {
seconds.value++
@@ -41,11 +41,11 @@ export const useTimer = () => {
sessionSeconds.value = intervalSeconds.value
isProgrammer1Turn.value = !isProgrammer1Turn.value
const programmer = isProgrammer1Turn.value
? 'Programmer 1'
: 'Programmer 2'
const dev = isProgrammer1Turn.value ? 'Dev 1' : 'Dev 2'
notify('Time to change', { body: `${programmer}, your turn!` })
notify('Changement de joueur !', {
body: `${dev}, à votre tour !`
})
}
}, 1000)
@@ -58,9 +58,11 @@ export const useTimer = () => {
timeState.value = 'stopped'
if (stopwatchId) {
clearInterval(stopwatchId)
stopwatchId = null
}
if (stopWatchSessionId) {
clearInterval(stopWatchSessionId)
stopWatchSessionId = null
}
seconds.value = 0
sessionSeconds.value = intervalSeconds.value

View File

@@ -4,7 +4,7 @@ module.exports = {
pwa: {
themeColor: mainColor,
msTileColor: mainColor,
name: 'Bons programmeurs',
name: 'Binôme',
manifestOptions: {
background_color: mainColor,
theme_color: mainColor,