GetUp/add.html at master · nitzanbueno/GetUp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!-- key = AIzaSyB4q7qazJha-z343SJkp8iOWieQrqaJ2vY -->
<!DOCTYPE html>
<html>
  <head>
    <title>Add an alarm</title>
    <meta name="viewport" content="initial-scale=1, user-scalable=no">
    <meta charset="utf-8">
    <meta name="mobile-web-app-capable" content="yes">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>

  <body>
    <div id="cssmenu">
      <table width="100%" class="menu"><tr height="15">
        <td><a href="alarms.html"><img src="menu.png" width="20" height="20" align="middle"/></a></td>
        <td><a><img src="settings.png" width="20" height="20" align="middle"/></a></td>
        <td class="last"><a href="add.html"><img src="plus.png" width="20" height="20"/></a></td>
      </table>
    </div>
    <div id="locationField">
      <table width="100%" class="elements">
      <tr><td>Where are you leaving from?</td><td>
      <input id="origin" autocomplete="off" placeholder="Enter your address"
             onFocus="geolocate()" type="text"/></td></tr>
      <tr><td>Where do you want to go?</td><td>
      <input id="destination" autocomplete="off" placeholder="Enter your destination" type="text"/></td> </tr>
      <tr><td>How are you getting there?</td><td>
      <select size="10" id="travelMode" onChange="setTravMode()">
        <option value="1">Driving</option>
        <option value="2">Bicycling</option>
        <option value="3">Walking</option>
        <option value="4">Public Transit</option>
      </select></td></tr>
      <script>
      function setTravMode(){
        var k = $("#travelMode").val();
        if(k == "1"){
          travMode = google.maps.TravelMode.DRIVING;
        }
        else if (k == "2") {
          travMode = google.maps.TravelMode.BICYCLING;
        }
        else if (k == "3") {
          travMode = google.maps.TravelMode.WALKING;
        }
        else if (k == "4") {
          travMode = google.maps.TravelMode.TRANSIT;
        }
      }
      </script>
      <tr><td>When do you want to be there?</td><td>
      <input class="time" id="time" autocomplete="off" type="time" name="time"></td></tr>
      <tr><td>What should we call this alarm?</td><td><input type="text" id="name"></td></tr>
    </table>
    </div><br/>
    <div align="center">
      <button onclick="estimateWakeUpTime()">Estimate wake-up time</button>
    </div>
    <div id="duration"></div>

    <br/>
    <!-- <button onclick="toggleFullScreen();">Fullscreen!</button> -->


    <script src="directions.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB4q7qazJha-z343SJkp8iOWieQrqaJ2vY&libraries=places&callback=initAutocomplete"
        async defer></script>
  </body>
</html>