Formatting fixes

src/js/edgesolver.js

@@ -13,13 +13,13 @@ import 'toastify-js/src/toastify.css'
 
 let orderedEdges = []
 
-export function clearEdges() {
+export function clearEdges () {
     orderedEdges = []
     // clear all previous features so only the last drawn feature remains
     resultsLayer.getSource().clear()
 }
 
-function resultsStyle(feature, resolution) {
+function resultsStyle (feature, resolution) {
     let text
 
     if (feature.getGeometry().getType() === 'LineString') {
@@ -73,7 +73,7 @@ const resultsLayer = new VectorLayer({
     style: resultsStyle
 })
 
-function clearPreviousFeatures() {
+function clearPreviousFeatures () {
     // remove any previous edges from the results layer
 
     resultsLayer.getSource().forEachFeature(function (feature) {
@@ -98,8 +98,7 @@ function clearPreviousFeatures() {
 //    })
 // }
 
-
-function isFeatureSnapped(map, coord, searchLayer) {
+function isFeatureSnapped (map, coord, searchLayer) {
     let extent = boundingExtent([coord]) // still a single point
     const bufferDistance = map.getView().getResolution() * 3 // use a 6 pixel tolerance for snapping
     extent = buffer(extent, bufferDistance) // buffer the point
@@ -113,8 +112,7 @@ function isFeatureSnapped(map, coord, searchLayer) {
     }
 }
 
-
-function serviceCallback(data) {
+function serviceCallback (data) {
     // load route from the GeoJSON
 
     clearPreviousFeatures()
@@ -125,10 +123,9 @@ function serviceCallback(data) {
     resultsLayer.getSource().addFeatures(feats)
 
     // highlightRoute(networkLayer, resultsLayer, data)dateTable(feats, selectInteraction, resultsLayer)
-
 }
 
-function drawEnd(evt, networkLayer, resultsLayer) {
+function drawEnd (evt, networkLayer, resultsLayer) {
     const feature = evt.feature
     const coordinate = feature.getGeometry().getCoordinates()
     const closestNetworkFeature = networkLayer.getSource().getClosestFeatureToCoordinate(coordinate)
@@ -148,21 +145,7 @@ function drawEnd(evt, networkLayer, resultsLayer) {
     }
 }
 
-function showToast(text) {
-    Toastify({
-        text,
-        duration: 3000,
-        close: true,
-        gravity: 'bottom', // `top` or `bottom`
-        position: 'right', // `left`, `center` or `right`
-        stopOnFocus: true // Prevents dismissing of toast on hover
-        // style: {
-        //    background: "linear-gradient(to right, #00b09b, #96c93d)",
-        // },
-    }).showToast()
-}
-
-export function createEdgeSolver(map, networkLayer) {
+export function createEdgeSolver (map, networkLayer) {
     map.addLayer(resultsLayer)
 
     const draw = new Draw({

src/js/index.js

@@ -1 +1 @@
-import 'bootstrap/dist/css/bootstrap.min.css'
+import 'bootstrap/dist/css/bootstrap.min.css'

src/js/isochrones.js

@@ -14,12 +14,12 @@ import { createIsochroneTool } from './isochronessolver.js'
 
 import { createNetworkLayer, toggleLabels } from './networklayer.js'
 
-function init() {
+function init () {
     const geojsonFile = './data/stbrice.json'
     const extent = [2.3314107610246633, 48.988440397479536, 2.4050093789098863, 49.01280894618151]
     const bbox = transformExtent(extent, 'EPSG:4326', 'EPSG:3857')
     const background = null// '#1a2b39'  //null
-    const showOSM = true
+    // const showOSM = true
 
     const networkLayer = createNetworkLayer(geojsonFile, background)
 

src/js/networklayer.js

@@ -7,7 +7,7 @@ import { Point } from 'ol/geom'
 let showNetworkLabels = false
 let networkLayer
 
-let networkLineColor = 'rgba(255, 255, 255, 0.7)';
+let networkLineColor = 'rgba(255, 255, 255, 0.7)'
 
 function networkStyle (feature, resolution) {
     function getText (feature) {
@@ -20,7 +20,7 @@ function networkStyle (feature, resolution) {
 
     const styles = [new Style({
         stroke: new Stroke({
-            color: networkLineColor, //'rgba(255, 255, 255, 0.7)',
+            color: networkLineColor, // 'rgba(255, 255, 255, 0.7)',
             width: 2
         }),
         text: new Text({
@@ -49,7 +49,6 @@ function networkStyle (feature, resolution) {
         const dy = end[1] - start[1]
         const rotation = Math.atan2(dy, dx)
 
-
         styles.push(
             new Style({
                 geometry: new Point(centerCoordinate),
@@ -103,8 +102,7 @@ export function toggleLabels () {
     networkLayer.getSource().changed()
 }
 
-export function createNetworkLayer(jsn, background = '#1a2b39', lineColor = 'rgba(255, 255, 255, 0.7)') {
-
+export function createNetworkLayer (jsn, background = '#1a2b39', lineColor = 'rgba(255, 255, 255, 0.7)') {
     networkLineColor = lineColor
 
     networkLayer = new VectorLayer({

src/js/table.js

@@ -82,8 +82,8 @@ export function updateTable (feats, originSelectInteraction, originResultsLayer)
 
     // myTable.refresh()
 
-    const tableDiv = document.getElementById('mydiv');
-    tableDiv.style.visibility = 'visible';
+    const tableDiv = document.getElementById('mydiv')
+    tableDiv.style.visibility = 'visible'
 }
 
 export function createTable () {

vite.config.js

@@ -9,12 +9,12 @@ export default {
         hot: true,
         proxy: {
             // note the Python services must also be deployed to an /api end point
-            "/api": {
-                target: "http://127.0.0.1:8020",
+            '/api': {
+                target: 'http://127.0.0.1:8020',
                 changeOrigin: true,
-                secure: false,
-            },
-        },
+                secure: false
+            }
+        }
     },
     build: {
         sourcemap: true,
@@ -35,7 +35,7 @@ export default {
                     hook: 'writeBundle'
                 })
             ]
-        },
+        }
 
-    },
+    }
 }