Fix html validation errors on trip view
Fix html validation errors on trip view

createdb transitdata createdb transitdata
createlang -d transitdata plpgsql createlang -d transitdata plpgsql
psql -d transitdata -f /var/www/lib/postgis.sql psql -d transitdata -f /var/www/lib/postgis.sql
# curl https://github.com/maxious/ACTBus-ui/raw/master/transitdata.cbrfeed.sql.gz -o transitdata.cbrfeed.sql.gz # curl https://github.com/maxious/ACTBus-ui/raw/master/transitdata.cbrfeed.sql.gz -o transitdata.cbrfeed.sql.gz
#made with pg_dump transitdata | gzip -c > transitdata.cbrfeed.sql.gz #made with pg_dump transitdata | gzip -c > transitdata.cbrfeed.sql.gz
gunzip /var/www/transitdata.cbrfeed.sql.gz gunzip /var/www/transitdata.cbrfeed.sql.gz
psql -d transitdata -f /var/www/transitdata.cbrfeed.sql psql -d transitdata -f /var/www/transitdata.cbrfeed.sql
#createuser transitdata -SDRP #createuser transitdata -SDRP
#password transitdata #password transitdata
#psql -d transitdata -c "GRANT SELECT ON TABLE agency,calendar,calendar_dates,routes,stop_times,stops,trips TO transitdata;" #psql -d transitdata -c "GRANT SELECT ON TABLE agency,calendar,calendar_dates,routes,stop_times,stops,trips\
  #,servicealerts_alerts,servicealerts_informed TO transitdata;"
#psql -d transitdata -c "GRANT SELECT,INSERT ON TABLE myway_observations,myway_routes,myway_stops,myway_timingdeltas TO transitdata;" #psql -d transitdata -c "GRANT SELECT,INSERT ON TABLE myway_observations,myway_routes,myway_stops,myway_timingdeltas TO transitdata;"
#psql -d transitdata -c "GRANT SELECT,INSERT,UPDATE ON TABLE myway_routes,myway_stops TO transitdata;" #psql -d transitdata -c "GRANT SELECT,INSERT,UPDATE ON TABLE myway_routes,myway_stops TO transitdata;"
##psql -d transitdata -c "GRANT SELECT ON ALL TABLES IN SCHEMA public TO transitdata;" ##psql -d transitdata -c "GRANT SELECT ON ALL TABLES IN SCHEMA public TO transitdata;"
## INSERT INTO geometry_columns(f_table_catalog, f_table_schema, f_table_name, f_geometry_column, coord_dimension, srid, "type") ## INSERT INTO geometry_columns(f_table_catalog, f_table_schema, f_table_name, f_geometry_column, coord_dimension, srid, "type")
##SELECT '', 'public', 'shapes', 'shape_pt', ST_CoordDim(shape_pt), ST_SRID(shape_pt), GeometryType(shape_pt) ##SELECT '', 'public', 'shapes', 'shape_pt', ST_CoordDim(shape_pt), ST_SRID(shape_pt), GeometryType(shape_pt)
##FROM shapes LIMIT 1; ##FROM shapes LIMIT 1;
php /var/www/updatedb.php php /var/www/updatedb.php
   
<?php <?php
   
header('Content-type: text/css'); header('Content-type: text/css');
ob_start("compress"); ob_start("compress");
   
function compress($buffer) { function compress($buffer) {
/* remove comments */ /* remove comments */
$buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer); $buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
/* remove tabs, spaces, newlines, etc. */ /* remove tabs, spaces, newlines, etc. */
$buffer = str_replace(array("\r\n", "\r", "\n", "\t", ' ', ' ', ' '), '', $buffer); $buffer = str_replace(array("\r\n", "\r", "\n", "\t", ' ', ' ', ' '), '', $buffer);
return $buffer; return $buffer;
} }
   
echo ' echo '
.ui-li-thumb, .ui-li-icon { position: relative; } .ui-li-thumb, .ui-li-icon { position: relative; }
   
.ui-navbar { .ui-navbar {
width: 100%; width: 100%;
} }
.ui-btn-inner { .ui-btn-inner {
white-space: normal !important; white-space: normal !important;
} }
.ui-li-heading { .ui-li-heading {
white-space: normal !important; white-space: normal !important;
} }
.ui-listview-filter { .ui-listview-filter {
margin: 0 !important; margin: 0 !important;
} }
.ui-icon-navigation { .ui-icon-navigation {
background-image: url(images/113-navigation.png); background-image: url(images/113-navigation.png);
background-position: 1px 0; background-position: 1px 0;
} }
.ui-icon-beaker { .ui-icon-beaker {
background-image: url(images/91-beaker-2.png); background-image: url(images/91-beaker-2.png);
background-position: 1px 0; background-position: 1px 0;
} }
#footer { #footer {
text-size: 0.75em; text-size: 0.75em;
text-align: center; text-align: center;
} }
body { body {
background-color: #F0F0F0; background-color: #F0F0F0;
} }
#jqm-homeheader { #jqm-homeheader {
text-align: center; text-align: center;
} }
.viaPoints { .viaPoints {
display: none; display: none;
text-size: 0.2em; text-size: 0.2em;
} }
.min-width-480px .viaPoints { .min-width-480px .viaPoints {
display: inline; display: inline;
} }
#extrainfo { #extrainfo {
visibility: hidden; visibility: hidden;
display: none; display: none;
} }
#servicewarning { .servicewarning {
padding: 1em; padding: 1em;
margin-bottom: 0.5em; margin-bottom: 0.5em;
text-size: 0.2em; text-size: 0.2em;
background-color: #FF9; background-color: #FF9;
-moz-border-radius: 15px; -moz-border-radius: 15px;
border-radius: 15px; border-radius: 15px;
} }
   
   
#footer { #footer {
clear:both; clear:both;
text-align:center; text-align:center;
} }
// source http://webaim.org/techniques/skipnav/ // source http://webaim.org/techniques/skipnav/
#skip a, #skip a:hover, #skip a:visited #skip a, #skip a:hover, #skip a:visited
{ {
position:absolute; position:absolute;
left:0px; left:0px;
top:-500px; top:-500px;
width:1px; width:1px;
height:1px; height:1px;
overflow:hidden; overflow:hidden;
} }
   
#skip a:active, #skip a:focus #skip a:active, #skip a:focus
{ {
position:static; position:static;
width:auto; width:auto;
height:auto; height:auto;
}'; }';
   
//if (false) //if (false)
echo ' echo '
// adaptive layout from jQuery Mobile docs site // adaptive layout from jQuery Mobile docs site
.type-interior .content-secondary { .type-interior .content-secondary {
border-right: 0; border-right: 0;
border-left: 0; border-left: 0;
margin: 10px -15px 0; margin: 10px -15px 0;
background: #fff; background: #fff;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
} }
.type-home .ui-content { .type-home .ui-content {
margin-top: 5px; margin-top: 5px;
} }
.type-interior .ui-content { .type-interior .ui-content {
padding-bottom: 0; padding-bottom: 0;
} }
.content-secondary .ui-collapsible-contain { .content-secondary .ui-collapsible-contain {
padding: 10px 15px; padding: 10px 15px;
   
} }
.content-secondary .ui-collapsible-heading { .content-secondary .ui-collapsible-heading {
margin: 0 0 30px; margin: 0 0 30px;
} }
.content-secondary .ui-collapsible-heading-collapsed, .content-secondary .ui-collapsible-heading-collapsed,
.content-secondary .ui-collapsible-content { .content-secondary .ui-collapsible-content {
padding:0; padding:0;
margin: 0; margin: 0;
} }
/* hires ahoy */ /* hires ahoy */
@media all and (min-width: 650px){ @media all and (min-width: 650px){
   
.content-secondary { .content-secondary {
text-align: left; text-align: left;
float: left; float: left;
width: 45%; width: 45%;
background: none; background: none;
border-top: 0; border-top: 0;
} }
.content-secondary, .content-secondary,
.type-interior .content-secondary { .type-interior .content-secondary {
margin: 30px 0 20px 2%; margin: 30px 0 20px 2%;
padding: 20px 4% 0 0; padding: 20px 4% 0 0;
background: none; background: none;
} }
.type-index .content-secondary { .type-index .content-secondary {
padding: 0; padding: 0;
} }
.type-index .content-secondary .ui-listview { .type-index .content-secondary .ui-listview {
margin: 0; margin: 0;
} }
.content-primary { .content-primary {
width: 45%; width: 45%;
float: right; float: right;
margin-top: 30px; margin-top: 30px;
margin-right: 1%; margin-right: 1%;
padding-right: 1%; padding-right: 1%;
} }
.content-primary ul:first-child { .content-primary ul:first-child {
margin-top: 0; margin-top: 0;
} }
   
.type-interior .content-primary { .type-interior .content-primary {
padding: 1.5em 6% 3em 0; padding: 1.5em 6% 3em 0;
margin: 0; margin: 0;
} }
/* fix up the collapsibles - expanded on desktop */ /* fix up the collapsibles - expanded on desktop */
.content-secondary .ui-collapsible-heading { .content-secondary .ui-collapsible-heading {
display: none; display: none;
} }
.content-secondary .ui-collapsible-contain { .content-secondary .ui-collapsible-contain {
margin:0; margin:0;
} }
.content-secondary .ui-collapsible-content { .content-secondary .ui-collapsible-content {
display: block; display: block;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.type-interior .content-secondary .ui-li-divider { .type-interior .content-secondary .ui-li-divider {
padding-top: 1em; padding-top: 1em;
padding-bottom: 1em; padding-bottom: 1em;
} }
.type-interior .content-secondary { .type-interior .content-secondary {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
} }
@media all and (min-width: 750px){ @media all and (min-width: 750px){
.type-home .ui-content, .type-home .ui-content,
.type-interior .ui-content { .type-interior .ui-content {
background-position: 39%; background-position: 39%;
} }
.content-secondary { .content-secondary {
width: 34%; width: 34%;
} }
.content-primary { .content-primary {
width: 56%; width: 56%;
padding-right: 1%; padding-right: 1%;
} }
.type-interior .ui-content { .type-interior .ui-content {
background-position: 34%; background-position: 34%;
} }
} }
   
@media all and (min-width: 1200px){ @media all and (min-width: 1200px){
.type-home .ui-content{ .type-home .ui-content{
background-position: 38.5%; background-position: 38.5%;
} }
.type-interior .ui-content { .type-interior .ui-content {
background-position: 30%; background-position: 30%;
} }
.content-secondary { .content-secondary {
width: 30%; width: 30%;
padding-right:6%; padding-right:6%;
margin: 30px 0 20px 5%; margin: 30px 0 20px 5%;
} }
.type-interior .content-secondary { .type-interior .content-secondary {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.content-primary { .content-primary {
width: 50%; width: 50%;
margin-right: 5%; margin-right: 5%;
padding-right: 3%; padding-right: 3%;
} }
.type-interior .content-primary { .type-interior .content-primary {
width: 60%; width: 60%;
} }
} }
'; ';
ob_end_flush(); ob_end_flush();
?> ?>
   
<?php <?php
header('Content-Type: application/vnd.google-earth.kml+xml'); header('Content-Type: application/vnd.google-earth.kml+xml');
include ('../include/common.inc.php'); include ('../include/common.inc.php');
  header('Content-Disposition: attachment; filename="route.' . urlencode($routeid) . '.kml"');
  $debugOkay = Array(); // disable debugging output even on dev server
echo '<?xml version="1.0" encoding="UTF-8"?> echo '<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom"><Document>'; <kml xmlns="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom"><Document>';
echo ' echo '
<Style id="yellowLineGreenPoly"> <Style id="ylw-pushpin">
  <IconStyle>
  <Icon>
  <href>http://maps.google.com/mapfiles/kml/pushpin/ylw-pushpin.png</href>
   
  </Icon>
  </IconStyle>
   
  </Style>
  <Style id="blue-pushpin">
  <IconStyle>
  <Icon>
  <href>http://maps.google.com/mapfiles/kml/pushpin/blue-pushpin.png</href>
   
  </Icon>
  </IconStyle>
   
  </Style>
  <Style id="grn-pushpin">
  <IconStyle>
  <Icon>
  <href>http://maps.google.com/mapfiles/kml/pushpin/grn-pushpin.png</href>
   
  </Icon>
  </IconStyle>
  </Style>
  <Style id="yellowLineYellowPoly">
<LineStyle> <LineStyle>
<color>7f00ff00</color> <color>7f00ebff</color>
<width>4</width> <width>4</width>
</LineStyle> </LineStyle>
<PolyStyle> <PolyStyle>
<color>7f00ffff</color> <color>7f00ebff</color>
</PolyStyle> </PolyStyle>
</Style>'; </Style>
  <Style id="blueLineBluePoly">
  <LineStyle>
  <color>7fff0000</color>
  <width>4</width>
  </LineStyle>
  <PolyStyle>
  <color>7fff0000</color>
  </PolyStyle>
  </Style>
  ';
$route = getRoute($routeid); $route = getRoute($routeid);
echo "\n<Placemark>\n"; echo "\n<Placemark>\n";
$link = curPageURL()."/../trip.php?routeid=".htmlspecialchars ($route["route_id"]); $_REQUEST['time'] = "12:00";
echo "<name>".$route['route_short_name']."</name>"; $trip = getRouteNextTrip($routeid, 0);
echo '<atom:link href="'.$link.'"/>'; $link = curPageURL() . "/../trip.php?routeid=" . htmlspecialchars($route["route_id"]. "&directionid=0&tripid=".$trip['trip_id']) ;
echo '<description><![CDATA[ <a href="'.$link.'">'.$route['route_short_name']." ".$route['route_long_name']."</a>]]> </description>"; echo "<name>" . $route['route_short_name'] . " Direction 0 </name>";
echo "<styleUrl>#yellowLineGreenPoly</styleUrl>"; echo '<atom:link rel="related" href="' . $link . '"/>';
  echo '<description><![CDATA[ <a href="' . $link . '">' . $route['route_short_name'] . " Direction 0</a>]]> </description>";
  echo "<styleUrl>#yellowLineYellowPoly</styleUrl>";
   
$trip = getRouteNextTrip($routeid); echo getTripShape($trip['trip_id']);
echo getTripShape($trip['trip_id']); echo "</Placemark>\n";
  $stops = Array();
  foreach (getTripStops($trip['trip_id']) as $stop) {
  $stop['style'] = "#ylw-pushpin";
  $stops[$stop['stop_id']] = $stop;
  }
   
echo "</Placemark>\n</Document></kml>\n";  
  echo "\n<Placemark>\n";
  $trip = getRouteNextTrip($routeid, 1);
  $link = curPageURL() . "/../trip.php?routeid=" . htmlspecialchars($route["route_id"]. "&directionid=1&tripid=".$trip['trip_id']) ;
  echo "<name>" . $route['route_short_name'] . " Direction 1 </name>";
  echo '<atom:link rel="related" href="' . $link . '"/>';
  echo '<description><![CDATA[ <a href="' . $link . '">' . $route['route_short_name'] . " Direction 1</a>]]> </description>";
  echo "<styleUrl>#blueLineBluePoly</styleUrl>";
   
  echo getTripShape($trip['trip_id']);
  echo "</Placemark>\n";
  foreach (getTripStops($trip['trip_id']) as $stop) {
  if (isset($stops[$stop['stop_id']])) {
  $stop['style'] = "#grn-pushpin";
  } else {
  $stop['style'] = "#blue-pushpin";
  }
  $stops[$stop['stop_id']] = $stop;
  }
  foreach ($stops as $stop) {
  echo "\n<Placemark>\n";