forked from frandiox/OnsenUI-Todo-App
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·80 lines (65 loc) · 2.46 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PERox</title>
<script src="lib/onsen/js/onsenui.js"></script>
<script src="lib/jquery.js"></script>
<script src="js/app.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<link rel="stylesheet" href="lib/onsen/css/onsenui.css">
<link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css">
<link rel="stylesheet" href="style.css">
</head>
<script>
function sendstuff() {
var data = $('#EPDS').serializeArray().concat($('#GAD').serializeArray().concat($('#PHQ').serializeArray().concat($('#email').serializeArray())));
$.ajax({
type: "POST",
url: "/secondpage",
data: JSON.stringify(data),
contentType: "application/json; charset=utf-8",
dataType: "text"
})
.done(
function(q,d,data){
$('#serverresponse').html('Message sent');
})
.fail(
function(q,d,errMsg) {
$('#serverresponse').html('Cannot send message, check your email');
});
}
</script>
<body>
<!-- First navigation component: Navigator. This will remain always on top of the app. -->
<ons-navigator id="myNavigator" page="splitter.html">
</ons-navigator>
<!-- Second navigation component: Splitter. This will disappear if the main component changes its content. -->
<ons-template id="splitter.html">
<ons-splitter id="mySplitter">
<ons-splitter-side page="html/menu.html" swipeable width="250px" collapse swipe-target-width="50px">
</ons-splitter-side>
<ons-splitter-content page="tabbar.html">
</ons-splitter-content>
</ons-splitter>
</ons-template>
<!-- Third navigation component: Tabbar. This will disappear if the first or second components change their content. -->
<ons-template id="tabbar.html">
<ons-page id="tabbarPage">
<!-- Auto-positioned Tabbar: top on Android, bottom on iOS/other. -->
<ons-tabbar id="myTabbar" position="auto">
<ons-tab page="html/epds.html" label="EPDS" active>
</ons-tab>
<ons-tab page="html/gad.html" label="GAD">
</ons-tab>
<ons-tab page="html/phq.html" label="PHQ">
</ons-tab>
<ons-tab page="html/final.html" label="END">
</ons-tab>
</ons-tabbar>
</ons-page>
</ons-template>
</body>
</html>