-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
93 lines (85 loc) · 4.57 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
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang=""en>
<head>
<title>Bangle.js data to connect</title>
<link href="style.css" rel="stylesheet">
<link rel="manifest" href="./manifest.json">
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="images/ladybug-icon-152.png">
<meta name="theme-color" content="white"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="ladybug">
<meta name="msapplication-TileImage" content="images/ladybug-icon-144.png">
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="theme-color" content="white"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body class="fullscreen">
<div class="container">
<div id="message" style="text-align: center;">
<div id="home">
<!-- <button class="guide" id="userGuide" onclick="guide()"> ❓ </button> -->
<div id="message-disconnected">
<button class="button1" id="connect" onclick="connect()"> Se connecter </button>
</div>
<div id="message-connected">
<button class="button1" onclick="disconnect()"> Se disconnecter </button>
</div>
<div class="box2">
<button class="button2" id="calm"> 😌 Calme </button>
<!-- <button class="button3" id="angry"> 😡 Angry </button> -->
<button class="button4" id="stress"> 😖 Stressé </button>
<!-- <button class="button5" id="happy"> 😁 Happy </button> -->
</div>
<div id="bt">
<div id="message-btconnected">
<button class= "button6a" id="getWatchConnect"> ⌚ Get watch data</button>
</div>
<div id="message-btdisconnected">
<button class= "button6a" id="btConnect"> ⌚ Appareillage</button>
</div>
</div>
<!-- <button class= "button6b" id="viewData">📊 View data</button> -->
<button class= "button6c" id="get-send-delete">📤 Envoyer les données</button>
<div id="message-sendPreviousData">
<button class="button7" id="pastData" onclick="previousData()"> 😌 😡 😖 😁 Enter a delayed annotation ⏳ </button>
</div>
<div class="oldData" id="message-enterPreviousData">
<form>
<fieldset>
<legend>Envoyer les données</legend>
<div>
<input type="radio" id="stateChoice1" name="subjectiveState" value="calm" />
<label for="stateChoice1">Calme</label>
<!-- <input type="radio" id="stateChoice2" name="subjectiveState" value="angry" />
<label for="stateChoice2">Angry</label> -->
<input type="radio" id="stateChoice3" name="subjectiveState" value="stressed" />
<label for="stateChoice3">Stressé</label>
<!-- <input type="radio" id="stateChoice4" name="subjectiveState" value="happy" />
<label for="stateChoice4">Happy</label> -->
</div>
<div>
<label for="eventTime">Select date and time</label>
<input id="stateTime" type="datetime-local" name="previousTime" required/>
<button type="submit">Submit</button>
</div>
</fieldset>
</form>
<pre id="log"></pre>
</div>
</div>
<!-- <div id="help">
<button class="button8" onclick="displayHome()"> ❌ close </button>
<h3> </h3>
<p> </p>
</div> -->
</div>
</div>
<script src="./js/main.js"></script>
<script src="https://www.puck-js.com/puck.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/hellojs/1.19.5/hello.js"></script>
<script src="./config-client.js"></script>
<script src = "./index.js"></script>
</body>
</html>