From ae00f68435077b1824b70081bff59aa5bad58078 Mon Sep 17 00:00:00 2001 From: Anton Tananaev Date: Thu, 15 Dec 2016 00:03:36 +1300 Subject: Begin simple web app implementation --- web/simple/app.js | 63 +++++++++++++++++++++++++++++++++++++++++++++++++++ web/simple/index.html | 14 ++++++++++++ 2 files changed, 77 insertions(+) create mode 100644 web/simple/app.js create mode 100644 web/simple/index.html (limited to 'web') diff --git a/web/simple/app.js b/web/simple/app.js new file mode 100644 index 0000000..1a5fabf --- /dev/null +++ b/web/simple/app.js @@ -0,0 +1,63 @@ +/* + * Copyright 2016 Anton Tananaev (anton@traccar.org) + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +var url = 'http://localhost:8082'; +var token = 'TOKEN'; + +var map = new ol.Map({ + layers: [ + new ol.layer.Tile({ + source: new ol.source.OSM() + }) + ], + target: 'map', + view: new ol.View({ + center: [0, 0], + zoom: 2 + }) +}); + +var ajax = function (method, url, callback) { + var x = new XMLHttpRequest(); + x.open(method, url, true); + x.onreadystatechange = function () { + if (x.readyState == 4) { + callback(JSON.parse(x.responseText)); + } + }; + if (method == 'POST') { + x.setRequestHeader('Content-type', 'application/json'); + } + x.send() +}; + +ajax('GET', url + '/api/session?token=' + token, function(user) { + ajax('GET', url + '/api/devices', function(devices) { + + var socket = new WebSocket('ws' + url.substring(4) + '/api/socket'); + + socket.onclose = function (event) { + console.log('socket closed'); + }; + + socket.onmessage = function (event) { + var data = JSON.parse(event.data); + + console.log(data); + }; + + }); +}); diff --git a/web/simple/index.html b/web/simple/index.html new file mode 100644 index 0000000..08c9b2b --- /dev/null +++ b/web/simple/index.html @@ -0,0 +1,14 @@ + + + + + +Traccar + + + +
+ + + + -- cgit v1.2.3