julien/binome
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/jcalixte/bons-programmeurs

Browse Source
This commit is contained in:
Julien Calixte
2020-07-05 16:16:25 +02:00
parent 58f1342426 1e582da54c
commit a41aff5ac4
5 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@@ -1,4 +1,4 @@
# Bons programmeurs # Binôme
# PWA : de 0 à héros - mettre en production _en 30 minutes_. # 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) ![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 ## Étapes
1. Créer un projet grâce à VueJS 1. Créer un projet grâce à VueJS

1
doc/details.md Normal file
View File

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

2
public/index.html
View File

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

12
src/hooks/useTimer.ts
View File

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

2
vue.config.js
View File

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