Difference between revisions of "Widget:GTform"

From Transit.Wiki
m
m (Text replacement - "jquery-1.7.2.min.js" to "jquery-3.4.1.min.js")
 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<includeonly>
 
<includeonly>
 +
<script src="https://apps.transitunlimited.org/jquery-3.4.1.min.js"></script>
 +
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
 +
<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false&key=AIzaSyA1-YSOAtIlnU0ZcufMDLNjEVZDmq7sPh4"></script>
 
<p id="note"></p>
 
<p id="note"></p>
 
<div id="info">
 
<div id="info">
Line 7: Line 10:
 
<br/>
 
<br/>
 
<div style="display:inline-block;margin:2px 0 2px 0;"><label>from</label>
 
<div style="display:inline-block;margin:2px 0 2px 0;"><label>from</label>
−
         <input class="input" id="from" value=""><span id="fromnote" style="display:none;">where I am at</span></div>
+
         <input class="input" type="text" id="from" value=""><span id="fromnote" style="display:none;">where I am at</span></div>
 
<div style="display:inline-block;margin:2px 0 2px 0;"><label>to</label>
 
<div style="display:inline-block;margin:2px 0 2px 0;"><label>to</label>
−
  <input class="input" id="to" value=""><span id="tonote" style="display:none;">where I am at</span>.</div>
+
  <input class="input" type="text" id="to" value=""><span id="tonote" style="display:none;">where I am at</span>.</div>
−
<div style="margin:2px;">Depart at  
+
<div style="margin:2px;">  
 +
<form id="triptime" style="display:inline;" >
 +
  <input type="radio" name="triptime" value="depart" checked> Departing
 +
  <input type="radio" name="triptime" value="arrive"> arriving at
 +
  </form>
 
<select id="depart">
 
<select id="depart">
 +
<option value="now" selected>Now</option>
 
<option value="03:00">3:00 am</option>
 
<option value="03:00">3:00 am</option>
 
<option value="03:30">3:30 am</option>
 
<option value="03:30">3:30 am</option>
Line 22: Line 30:
 
<option value="06:30">6:30 am</option>
 
<option value="06:30">6:30 am</option>
 
<option value="06:45">6:45 am</option>
 
<option value="06:45">6:45 am</option>
−
<option value="07:00" selected>7:00 am</option>
+
<option value="07:00">7:00 am</option>
 
<option value="07:15">7:15 am</option>
 
<option value="07:15">7:15 am</option>
 
<option value="07:30">7:30 am</option>
 
<option value="07:30">7:30 am</option>
Line 80: Line 88:
 
<option value="02:00">2:00 am</option>
 
<option value="02:00">2:00 am</option>
 
<option value="02:30">2:30 am</option>
 
<option value="02:30">2:30 am</option>
−
</select> (Today and next day if time has passed) </div>
+
          </select> (time) today or next day or on
 +
          <input type="text" id="datepicker" size="7"> (date)</div>
 
           <button id="go">Get Transit directions</button>
 
           <button id="go">Get Transit directions</button>
 
       </div>
 
       </div>
  
 
<script type="text/javascript">
 
<script type="text/javascript">
 +
(window.RLQ=window.RLQ||[]).push(function(){
 
var nt1 = document.getElementById("note");
 
var nt1 = document.getElementById("note");
 
var nt2 = document.getElementById("from");
 
var nt2 = document.getElementById("from");
Line 90: Line 100:
 
var nt3 = document.getElementById("to");
 
var nt3 = document.getElementById("to");
 
var nt3a = document.getElementById("tonote");
 
var nt3a = document.getElementById("tonote");
 +
var tpk1 = document.getElementById("datepicker");
 
    
 
    
 
function resetform() {
 
function resetform() {
Line 98: Line 109:
 
   nt3.style.display = "inline";
 
   nt3.style.display = "inline";
 
   nt3.value="";
 
   nt3.value="";
 +
  tpk1.value="";
 +
  document.getElementById("depart").selectedIndex = 0;
 
}
 
}
  
Line 110: Line 123:
 
         ntx.style.display = "none";
 
         ntx.style.display = "none";
 
         ntxa.style.display = "inline";
 
         ntxa.style.display = "inline";
 +
        setTimeout(function(){
 
         map.setOptions({
 
         map.setOptions({
 
         center: ntxg,
 
         center: ntxg,
 
         zoom:14
 
         zoom:14
 
         });
 
         });
 +
        },2000);
 
         if (ntn.style.display=="none") {
 
         if (ntn.style.display=="none") {
 
           ntn.style.display="inline";
 
           ntn.style.display="inline";
Line 128: Line 143:
 
   ntxg = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);  
 
   ntxg = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);  
 
}
 
}
−
</script>
 
  
−
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
+
$(function () {
−
    <script>
+
    $( "#datepicker" ).datepicker();
 +
} );
 +
 
 
       var directions = new google.maps.DirectionsService();
 
       var directions = new google.maps.DirectionsService();
 
       var renderer = new google.maps.DirectionsRenderer();
 
       var renderer = new google.maps.DirectionsRenderer();
Line 161: Line 177:
 
         });
 
         });
  
−
        addDepart();
 
 
         route();
 
         route();
 
       }
 
       }
  
−
      function route() {
+
function route() {
 +
        var triptime = $('input[name="triptime"]:checked', '#triptime').val();
 
         var departure = document.getElementById('depart').value;
 
         var departure = document.getElementById('depart').value;
−
         var bits = departure.split(':');
+
         var tripdate = $('input[id="datepicker"]').datepicker('getDate');
−
        var now = new Date();
+
        if (departure=='now') {
−
        var tzOffset = (now.getTimezoneOffset() + 60) * 60 * 1000;
+
              var departureTime = null;
 +
              var arrivalTime = null;
 +
        } else {
 +
              var bits = departure.split(':');
 +
              var now = new Date();
 +
              var tzOffset = (now.getTimezoneOffset() + 60) * 60 * 1000;
  
−
        var time = new Date();
+
              var time = new Date();
−
        time.setHours(bits[0]);
+
              time.setHours(bits[0]);
−
        time.setMinutes(bits[1]);
+
              time.setMinutes(bits[1]);
  
−
        var ms = time.getTime();
+
              var ms = time.getTime();
−
        if (ms < now.getTime()) {
+
              if (ms < now.getTime()) {
−
          ms += 24 * 60 * 60 * 1000;
+
              ms += 24 * 60 * 60 * 1000;
 +
              }
 +
         
 +
              if (tripdate == null) {         
 +
              departureTime = new Date(ms);
 +
              arrivalTime = null;
 +
              } else {
 +
              var datetimestring = new Date(tripdate.getFullYear(), tripdate.getMonth(), tripdate.getDate(), time.getHours(), time.getMinutes(), time.getSeconds());
 +
              departureTime = datetimestring;
 +
              arrivalTime = null;
 +
              }                   
 +
         
 +
              if (triptime == 'arrive') {
 +
              arrivalTime = departureTime;
 +
              departureTime = null;
 +
              }
 
         }
 
         }
−
 
+
          
−
         var departureTime = new Date(ms);
 
−
 
 
 
         var request = {
 
         var request = {
 
           origin: document.getElementById('from').value,
 
           origin: document.getElementById('from').value,
Line 188: Line 222:
 
           provideRouteAlternatives: true,
 
           provideRouteAlternatives: true,
 
           transitOptions: {
 
           transitOptions: {
−
             departureTime: departureTime
+
             departureTime: departureTime,
 +
            arrivalTime: arrivalTime
 
           }
 
           }
 
         };
 
         };
Line 205: Line 240:
 
         });
 
         });
  
−
      }
+
}
  
−
      google.maps.event.addDomListener(window, 'load', initialize);
+
google.maps.event.addDomListener(window, 'load', initialize);
 +
});
 
</script>
 
</script>
 
     <div id="transit-wpr">
 
     <div id="transit-wpr">
 
</div>
 
</div>
 
</includeonly>
 
</includeonly>

Latest revision as of 01:36, 24 October 2023

Retrieved from "https://www.transit.wiki/index.php?title=Widget:GTform&oldid=237114"