LP Wilson Pull Request #89
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,5 @@ | ||
| .vscode | ||
| .DS_Store | ||
| node_modules | ||
| .cache | ||
| .env |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| https://api.openweathermap.org/data/2.5/weather this is where to call the api | ||
|
|
||
| here is the documentation website for open weather: https://openweathermap.org/current |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,7 @@ | ||
| { | ||
| "dependencies": { | ||
| "axios": "^1.2.1", | ||
| "dotenv": "^16.0.3", | ||
| "node": "^19.2.0" | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,110 @@ | ||
| //GET THE AXIOS CALL WORKING | ||
| //LOOK AT THE 7-WONDERS CODE TO TRY TO GET THE PROMISE AND THE ASYNC AND AWAIT FUNCTION WORKING. | ||
|
|
||
| //CODE FOR BUTTON: | ||
|
|
||
| const state = { | ||
| tempCount: 60, //was temp | ||
| }; | ||
| var tempCountContainer = document.querySelector('#tempCount'); | ||
| var gardenContainer = document.querySelector('#garden'); | ||
|
|
||
| //changing the background color temp function | ||
| const setTempColor = () => { | ||
| if (state.tempCount <= 49) { | ||
| tempCountContainer.style.backgroundColor = 'teal'; | ||
| gardenContainer.textContent = '🌲🌲⛄️🌲⛄️🍂🌲🍁🌲🌲⛄️🍂🌲'; | ||
| } else if (state.tempCount >= 50 && state.tempCount <= 59) { | ||
| tempCountContainer.style.backgroundColor = 'green'; | ||
| gardenContainer.textContent = '🌲🌲⛄️🌲⛄️🍂🌲🍁🌲🌲⛄️🍂🌲'; | ||
| } else if (state.tempCount >= 60 && state.tempCount <= 69) { | ||
| tempCountContainer.style.backgroundColor = 'yellow'; | ||
| gardenContainer.textContent = '🌾🌾_🍃_🪨__🛤_🌾🌾🌾_🍃'; | ||
| } else if (state.tempCount >= 70 && state.tempCount <= 79) { | ||
| tempCountContainer.style.backgroundColor = 'orange'; | ||
| gardenContainer.textContent = '🌸🌿🌼__🌷🌻🌿_☘️🌱_🌻🌷'; | ||
| } else if (state.tempCount >= 80) { | ||
| tempCountContainer.style.backgroundColor = 'red'; | ||
| gardenContainer.textContent = '🌵__🐍_🦂_🌵🌵__🐍_🏜_🦂'; | ||
| } | ||
| }; | ||
|
|
||
| const renderTemp = () => { | ||
| tempCountContainer.textContent = state.tempCount + ' °F'; | ||
| setTempColor(); | ||
| }; | ||
|
|
||
| renderTemp(); | ||
|
|
||
| const addTemp = (event) => { | ||
| state.tempCount += 1; | ||
| renderTemp(); | ||
| }; | ||
|
|
||
| const subtractTemp = (event) => { | ||
| state.tempCount -= 1; | ||
| renderTemp(); | ||
| }; | ||
|
|
||
| const registerEventHandlers = (event) => { | ||
| // console.log('in registerEventHandelers:', event); | ||
| const upButton = document.querySelector('#upButton'); | ||
| const downButton = document.querySelector('#downButton'); | ||
| console.log(upButton); | ||
| upButton.addEventListener('click', addTemp); | ||
| downButton.addEventListener('click', subtractTemp); | ||
| console.log(downButton); | ||
| }; | ||
|
|
||
| registerEventHandlers(undefined); | ||
|
|
||
| //AXIOS CODE | ||
|
|
||
| //call to the flask app to get weather | ||
| const lat = 47.6038321; | ||
| const lon = -122.330062; | ||
|
Comment on lines
+64
to
+65
There was a problem hiding this comment. One of the requirements for Wave 4 was to make two Axios calls and chain them. Rather than hard-coding the lat and lon for Seattle, we wanted you to be able to get this information from the proxy server and then send the information back to the proxy server to get the temperature. This makes the project a yellow. |
||
| axios | ||
| .get('http://127.0.0.1:5000/weather' + '?lat=' + lat + '&lon=' + lon) | ||
| .then((response) => { | ||
| var temp = response.data.main.temp; | ||
| temp = Math.round(((temp - 273.15) * 9) / 5 + 32); //convert to Farenheit | ||
| console.log(temp); | ||
|
|
||
| //need to update the state. | ||
| state.tempCount = temp; | ||
| renderTemp(); | ||
| }) | ||
| .catch((error) => { | ||
| console.log(`there has been an error in the axios call. Cause: ${error}`); | ||
| }); | ||
|
|
||
| //what we tried to get async functions working. | ||
|
|
||
| // async function get_temp(query) { | ||
| // let response = await axios.get; | ||
| // } | ||
|
|
||
| // adding temperature number | ||
| // async function f() { | ||
| // let promise = new | ||
|
|
||
| // async function addTemp(event) { | ||
| // state.tempCount += 1; | ||
| // } | ||
|
|
||
| // const getPromise = (time) => { | ||
| // const timeoutTime = time * 1000; | ||
| // const myPromise = new Promise((resolve, reject) => { | ||
| // setTimeout(() => resolve("It's go time!"), timeoutTime); | ||
| // }); | ||
| // return myPromise; | ||
| // }; | ||
|
|
||
| // state.tempCount += 1; | ||
| // const bookCountContainer = document.querySelector("#bookCount"); | ||
| // bookCountContainer.textContent = `Book Count: ${state.bookCount}`; | ||
| // }; | ||
|
|
||
| //registering event handler | ||
|
|
||
| //if loading, | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,34 @@ | ||
| .grid-container { | ||
| display: grid; | ||
| grid-template-columns: auto auto auto; | ||
| background-color: #2196F3; | ||
| padding: 10px; | ||
| } | ||
| .grid-item { | ||
| background-color: rgba(255, 255, 255, 0.8); | ||
| border: 1px solid rgba(0, 0, 0, 0.8); | ||
| padding: 20px; | ||
| font-size: 30px; | ||
| text-align: center; | ||
| } | ||
|
|
||
| button { | ||
| font-size: x-large; | ||
| } | ||
|
|
||
| #tempCount { | ||
| background-color: pink; | ||
| } | ||
|
|
||
| #pink-section { | ||
| background-color: lightpink; | ||
| } | ||
|
|
||
| #garden { | ||
| background-color: white; | ||
| border: 1px solid black; | ||
| } | ||
|
|
||
| h2 { | ||
| font-size : 20px; | ||
| } |
Submodule weather-report-proxy-server
added at
ea5dd1
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Rather than sending
undefinedinto the function, you could leave it blank and also have the registerEventHandlers function not take in any parameters.