flespi-software / trackit Goto Github PK

A GPS tracking application based on flespi.io and built with Quasar. Shows devices on the map and their telemetry messages; includes a track player.

Home Page: https://trackit.flespi.io

License: MIT License

JavaScript 27.23% Vue 71.32% HTML 0.78% Stylus 0.67%

vue quasar gps tracking flespi leaflet

trackit's Introduction

Track It!

A GPS tracking application based on flespi.io and built with Quasar and Leaflet.js. Shows devices on the map and their telemetry messages; includes a track player.

Features

ES6 Javascript
Vue.js
Writing .vue files
Vuex
Webpack
Responsive layout
NPM ecosystems
Leaflet
Material theme
Dev Hot Reload
and many more!

Prerequisites:

Node.js (>=18.x)
npm version 10+ and Git.

Used API resurces:

REST
https://flespi.io/gw/devices/{selector}
https://flespi.io/gw/devices/{selector}/telemetry
https://flespi.io/gw/devices/{selector}/messages
MQTT
flespi/log/gw/devices/{selector}/created
flespi/log/gw/devices/{selector}/updated
flespi/log/gw/devices/{selector}/deleted
flespi/message/gw/devices/{selector}/#

Requirements:

You need to have a separate token with at least the following ACLs:
REST
https://flespi.io/gw/devices/{selector}
https://flespi.io/gw/devices/{selector}/telemetry
https://flespi.io/gw/devices/{selector}/messages
https://flespi.io/gw/protocols

Build Setup

# clone the repo
$ git clone https://github.com/flespi-software/TrackIt.git mytracker

# go into app's directory and install dependencies
$ cd mytracker
$ npm install

# serve with hot reload at localhost:7006 for flespi.io
$ npm run dev

# build for production with minification for flespi.io
$ npm run build

# serve with hot reload at localhost:7006 for localhost:9005
$ npm run dev_local

Demo

Check it out live!

License

MIT license.

trackit's People

Contributors

Stargazers

Watchers

trackit's Issues

OwnTrack / NextTrack support?

Hi,

does it have a owntrack or nexttrack support? I like this one, you should have a donate button on your read me

Can I ask what is the difference between this repo to Orion project of Linwiki?

Page https://localhost:9005/login/#/providers not found

I just installed this source and run command "quasar serve"

My browse open the url http://localhost:7006/#/login

and I click on the button login/register but I cannot access the login page.

https://localhost:9005/login/#/providers not found.

Error for undefined variable

When I try to click on button to "Show on map"

it produce an error on console

However if we do the same thing on live demo it works, maybe the demo has the fix.

unable to build Trackit

Hello,

I have tried to build Trackit using the Build setup on the main Github page, and it comes up as
"-bash: git: command not found"

I am running Oracle Linux on my Oracle Cloud.

Can you advise on how I can build/install Trackit on this infrastructure please.

Thank you in advance,
Michael

npm WARN tar ENOENT: no such file or directory, open '/home/ubuntu/mytracker/node_modules/.staging/eslint-plugin-vue-f2c1e3c1/lib/rules/valid-v-text.js'
npm ERR! Error while executing:
npm ERR! /usr/bin/git ls-remote -h -t ssh://[email protected]/flespi-software/QVirtualScroll.git
npm ERR!
npm ERR! [email protected]: Permission denied (publickey).
npm ERR! fatal: Could not read from remote repository.
npm ERR!
npm ERR! Please make sure you have the correct access rights
npm ERR! and the repository exists.
npm ERR!
npm ERR! exited with error code: 128

npm ERR! A complete log of this run can be found in:
npm ERR! /home/ubuntu/.npm/_logs/2021-06-14T14_34_24_223Z-debug.log

See all vehicles at once

Hello,
I would like to see all vehicles at once when I login into the service. Now, you have to select each car one by one.
Could you maybe suggest which change to make so that is possible? Thanks!

I can not see vehicles on map

When I try to run app locally with "quasar dev" and using Flespi.io for authentication, when I try to see vehicles on map it is not posible because component qvirtualscroll/src/store/modules/devicesMessages/index.js on line 8 Vue.$logger is Undefined and the app not continue to show vehicles on map.

QVirtualScroll_on_Track-it.mp4

NPM is not installing

Error: Cannot find module 'webpack'