lucasoskorep/mta-sign
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Finished first full flow design. All updates are displayed on the board.

Browse Source
This commit is contained in:
Lucas
2021-07-18 17:14:28 -04:00
parent dfdffda31e
commit f372d0d48e
3 changed files with 187 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
templates/static/js/DataRequests.js
View File

@@ -1,12 +1,12 @@
$(document).ready(function () {
function clearCanvas() {
var canvas = document.getElementById("inputCanvas");
var ctx = canvas.getContext("2d");
ctx.clearRect(0, 0, canvas.width, canvas.height);
}
const interval = setInterval(function () {
updateData($('#station_1'))
updateData($('#station_2'))
}, 5000);
function updateData(station) {
function getData() {
$.ajax({
type: "POST",
//the url where you want to sent the userName and password to
@@ -15,10 +15,10 @@ $(document).ready(function () {
dataType: "json",
async: true,
//json object to sent to the authentication url
data: JSON.stringify({"test_dict":"test_value"}, null, '\t'),
data: JSON.stringify({"station": station.find('.station-name:first').get(0).innerText}, null, '\t'),
success: function (data, text) {
$("#result").text(JSON.stringify(data));
// console.log(data)
updateStation(station, data)
},
error: function (request, status, error) {
alert(request.responseText);
@@ -26,8 +26,55 @@ $(document).ready(function () {
});
}
$("#test_button").click(function () {
getData();
});
function updateStation(station, data) {
//get first item
updateDirections(station, data, "North");
updateDirections(station, data, "South");
}
});
function updateDirections(station, data, direction) {
// console.log(direction)
// console.log(".card:".concat(direction === "North" ? "first" : "last"))
n = data[direction]
// console.log(data[direction])
list_items = station.find(".card:".concat(direction === "North" ? "first" : "last")).find(".station-info")
var i = 0;
for (var train in n) {
// console.log(train)
// console.log(list_items)
updateLineItem(list_items.get(i), n[train], train)
i = i + 1
}
}
function updateLineItem(listItem, times, train) {
// console.log(times)
$(listItem).find("img").attr("src", "/static/images/lines/" + train + ".svg")
$(listItem).find("h1").text(times.sort(function (a, b) {
return a - b;
}).join(", "));
}
});
function setStation(ele) {
console.log(ele)
console.log($(ele).text())
var stop_name = ele.text;
$.ajax({
type: "POST",
//the url where you want to sent the userName and password to
url: '/get_stop_id',
contentType: "application/json",
dataType: "json",
async: true,
//json object to sent to the authentication url
data: JSON.stringify({"stop_name": stop_name}, null, '\t'),
success: function (data, text) {
alert(JSON.stringify(data));
},
error: function (request, status, error) {
alert(request.responseText);
}
});
}