Skip to content
This repository has been archived by the owner on Jan 4, 2024. It is now read-only.

Frontend

BigKahuna7385 edited this page Jul 14, 2020 · 13 revisions

Frontend-documentation

return Value of Backend Calls in XML

Leaflet Docu

For more info around leaflet.js

Extensions

For more info around MovingMarker.js
For more info around leaflet-kml
For more info around leaflet-gpx
For more info around leaflet-kml
For more info around JQuery

ajax.js

Function to handle all back end calls.

contextMenu.js

In this JS the functions for the context menu are mapped.

createMap.js

Here the map is initialised, tile set is loaded and controls added. The country borders are drawn and events are bound for the popup function. Also the ISS icon is initialised and drawn to the map. loadingText() is a small animation for the loading text. Function for Time parsing

In $(document).ready functions are called which need the map object to be ready.

crewCompliment.js

In this script the click event on the ISS is handled. There is a call to the back end to receive the information and the information is displayed in a <div> which is next to the mouse cursor.

flybyCompliment.js

Get crew infos on ISS crew.

geoCoding.js

Resolves address to coordinates

gpxRender.js

Renders gpx and sets waypoints

iss_call.js

iss_call.js is started with the website, it will create the icon for the ISS on the map and start the movin animation. The back end is called every 5 seconds to get the position of the ISS. (5 second is the restriction of the API)

passesCountry.js

Gets ISS pass by times for a country in the intervall of the last 12 hours.

positionMarker.js

In this script the marker is created and a circle around it added. When the marker is moved the circle with be redrawn.

rss.js

Similar to the crew compliment the RSS feed is called from the back end an displayed in the left side bar. Also paging is handled in this script.

sidebar.js

Here all the sidebar animations are controlled.

slider.js

The two sliders are given their functionality here.

slideshow.js

This script handles the ISS crew slideshow.

xslt.js

In this script the different XSL tranfsormations can be found.