OwlBoard/web
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

pis #1

Closed
fred.boniface wants to merge 51 commits from pis into dev
pull from: pis
merge into: OwlBoard:dev
Conversation 0 Commits 51 Files Changed 32 +10 -9
1 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 833517b2dd - Show all commits

7
js/pis.js
View File

@ -9,7 +9,7 @@ async function findByOrigDest() {
if (json == false) { if (json == false) {
await noData() await noData()
} else { } else {
await displayData(json) await insertData(json)
} }
document.getElementById('crs-box').style = 'display:none' document.getElementById('crs-box').style = 'display:none'
document.getElementById('result-box').style = 'display:block' document.getElementById('result-box').style = 'display:block'
@ -22,7 +22,7 @@ async function fetchOrigDest() {
return {origin: orig, destination: dest} return {origin: orig, destination: dest}
} }
async function displayData(json) { async function insertData(json) {
// Receives the JSON Respose ([{},{}]) containing one or more possible // Receives the JSON Respose ([{},{}]) containing one or more possible
// PIS codes. Display the code and the stops with a method of scrolling between them. // PIS codes. Display the code and the stops with a method of scrolling between them.
// Maybe as a table or a carousel? // Maybe as a table or a carousel?
@ -36,7 +36,8 @@ async function displayData(json) {
div.insertAdjacentHTML("beforeend", tableHtml) div.insertAdjacentHTML("beforeend", tableHtml)
const table = document.getElementById('result-table') const table = document.getElementById('result-table')
const data = JSON.parse(json) const data = JSON.parse(json)
for(var i = 0; i < data.length; i++) { for(var i = 0; i < data.length; i++) { // Break into separate function. Need to
// iterate over stops.
let row = `<tr><td class="code">${data[i][code]}</td> let row = `<tr><td class="code">${data[i][code]}</td>
<td class="stops">${data[i][stops]}</td></tr>` <td class="stops">${data[i][stops]}</td></tr>`
table.insertAdjacentHTML("beforeend", row) table.insertAdjacentHTML("beforeend", row)