mind-the-gap/index.html at master · casadei/mind-the-gap · 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!doctype html>
<html>
    <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width" />
        <title>mind-the-gap</title>
        <link rel="stylesheet" href="assets/css/themes/default/jquery.mobile-1.1.0.css" />
        <script src="assets/js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="assets/js/jquery.mobile-1.1.0.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="cordova.js" type="text/javascript" charset="utf-8"></script>
        <script src="assets/js/mindthegap.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
      <div data-role="page" id="page-main" data-title="mind-the-gap">
        <div data-role="header">
          <h1>mind-the-gap</h1>
        </div>

        <div data-role="content">
          <ul data-role="listview">
            <li><a href="#page-device" data-transition="slide">dispositivo</a></li>
            <li><a href="#page-accelerometer" data-transition="slide">aceler&ocirc;metro</a></li>
            <li><a href="#page-gps" data-transition="slide">gps</a></li>
          </ul>
        </div>
      </div>

      <div data-role="page" id="page-device">
        <div data-role="header">
          <a href="#" data-rel="back" data-role="button" data-transition="slide">voltar</a>
          <h1>dispositivo</h1>
        </div>

        <div data-role="content">
            <strong>nome:</strong>
            <span id="device-name">&nbsp;</span><br />

            <strong>cordova:</strong>
            <span id="device-cordova">&nbsp;</span><br />

            <strong>plataforma:</strong>
            <span id="device-platform">&nbsp;</span><br />

            <strong>uuid:</strong>
            <span id="device-uuid">&nbsp;</span><br />

            <strong>vers&atilde;o:</strong>
            <span id="device-version">&nbsp;</span><br />
        </div>
      </div>

      <div data-role="page" id="page-accelerometer">
        <div data-role="header">
          <a href="#" data-rel="back" data-role="button" data-transition="slide">voltar</a>
          <h1>aceler&ocirc;metro</h1>
        </div>

        <div data-role="content">
            <strong>x:</strong>
            <span id="accelerometer-x">&nbsp;</span><br />

            <strong>y:</strong>
            <span id="accelerometer-y">&nbsp;</span><br />

            <strong>z:</strong>
            <span id="accelerometer-z">&nbsp;</span><br />

            <strong>timestamp:</strong>
            <span id="accelerometer-timestamp">&nbsp;</span><br />

            <br />
            <fieldset data-role="controlgroup">
              <label><input type="checkbox" id="accelerometer-watch" data-mini="true">Observar</input></label>
              <input type="button" id="accelerometer-get" value="Obter"  data-mini="true" />
            </fieldset>
        </div>
      </div>

      <div data-role="page" id="page-gps">
        <div data-role="header">
          <a href="#" data-rel="back" data-role="button" data-transition="slide">voltar</a>
          <h1>gps</h1>
        </div>

        <div data-role="content">
            <strong>latitude:</strong>
            <span id="gps-latitude">&nbsp;</span><br />

            <strong>longitude:</strong>
            <span id="gps-longitude">&nbsp;</span><br />

            <img id="gps-map" src="" width="250" height="250" /><br />

            <strong>altitude:</strong>
            <span id="gps-altitude">&nbsp;</span><br />

            <strong>accuracy:</strong>
            <span id="gps-accuracy">&nbsp;</span><br />

            <strong>heading:</strong>
            <span id="gps-heading">&nbsp;</span><br />

            <strong>speed:</strong>
            <span id="gps-speed">&nbsp;</span><br />

            <strong>timestamp:</strong>
            <span id="gps-timestamp">&nbsp;</span><br />

            <br />
            <fieldset data-role="controlgroup">
              <label><input type="checkbox" id="gps-watch" data-mini="true">Observar</input></label>
              <input type="button" id="gps-get" value="Obter" data-mini="true" />
            </fieldset>
        </div>
      </div>
    </body>
</html>