gtfs-to-html 2.7.2 → 2.8.0

package/views/default/js/timetable-map.js

@@ -1,358 +0,0 @@
-/* global window, document, $, mapboxgl */
-/* eslint no-var: "off", prefer-arrow-callback: "off", no-unused-vars: "off" */
-
-const maps = {};
-
-function formatRouteColor(route) {
-  return route.route_color || '#000000';
-}
-
-function formatRouteTextColor(route) {
-  return route.route_text_color || '#FFFFFF';
-}
-
-function formatRoute(route) {
-  const html = route.route_url
-    ? $('<a>').attr('href', route.route_url)
-    : $('<div>');
-
-  html.addClass('map-route-item');
-
-  // Only add color swatch if route has a color
-  const routeItemDivs = [];
-
-  if (route.route_color) {
-    routeItemDivs.push(
-      $('<div>')
-        .addClass('route-color-swatch')
-        .css('backgroundColor', formatRouteColor(route))
-        .css('color', formatRouteTextColor(route))
-        .text(route.route_short_name ?? ''),
-    );
-  }
-  routeItemDivs.push(
-    $('<div>')
-      .addClass('underline-hover')
-      .text(route.route_long_name ?? `Route ${route.route_short_name}`),
-  );
-
-  html.append(routeItemDivs);
-
-  return html.prop('outerHTML');
-}
-
-function formatStopPopup(feature, routes) {
-  const routeIds = JSON.parse(feature.properties.routes);
-  const html = $('<div>');
-
-  $('<div>')
-    .addClass('popup-title')
-    .text(feature.properties.stop_name)
-    .appendTo(html);
-
-  if (feature.properties.stop_code ?? false) {
-    $('<div>')
-      .html([
-        $('<label>').addClass('popup-label').text('Stop Code:'),
-        $('<strong>').text(feature.properties.stop_code),
-      ])
-      .appendTo(html);
-  }
-
-  $('<label>').text('Routes Served:').appendTo(html);
-
-  $(html).append(
-    $('<div>')
-      .addClass('route-list')
-      .html(routeIds.map((routeId) => formatRoute(routes[routeId]))),
-  );
-
-  $('<a>')
-    .addClass('btn-blue btn-sm')
-    .prop(
-      'href',
-      `https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=${feature.geometry.coordinates[1]},${feature.geometry.coordinates[0]}&heading=0&pitch=0&fov=90`,
-    )
-    .prop('target', '_blank')
-    .prop('rel', 'noopener noreferrer')
-    .html('View on Streetview')
-    .appendTo(html);
-
-  return html.prop('outerHTML');
-}
-
-function getBounds(geojson) {
-  const bounds = new mapboxgl.LngLatBounds();
-  for (const feature of geojson.features) {
-    if (feature.geometry.type.toLowerCase() === 'point') {
-      bounds.extend(feature.geometry.coordinates);
-    } else if (feature.geometry.type.toLowerCase() === 'linestring') {
-      for (const coordinate of feature.geometry.coordinates) {
-        bounds.extend(coordinate);
-      }
-    } else if (feature.geometry.type.toLowerCase() === 'multilinestring') {
-      for (const linestring of feature.geometry.coordinates) {
-        for (const coordinate of linestring) {
-          bounds.extend(coordinate);
-        }
-      }
-    }
-  }
-
-  return bounds;
-}
-
-function createMap(id, geojson, routes) {
-  const defaultRouteColor = '#000000';
-  const lineLayout = {
-    'line-join': 'round',
-    'line-cap': 'round',
-  };
-
-  if (!geojson || geojson.features.length === 0) {
-    $('#map_' + id).hide();
-    return false;
-  }
-
-  const bounds = getBounds(geojson);
-  const map = new mapboxgl.Map({
-    container: 'map_' + id,
-    style: 'mapbox://styles/mapbox/light-v10',
-    center: bounds.getCenter(),
-    zoom: 12,
-    preserveDrawingBuffer: true,
-  });
-
-  map.initialize = () =>
-    map.fitBounds(bounds, {
-      padding: {
-        top: 40,
-        bottom: 40,
-        left: 20,
-        right: 40,
-      },
-      duration: 0,
-    });
-
-  map.scrollZoom.disable();
-  map.addControl(new mapboxgl.NavigationControl());
-
-  map.on('load', () => {
-    map.fitBounds(bounds, {
-      padding: {
-        top: 40,
-        bottom: 40,
-        left: 20,
-        right: 40,
-      },
-      duration: 0,
-    });
-
-    // Turn off Points of Interest labels
-    map.setLayoutProperty('poi-label', 'visibility', 'none');
-
-    // Find the index of the first symbol layer in the map style to put the route lines underneath
-    let firstSymbolId;
-    for (const layer of map.getStyle().layers) {
-      if (layer.type === 'symbol') {
-        firstSymbolId = layer.id;
-        break;
-      }
-    }
-
-    // Add route drop shadow outline first
-    map.addLayer(
-      {
-        id: 'route-line-shadow',
-        type: 'line',
-        source: {
-          type: 'geojson',
-          data: geojson,
-        },
-        paint: {
-          'line-color': '#000000',
-          'line-opacity': 0.3,
-          'line-width': {
-            base: 12,
-            stops: [
-              [14, 20],
-              [18, 42],
-            ],
-          },
-          'line-blur': {
-            base: 12,
-            stops: [
-              [14, 20],
-              [18, 42],
-            ],
-          },
-        },
-        layout: lineLayout,
-        filter: ['!has', 'stop_id'],
-      },
-      firstSymbolId,
-    );
-
-    // Add route line outline
-    map.addLayer(
-      {
-        id: 'route-line-outline',
-        type: 'line',
-        source: {
-          type: 'geojson',
-          data: geojson,
-        },
-        paint: {
-          'line-color': '#FFFFFF',
-          'line-opacity': 1,
-          'line-width': {
-            base: 8,
-            stops: [
-              [14, 12],
-              [18, 32],
-            ],
-          },
-        },
-        layout: lineLayout,
-        filter: ['!has', 'stop_id'],
-      },
-      firstSymbolId,
-    );
-
-    // Add route line
-    map.addLayer(
-      {
-        id: 'route-line',
-        type: 'line',
-        source: {
-          type: 'geojson',
-          data: geojson,
-        },
-        paint: {
-          'line-color': ['to-color', ['get', 'route_color'], defaultRouteColor],
-          'line-opacity': 1,
-          'line-width': {
-            base: 4,
-            stops: [
-              [14, 6],
-              [18, 16],
-            ],
-          },
-        },
-        layout: lineLayout,
-        filter: ['!has', 'stop_id'],
-      },
-      firstSymbolId,
-    );
-
-    // Add stops
-    map.addLayer({
-      id: 'stops',
-      type: 'circle',
-      source: {
-        type: 'geojson',
-        data: geojson,
-      },
-      paint: {
-        'circle-color': '#fff',
-        'circle-radius': {
-          base: 1.75,
-          stops: [
-            [12, 4],
-            [22, 100],
-          ],
-        },
-        'circle-stroke-color': '#3f4a5c',
-        'circle-stroke-width': 2,
-      },
-      filter: ['has', 'stop_id'],
-    });
-
-    // Layer for highlighted stops
-    map.addLayer({
-      id: 'stops-highlighted',
-      type: 'circle',
-      source: {
-        type: 'geojson',
-        data: geojson,
-      },
-      paint: {
-        'circle-color': '#fff',
-        'circle-radius': {
-          base: 1.75,
-          stops: [
-            [12, 5],
-            [22, 125],
-          ],
-        },
-        'circle-stroke-width': 2,
-        'circle-stroke-color': '#3f4a5c',
-      },
-      filter: ['==', 'stop_id', ''],
-    });
-
-    map.on('mousemove', (event) => {
-      const features = map.queryRenderedFeatures(event.point, {
-        layers: ['stops'],
-      });
-      if (features.length > 0) {
-        map.getCanvas().style.cursor = 'pointer';
-        highlightStop(features[0].properties.stop_id);
-      } else {
-        map.getCanvas().style.cursor = '';
-        unHighlightStop();
-      }
-    });
-
-    map.on('click', (event) => {
-      // Set bbox as 5px rectangle area around clicked point
-      const bbox = [
-        [event.point.x - 5, event.point.y - 5],
-        [event.point.x + 5, event.point.y + 5],
-      ];
-      const features = map.queryRenderedFeatures(bbox, {
-        layers: ['stops-highlighted', 'stops'],
-      });
-
-      if (!features || features.length === 0) {
-        return;
-      }
-
-      // Get the first feature and show popup
-      const feature = features[0];
-
-      new mapboxgl.Popup()
-        .setLngLat(feature.geometry.coordinates)
-        .setHTML(formatStopPopup(feature, routes))
-        .addTo(map);
-    });
-
-    function highlightStop(stopId) {
-      map.setFilter('stops-highlighted', ['==', 'stop_id', stopId]);
-    }
-
-    function unHighlightStop() {
-      map.setFilter('stops-highlighted', ['==', 'stop_id', '']);
-    }
-
-    // On table hover, highlight stop on map
-    $('th, td', $('#' + id + ' table')).hover((event) => {
-      let stopId;
-      const table = $(event.target).parents('table');
-      if (table.data('orientation') === 'vertical') {
-        var index = $(event.target).index();
-        stopId = $('colgroup col', table).eq(index).data('stop-id');
-      } else {
-        stopId = $(event.target).parents('tr').data('stop-id');
-      }
-
-      if (stopId === undefined) {
-        return;
-      }
-
-      highlightStop(stopId.toString());
-    }, unHighlightStop);
-  });
-
-  maps[id] = map;
-}

package/views/default/js/timetable-menu.js

@@ -1,63 +0,0 @@
-/* global window, document, $, maps */
-/* eslint no-unused-vars: "off" */
-
-$(() => {
-  showSelectedTimetable();
-
-  $('#day_list_selector input[name="dayList"]').change(() => {
-    showSelectedTimetable();
-  });
-
-  $('#direction_name_selector input[name="directionName"]').change(() => {
-    showSelectedTimetable();
-  });
-
-  function showSelectedTimetable() {
-    if ($('.timetable').length === 1) {
-      showTimetable($('.timetable').attr('id'));
-      return false;
-    }
-
-    $('#day_list_selector input[name="dayList"]').each((index, element) => {
-      $(element)
-        .parents('label')
-        .toggleClass('btn-blue', $(element).is(':checked'));
-      $(element)
-        .parents('label')
-        .toggleClass('btn-gray', $(element).is(':not(:checked)'));
-    });
-
-    $('#direction_name_selector input[name="directionName"]').each(
-      (index, element) => {
-        $(element)
-          .parents('label')
-          .toggleClass('btn-blue', $(element).is(':checked'));
-        $(element)
-          .parents('label')
-          .toggleClass('btn-gray', $(element).is(':not(:checked)'));
-      },
-    );
-
-    const dayList = $('#day_list_selector input[name="dayList"]:checked').val();
-    const directionName = $(
-      '#direction_name_selector input[name="directionName"]:checked',
-    ).val();
-
-    $('.timetable').hide();
-    const id = $(
-      '.timetable[data-day-list="' +
-        dayList +
-        '"][data-direction-name="' +
-        directionName +
-        '"]',
-    ).attr('id');
-    showTimetable(id);
-  }
-
-  function showTimetable(id) {
-    $('#' + id).show();
-    if (typeof maps !== 'undefined' && maps[id]) {
-      maps[id].resize();
-    }
-  }
-});

package/views/default/layout.pug

@@ -1,11 +0,0 @@
-doctype html
-html
-  head
-    title= title
-    meta(charset="utf-8")
-    meta(name="viewport" content="initial-scale=1.0, width=device-width")
-
-    block extraHeader
-
-  body
-    block content

package/views/default/overview.pug

@@ -1,27 +0,0 @@
-include formatting_functions.pug
-
-.timetable-overview
-  if !timetablePages || !timetablePages.length
-    h1 No timetables found
-  else
-    .overview-list
-      each timetablePageGroup in getAgencyTimetableGroups(timetablePages, agencies)
-        h1= `${formatAgencyName(timetablePageGroup.agency)} Routes`
-        each timetablePage in timetablePageGroup.timetablePages
-          if config.allowEmptyTimetables || timetablePage.consolidatedTimetables.length > 0
-            a.timetable-page-link(href=`${timetablePage.relativePath}` data-route-ids=`${timetablePage.route_ids ? timetablePage.route_ids.join(',') : ''}`)
-              - const timetableRouteList = _.uniqBy(_.flatMap(timetablePage.consolidatedTimetables, timetable => timetable.routes), 'route_id')
-              each route in timetableRouteList
-                .route-color-swatch-large(style=`background-color: ${formatRouteColor(route)}; color: ${formatRouteTextColor(route)};`)= route.route_short_name || ''
-              div
-                .timetable-page-label= timetablePage.timetable_page_label || timetableRouteList.map(route => formatRouteName(route)).join(' and ')
-                .badge-gray= timetablePage.dayList
-    if config.showMap
-      #system_map.overview-map
-
-      //- Use !{variable} format to inject values from pug to client side js
-      script.
-        (function() {
-          const geojson = !{JSON.stringify(geojson) || '\'\''};
-          createSystemMap('system_map', geojson);
-        })();

package/views/default/overview_full.pug

@@ -1,16 +0,0 @@
-extends layout
-block content
-  include overview.pug
-
-block extraHeader
-  if config.showMap
-    script(src="https://unpkg.com/jquery@3.7.1/dist/jquery.min.js" crossorigin="anonymous")
-    script(src="https://unpkg.com/lodash@4.17.21/lodash.min.js" crossorigin="anonymous")
-    script(src="https://api.mapbox.com/mapbox-gl-js/v3.5.1/mapbox-gl.js")
-    script.
-      mapboxgl.accessToken = '#{config.mapboxAccessToken}';
-    script(src=`${config.assetPath}js/system-map.js`)
-
-    link(href="https://api.mapbox.com/mapbox-gl-js/v3.5.1/mapbox-gl.css" rel="stylesheet")
-
-  link(rel="stylesheet" href=`${config.assetPath}css/overview_styles.css`)

package/views/default/timetable_continuation_as.pug

@@ -1,7 +0,0 @@
-- const routeColorCss = trip.continues_as_route ? getRouteColorsAsCss(trip.continues_as_route.route) : ''
-td.run-footer(style=routeColorCss)
-  if trip.continues_as_route
-    if trip.continues_as_route.route.route_url
-      a.continues-as-route(href=`${trip.continues_as_route.route.route_url}` style=routeColorCss data-trip-id=trip.continues_as_route.trip_id)= trip.continues_as_route.route.route_short_name
-    else
-      .continues-as-route(data-trip-id=trip.continues_as_route.trip_id)= trip.continues_as_route.route.route_short_name

package/views/default/timetable_continuation_from.pug

@@ -1,7 +0,0 @@
-- const routeColorCss = trip.continues_from_route ? getRouteColorsAsCss(trip.continues_from_route.route) : ''
-td.run-footer(style=routeColorCss)
-  if trip.continues_from_route
-    if trip.continues_from_route.route.route_url
-      a.continues-from-route(href=`${trip.continues_from_route.route.route_url}` style=routeColorCss data-trip-id=trip.continues_from_route.trip_id)= trip.continues_from_route.route.route_short_name
-    else
-      .continues-from-route(data-trip-id=trip.continues_from_route.trip_id)= trip.continues_from_route.route.route_short_name

package/views/default/timetable_horizontal.pug

@@ -1,42 +0,0 @@
-.table-container
-  table.table-horizontal(summary= getTimetableSummary(timetable) data-orientation="horizontal")
-    caption.sr-only= `${timetable.timetable_label} | ${timetable.dayList}`
-    colgroup
-      col
-      each trip, idx in timetable.orderedTrips
-        col(id=`trip_id_${formatHtmlId(trip.trip_id)}` class=`run_${idx} ${(trip.trip_short_name) ? 'trip_short_name_' + trip.trip_short_name : ''}`)
-    thead
-      tr
-        th.stop-header(scope="col") Stop
-        each trip, idx in timetable.orderedTrips
-          th.run-header(scope="col")= formatTripName(trip, idx, timetable)
-            each note in getNotesForTrip(timetable.notes, trip)
-              include timetable_note_symbol.pug
-      if timetable.frequencies && !timetable.frequencyExactTimes
-        tr.trip-row
-          td.trip-frequency(colspan=`${timetable.orderedTrips.length + 1}`)!= formatFrequencyWarning(timetable.frequencies)
-    tbody
-      if timetable.has_continues_from_route
-        tr.continues-from-row
-          th Continues from route
-          each trip in timetable.orderedTrips
-            include timetable_continuation_from.pug
-      - let previousCity = null;
-      each stop in timetable.stops
-        if stop.stop_city !== '' && previousCity !== stop.stop_city && config.showStopCity
-          tr.city-row
-            th(scope="row" colspan=`${stop.trips.length + 1}`)= stop.stop_city
-          - previousCity = stop.stop_city
-
-        tr.stop-row(id=`stop_id_${formatHtmlId(stop.stop_id)}` data-stop-id=`${stop.stop_id}` data-is-timepoint=`${stop.is_timepoint}`)
-          th.stop-name-container(scope="row")
-            include timetable_stop_name.pug
-
-          each stoptime in stop.trips
-            include timetable_stoptime.pug
-
-      if timetable.has_continues_as_route
-        tr.continues-as-row
-          th Continues as route
-          each trip in timetable.orderedTrips
-            include timetable_continuation_as.pug

package/views/default/timetable_hourly.pug

@@ -1,30 +0,0 @@
-.table-container
-  table.table-hourly(summary= getTimetableSummary(timetable) data-orientation="hourly")
-    caption.sr-only= `${timetable.timetable_label} | ${timetable.dayList}`
-    thead
-      tr
-        th.stop-header(scope="col") Stop
-        th(scope="col") Minutes after the hour
-
-    tbody
-      if timetable.frequencies && !timetable.frequencyExactTimes
-        tr.trip-row
-          td.trip-frequency(colspan="2")!= formatFrequencyWarning(timetable.frequencies)
-      - let previousCity
-      each stop in timetable.stops
-        if previousCity !== stop.stop_city && config.showStopCity
-          tr.city-row
-            th(scope="row" colspan="2")= stop.stop_city
-        - previousCity = stop.stop_city
-
-        tr.stop-row(id=`stop_id_${formatHtmlId(stop.stop_id)}` data-stop-id=`${stop.stop_id}`)
-          th.stop-name-container(scope="row")
-            include timetable_stop_name.pug
-
-          td.stop-time= stop.hourlyTimes.join(', ')
-
-- const firstStop = timetable.stops[0]
-- const firstTripStartTime = firstStop.trips[0]
-- const lastStop = timetable.stops[timetable.stops.length - 1]
-- const lastTripEndTime = lastStop.trips[lastStop.trips.length - 1]
-.table-hourly-notes!= `Service begins at ${firstStop.stop_name} at ${firstTripStartTime.formatted_time} and ends at ${lastStop.stop_name} at ${lastTripEndTime.formatted_time}.`

package/views/default/timetable_menu.pug

@@ -1,48 +0,0 @@
-if timetablePage.consolidatedTimetables.length > 1
-  if config.menuType === 'simple'
-    ul.timetable-simple-menu
-      - const showTimetableLabel = timetablePageHasDifferentLabels(timetablePage);
-      - const showDayList = timetablePageHasDifferentDays(timetablePage);
-      each timetable in timetablePage.consolidatedTimetables
-        li
-          a(href=`#timetable_id_${timetable.timetable_id}`)
-            if showTimetableLabel
-              span= timetable.timetable_label
-            if showTimetableLabel && showDayList
-              span  | 
-            if showDayList
-              span= timetable.dayListLong
-            
-  if config.menuType === 'jump'
-    -
-      const groupedTimetables = timetablePage.consolidatedTimetables.reduce((memo, timetable) => {
-        if (!memo.hasOwnProperty(timetable.dayList)) {
-          memo[timetable.dayList] = []
-        }
-        memo[timetable.dayList].push(timetable);
-        return memo;
-      }, {});
-    .timetable-jump-menu
-      each group, dayList in groupedTimetables
-        div
-          h3= dayList
-          each timetable in group
-            a.btn-blue(href=`#timetable_id_${timetable.timetable_id}`)= timetable.timetable_label
-
-  if config.menuType === 'radio'
-    .timetable-radio-menu
-      -const directionNames = _.uniq(timetablePage.consolidatedTimetables.map(timetable => timetable.direction_name));
-      div(hidden=directionNames.length <= 1)
-        #direction_name_selector
-          h3 Service Direction
-          each directionName, idx in directionNames
-            label(class=idx === 0 ? 'btn-blue' : 'btn-gray')
-              input.hidden(type="radio" name="directionName" autocomplete="off" value=directionName checked=(idx === 0))
-              span= directionName
-      div(hidden=timetablePage.dayLists.length <= 1)
-        #day_list_selector
-          h3 Day of Week
-          each dayList, idx in timetablePage.dayLists
-            label(class=idx === 0 ? 'btn-blue' : 'btn-gray')
-              input.hidden(type="radio" name="dayList" autocomplete="off" value=dayList checked=(idx === 0))
-              span= dayList

package/views/default/timetable_note_symbol.pug

@@ -1,5 +0,0 @@
-a(href=`#note-${timetable.timetable_id}-${note.note_id}` class=`timetable-note-${note.note_id}`).symbol
-  if timetable.routes.length <= 1 && timetable.orientation === 'vertical'
-    span= note.symbol
-  else
-    sup= note.symbol

package/views/default/timetable_stop_name.pug

@@ -1,13 +0,0 @@
-- const stopName = `${stop.stop_name}${stop.type === 'arrival' ? ' (Arrival)' : stop.type === 'departure' ? ' (Departure)' : ''}`;
-
-if config.linkStopUrls && stop.stop_url
-  a.stop-name(href=`${stop.stop_url}`)= stopName
-    each note in getNotesForStop(timetable.notes, stop)
-      include timetable_note_symbol.pug
-else
-  .stop-name= stopName
-    each note in getNotesForStop(timetable.notes, stop)
-      include timetable_note_symbol.pug
-.stop-code= stop.stop_code
-if config.showStopDescription
-  .stop-description= stop.stop_desc

package/views/default/timetable_stoptime.pug

@@ -1,17 +0,0 @@
-td.stop-time(class=`${stoptime.classes.join(' ')}`)
-  if config.showStoptimesForRequestStops || (!stoptime.requestDropoff && !stoptime.requestPickup)
-    span.stop-time-text!= stoptime.formatted_time
-  if stoptime.skipped && timetable.noServiceSymbol !== null
-    a(href=`#note-${timetable.timetable_id}-no-service`).symbol= timetable.noServiceSymbol
-  if stoptime.interpolated && timetable.interpolatedStopSymbol !== null
-    a(href=`#note-${timetable.timetable_id}-interpolated-stop`).symbol= timetable.interpolatedStopSymbol
-  if stoptime.requestPickup && timetable.requestPickupSymbol !== null
-    a(href=`#note-${timetable.timetable_id}-request-pickup`).symbol= timetable.requestPickupSymbol
-  if stoptime.noPickup && timetable.noPickupSymbol !== null
-    a(href=`#note-${timetable.timetable_id}-no-pickup`).symbol= timetable.noPickupSymbol
-  if stoptime.requestDropoff && timetable.requestDropoffSymbol !== null
-    a(href=`#note-${timetable.timetable_id}-request-dropoff`).symbol= timetable.requestDropoffSymbol
-  if stoptime.noDropoff && timetable.noDropoffSymbol !== null
-    a(href=`#note-${timetable.timetable_id}-no-dropoff`).symbol= timetable.noDropoffSymbol
-  each note in getNotesForStoptime(timetable.notes, stoptime)
-    include timetable_note_symbol.pug