View difference between Paste ID: VhxRpSVB and sAKLGuRm
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html>
2
<!--
3
    Licensed to the Apache Software Foundation (ASF) under one
4
    or more contributor license agreements.  See the NOTICE file
5
    distributed with this work for additional information
6
    regarding copyright ownership.  The ASF licenses this file
7
    to you under the Apache License, Version 2.0 (the
8
    "License"); you may not use this file except in compliance
9
    with the License.  You may obtain a copy of the License at
10
11
    http://www.apache.org/licenses/LICENSE-2.0
12
13
    Unless required by applicable law or agreed to in writing,
14
    software distributed under the License is distributed on an
15
    "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
16
     KIND, either express or implied.  See the License for the
17
    specific language governing permissions and limitations
18
    under the License.
19
-->
20
<html>
21
    <head>
22
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
23
        <meta name="format-detection" content="telephone=no" />
24-
        <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
24+
        <meta name="viewport" content="initial-scale=1, width=device-width">
25-
        <meta name="viewport" content="initial-scale=1, width=device-width" />
25+
26
        <link rel="stylesheet" type="text/css" href="css/index.css" />
27
        <title>PoolMeUp</title>
28-
        <title>Hello World</title>
28+
        <script>
29
            var callingNumber = "";
30
            var myFriends = [];
31
            var savedCO2 = 0;
32-
    <div data-role="page" id="index">
32+
33
            //constructor
34
            var MyPhoneNumberPlugin = {
35-
            <h1>My Title</h1>
35+
                getMyPhoneNumber: function(onSuccess, onError) {
36
                    console.log("at getMyPhoneNumber");
37
                    return PhoneGap.exec(onSuccess, onError, "MyPhoneNumberPlugin", "getMyPhoneNumber", []);
38
                }
39-
            <p>Hello world</p>
39+
            };
40-
            <a href="tel:3394745492">Chiama Daria!</a>
40+
41-
            <p><a href="#find" data-role="button">Trova un passaggio</a></p>
41+
42-
            <p><a href="#offer" data-role="button">Offri un passaggio</a></p>
42+
43
    <body>
44
45
    <div data-role="page" id="index" style="background-image: url(img/bg.png);">
46
47-
    <div data-role="page" id="find">
47+
48
            <h1>PoolMeUp!</h1>
49-
            <h1>PoolMeUp! Trova passaggio</h1>
49+
50
51
        <div data-role="content">
52
            <p><a href="#find" data-role="button">Find a ride!</a></p>
53-
            <label for="origine">Origine:</label>
53+
            <p><a href="#offer" data-role="button">Offer a ride!</a></p>
54
        </div>
55-
            <label for="destinazione">Destinazione:</label>
55+
56
    </div>
57-
            <label for="data">Data:</label>
57+
58-
            <input type="text" name="data" id="data">
58+
    <div data-role="page" id="rideFound" style="background-image: url(img/bg_ok.png);">
59-
            <label for="find-persons">Siamo In:</label>
59+
60
        <div data-role="header">
61-
            <button id="findride">Trova un passaggio!</button>
61+
62
        </div>
63
64-
    <div data-role="page" id="offer">
64+
65
            <h1>Congratulations!</h1>
66-
            <h1>PoolMeUp! Offri Passaggio</h1>
66+
            <br /><br /><br /><br /><br /><br />
67
            <h2>You found a ride!</h2>
68
            <p>With this ride, you earned <span id="earnedPoints" style="font-size: 10pt;"></span> points!</p>
69
        </div>
70-
            <label for="offer-origine">Origine:</label>
70+
71
    </div>
72-
            <label for="offer-destinazione">Destinazione:</label>
72+
73
74-
            <label for="offer-data">Data:</label>
74+
    <!-- Elenco di quelli che offrono un passaggio -->
75
    <div data-role="page" id="driversListPage" style="background-image: url(img/bg.png);">
76-
            <label for="offer-persons">Posti disponibili:</label>
76+
77
            <h1>PoolMeUp!</h1>
78-
            <label for="maxtreshold">Ritardo ammissibile (minuti):</label>
78+
79
80
        <div data-role="content">
81-
                <legend>Tipo di Veicolo:</legend>
81+
            <h2>These friends are elegible for give you a ride.<br />>Choose your ride:</h2>
82-
                <input type="radio" name="veicolo" id="auto" value="auto" checked="checked">
82+
            <ul id="driversListUl" data-inset="true" data-filter="true">
83-
                <label for="auto">Macchina</label>
83+
84-
                <input type="radio" name="veicolo" id="scooter" value="scooter">
84+
85-
                <label for="scooter">Moto</label>
85+
86
    </div>
87-
            <button id="offerride">Conferma offerta!</button>
87+
88
    <div data-role="dialog" id="popupMyPhone">
89
90
        <div data-role="header" data-theme="d">
91
            <h1>Phone number</h1>
92-
		<div data-role="header" data-theme="d">
92+
93-
            <h1 id="dialogtitle">Titolo</h1>
93+
        <div data-role="content" data-theme="c">
94-
		</div>
94+
            <p>Please insert your phone number (without +39)</p>
95-
		<div data-role="content" data-theme="c">
95+
            <input type="tel" name="user" id="myphoneinput" value="" placeholder="phone" data-theme="a" />
96-
            <p id="dialogmessage">Contenuto</p>
96+
            <button type="submit" data-theme="b" id="setMyIp">Sign in</button>
97-
			<a href="#" data-role="button" data-rel="back" data-theme="b">Ok</a>       
97+
98-
		</div>
98+
99-
	</div>
99+
100
    <div data-role="page" id="find" style="background-image: url(img/bg.png);">
101-
    <div data-role="page" id="viewpath">
101+
102
            <h1>PoolMeUp! Find a ride</h1>
103
        </div>
104
105
        <div data-role="content">
106
            <label for="find-origine">Origin:</label>
107-
            <p>Yuppieeee</p>
107+
108
            <label for="find-destinazione">Destination:</label>
109
            <input type="text" name="destinazione" id="find-destinazione">
110-
                <li><a href="#"><h3>Procedi in direzione Nord lungo VIA DI PORTA ANGELICA</h3>
110+
            <label for="data">Date:</label>
111-
                <p>500m per 30 secondi</p></a></li>
111+
            <input type="text" name="data" id="find-data">
112
            <label for="find-persons">We are in:</label>
113
            <input type="range" name="persons" id="find-persons" value="1" min="1" max="10" />
114
            <button id="findride">Find a ride!</button>
115
        </div>
116
    </div>
117-
    <!--
117+
    <div data-role="page" id="offer" style="background-image: url(img/bg.png);">
118-
        <div class="app">
118+
119-
            <h1>Apache Cordova</h1>
119+
            <h1>PoolMeUp! Offer a ride!</h1>
120-
            <div id="deviceready" class="blink">
120+
121-
                <p class="event listening">Connecting to Device</p>
121+
122-
                <p class="event received">Device is Ready</p>
122+
123-
            </div>
123+
            <label for="offer-origine">Origin:</label>
124
            <input type="text" name="origine" id="offer-origine">
125-
    -->
125+
            <label for="offer-destinazione">Destination:</label>
126
            <input type="text" name="destinazione" id="offer-destinazione">
127
            <label for="offer-data">When:</label>
128
            <input type="text" name="data" id="offer-data" placeholder="dd/mm/yyyy hh:mm">
129
            <label for="offer-persons">Available seats:</label>
130
            <input type="range" name="persons" id="offer-persons" value="1" min="1" max="10" />
131-
            app.initialize();
131+
            <label for="maxtreshold">Max. delay (minutes):</label>
132
            <input type="range" name="maxtreshold" id="maxtreshold" value="30" min="0" max="500" />
133-
            // $.ajax("roma.xml", {success: function(data) { console.log(data); }});
133+
134-
            // $.post("roma.xml", function(data) { console.log(data); });
134+
                <legend>Vehicle:</legend>
135
                <input type="radio" name="veicolo" id="auto" value="AUTO" checked="checked">
136-
            $("#offer-origine").val("Via della vasca navale");
136+
                <label for="auto">Car</label>
137-
            $("#offer-destinazione").val("viale marconi");
137+
                <input type="radio" name="veicolo" id="scooter" value="SCOOTER">
138-
            $("#offer-data").val("23/10/1991 23:23");
138+
                <label for="scooter">Scooter</label>
139
            </fieldset>
140
            <button id="offerride">Get your path and wait for a friend!</button>
141
        </div>
142
    </div>
143
144
    <div data-role="dialog" id="dialog">
145
        <div data-role="header" data-theme="d">
146
            <h1 id="dialogtitle">Title</h1>
147
        </div>
148
        <div data-role="content" data-theme="c">
149
            <p id="dialogmessage">Message</p>
150
            <a href="#" data-role="button" data-rel="back" data-theme="b">Ok</a>
151
        </div>
152
    </div>
153
154
    <div data-role="page" id="viewpath" style="background-image: url(img/bg.png);">
155
        <div data-role="header">
156
            <h1>PoolMeUp! MyTrip</h1>
157
        </div>
158
159
        <div data-role="content">
160
            <ul id="actionlist" data-role="listview" data-inset="true" data-filter="true">
161
162
            </ul>
163
        </div>
164
165
    </div>
166
167
        <script type="text/javascript" src="cordova-2.2.0.js"></script>
168
        <script type="text/javascript" src="lib/jquery.min.js"></script>
169
        <script type="text/javascript" src="lib/jquery-mobile/jquery.mobile-1.2.0.min.js"></script>
170
        <script type="text/javascript" src="js/index.js"></script>
171
        <script type="text/javascript">
172
173
            $(document).ready(function () {
174
                app.initialize();
175
176
                $("#find-origine").val("Via della vasca navale");
177
                $("#find-destinazione").val("viale marconi");
178
                $("#find-data").val("23/10/1991 23:23");
179
            });
180
181
182
183
        </script>
184
    </body>
185
</html>