高鐵APP Enoch | 程式專案 | 橘蘋學習平台

{"id":46404,"student_id":1587,"content":"{\"html\":\"\u003c!DOCTYPE html\u003e\\n\u003chtml\u003e\\n\u003chead\u003e\\n    \u003ctitle\u003eDocument\u003c/title\u003e\\n    \u003clink rel=\\\"stylesheet\\\" href=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css\\\"\u003e\\n    \u003cscript src=\\\"https://code.jquery.com/jquery-3.2.1.min.js\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js\\\"\u003e\u003c/script\u003e\\n    \u003cscript src=\\\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js\\\"\u003e\u003c/script\u003e\\n\u003c/head\u003e\\n\u003cbody class=\\\"p-4\\\"\u003e\\n    \u003ch1 class=\\\"text-center\\\"\u003e高鐵查詢\u003c/h1\u003e\\n    \u003clabel for=\\\"origin\\\" id=\\\"origin-title\\\"\u003e啟程站\u003c/label\u003e\\n    \u003cselect class=\\\"form-control mb-2\\\" id=\\\"origin\\\"\u003e\\n    \u003c/select\u003e\\n    \u003clabel for=\\\"stopping\\\" id=\\\"stopping-title\\\"\u003e到達站\u003c/label\u003e\\n    \u003cselect class=\\\"form-control mb-2\\\" id=\\\"stopping\\\"\u003e\u003c/select\u003e\\n    \u003clabel for=\\\"date\\\"\u003e日期\u003c/label\u003e\\n    \u003cinput class=\\\"form-control\\\" type=\\\"date\\\" id=\\\"date\\\"\u003e\\n    \u003cbutton class=\\\"btn btn-danger btn-block my-3\\\" id=\\\"search\\\"\u003e開始查詢\u003c/button\u003e\\n    \u003cbutton class=\\\"btn btn-warning btn-block my-3\\\" id=\\\"change\\\"\u003e交換\u003c/button\u003e\\n    \u003ctable class=\\\"table table-striped bg-light\\\"\u003e\\n        \u003cthead\u003e\\n            \u003ctr\u003e\\n                \u003ctd\u003e#\u003c/td\u003e\\n                \u003ctd\u003e車號\u003c/td\u003e\\n                \u003ctd\u003e發車時間\u003c/td\u003e\\n                \u003ctd\u003e到達時間\u003c/td\u003e\\n            \u003c/tr\u003e\\n        \u003c/thead\u003e\\n        \u003ctbody id=\\\"result\\\"\u003e\u003c/tbody\u003e\\n    \u003c/table\u003e\\n\u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"body {\\n    background-image: url(train.jpg);\\n    background-repeat: no-repeat;\\n    background-attachment: fixed;\\n}\\n#origin-title {\\n    color: red;\\n}\\n#stopping-title {\\n    color: blue;\\n}\",\"js\":\"var data;\\nvar mdata;\\nvar date_data;\\nvar date_;\\nvar number = 1;\\nvar date;\\nvar originStation;\\nvar stoppingStation;\\n\\n$('#origin').text(\\\"\\\");\\n$('#date').text(\\\"\\\");\\n$.get('https://us-central1-orangeapple-d1f13.cloudfunctions.net/stations', function (data) {\\n    mdata = data;\\n    console.log(mdata);\\n    console.log(mdata.length);\\n    $('#origin').append(`\u003coption value=\\\"1000\\\"\u003e台北\u003c/option\u003e`);\\n    $('#origin').append(`\u003coption value=\\\"0990\\\"\u003e南港\u003c/option\u003e`);\\n    $('#stopping').append(`\u003coption value=\\\"1070\\\"\u003e左營\u003c/option\u003e`);\\n    $('#stopping').append(`\u003coption value=\\\"1000\\\"\u003e台北\u003c/option\u003e`);\\n    for (var i = 2; i \u003c mdata.length-2; i++) {\\n        // console.log(\\\"test\\\");\\n        $('.mb-2').append(`\u003coption value=${mdata[i].id}\u003e${mdata[i].name}\u003c/option\u003e`);\\n    }\\n    $('#origin').append(`\u003coption value=\\\"1070\\\"\u003e左營\u003c/option\u003e`);\\n});\\n\\n// $('#origin').text(\\\"台北\\\");\\n\\n// console.log(new Date());\\ndate = new Date();\\ndate = date.toISOString();//將其轉換成2018-11-03形式\\n// console.log(date);\\ndate = date.slice(0, 10);\\nconsole.log(date);\\n$('#date').val(date);\\n\\n$('#search').on(\\\"click\\\", function() {\\n    // console.log($('#origin').val());\\n    // console.log($('#stopping').val());\\n    // console.log($('#date').val());\\n    originStation = $('#origin').val();\\n    stoppingStation = $('#stopping').val();\\n    $.get(`https://us-central1-orangeapple-d1f13.cloudfunctions.net/dailyTimetable?start=${$('#origin').val()}\u0026stop=${$('#stopping').val()}\u0026date=${$('#date').val()}`,\\n        function (date_) {\\n            // console.log(date_);\\n            date_data = date_;\\n            // console.log(\\\"test2\\\");\\n            // console.log(date_data);\\n            // console.log(date_data.length);\\n            $('#result').html(\\\"\\\");\\n            number = 1;\\n            for (var e = 0; e \u003c date_data.length; e++) {\\n                $('#result').append(`\u003ctr\u003e\\n                    \u003ctd\u003e${number}\u003c/td\u003e\\n                    \u003ctd\u003e${date_data[e].TrainNo}\u003c/td\u003e\\n                    \u003ctd\u003e${date_data[e].DepartureTime}\u003c/td\u003e\\n                    \u003ctd\u003e${date_data[e].ArrivalTime}\u003c/td\u003e\\n                    \u003c/tr\u003e`);\\n                number++;\\n            }\\n        });\\n});\\n\\n$('#change').on(\\\"click\\\", function(){\\n    \\n    originStation = $('#origin').val();//如何用value找.name ???\\n    console.log(originStation);\\n    stoppingStation = $('#stopping').val();\\n    console.log(stoppingStation);\\n    $('#origin').val(stoppingStation);\\n    $('#stopping').val(originStation);\\n    \\n});\"}","created_at":"2018-10-24T20:35:57.193+08:00","updated_at":"2019-11-04T05:57:52.695+08:00","name":"高鐵APP Enoch","language":"web","screenshot":{"url":"https://cdn4.koding.school/uploads/project/screenshot/46404/ac4affd6d6267a00a2fc69c9d6842af1.jpg"},"parent_id":25193,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":132,"hashid":"2pdsv2p6","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}