add sound+animation, also some cleanup #1
Conversation
| @@ -1 +1,79 @@ | |||
| /node_modules | |||
There was a problem hiding this comment.
Joda, denne filen er generert. Men storparten her er da totalt unødvendig for oss. Er det ikke bedre å legge inn ting etterhvert som de kommer i veien?
Jeg hadde en slik global fil før, men har sluttet med det og legger nå bare inn enkelt linjer her og der.
| </div> | ||
| <a id="lastgong"> | ||
| </a> | ||
| <audio src="gong.mp3" id="lyden" preload > |
| </div> | ||
| <a id="lastgong"> | ||
| </a> | ||
| <audio src="gong.mp3" id="lyden" preload > | ||
| Your browser does not support audio |
There was a problem hiding this comment.
Dette kan vi vel ha på norsk. Eventuelt bare droppe lyd og tilbakemelding i det tilfellet.
| @@ -0,0 +1,89 @@ | |||
| var username = ""; | |||
There was a problem hiding this comment.
Global variabel. Enkleste er å wrape hele filen i en funksjon.
| if(req.readyState === XMLHttpRequest.DONE && req.status === 200) { | ||
| var res = JSON.parse(req.responseText); | ||
| outp.innerHTML = "Siste gong: " + res.name + ", " + new Date(res.timestamp).toLocaleString(); | ||
| outp.href = "https://maps.google.com/maps?q=loc:"+res.location.latitude+","+res.location.longitude; |
There was a problem hiding this comment.
Inkonsistent styling på om det skal være space før/etter + eller ikke i forhold til linjen over.
| lyd.currentTime = 0; | ||
| lyd.play(); | ||
| gongtext.className = "shown"; | ||
| setTimeout(function() { |
There was a problem hiding this comment.
Inkonsistent styling. De fleste andre steder i filen har du ikke space før { i funksjonsdeklarasjonen.
| gongtext.className = ""; | ||
| }, 2000); | ||
|
|
||
| navigator.geolocation.getCurrentPosition(function (pos) { |
There was a problem hiding this comment.
Ditto. Her har du også space etter function og før (.
| navigator.geolocation.getCurrentPosition(function (pos) { | ||
| sendGong(pos.coords.latitude, pos.coords.longitude, username); | ||
| }, function (error){ | ||
|
|
There was a problem hiding this comment.
Vi bør sende gong selv om geo feiler. Bare uten cords.
| } | ||
| } | ||
| req.open("get", "/gong/gong"); | ||
| req.send() |
| req.onreadystatechange = function() { | ||
| if(req.readyState === XMLHttpRequest.DONE && req.status === 200) { | ||
| var res = JSON.parse(req.responseText); | ||
| outp.innerHTML = "Siste gong: " + res.name + ", " + new Date(res.timestamp).toLocaleString(); |
There was a problem hiding this comment.
Veldig lang linje. Hva med en maks linje lengde regel? F.eks. maks 80 tegn per linje.
The following changes were made: