-
Notifications
You must be signed in to change notification settings - Fork 209
/
Copy pathindex.html
151 lines (105 loc) · 6.37 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html>
<!--
Exchange the line above for this to enable offline support
<html manifest="manifest.appcache">
Please make your homework before doing this:
http://www.alistapart.com/articles/application-cache-is-a-douchebag/
http://appcachefacts.info
This might be necessary to set up on your server, to make sure
files are updated when the appcache file itself is:
https://github.com/robnyman/Firefox-OS-Boilerplate-App/blob/gh-pages/.htaccess
-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/headers.css">
<link rel="stylesheet" type="text/css" href="css/buttons.css">
<link rel="stylesheet" type="text/css" href="css/toolbars.css">
<title>Firefox OS Boilerplate App</title>
<!-- Localization -->
<link rel="resource" type="application/l10n" href="locales/locales.ini" />
<script type="application/javascript" src="js/l10n.js"></script>
<base target="_blank">
</head>
<body>
<section role="region">
<header>
<!-- Icon that will indicate whether you are online or offline - enabled if you are using offline/appcache (see above) -->
<div id="online-status" title="Online"></div>
<menu type="toolbar">
<button id="install"><span class="icon icon-add">add</span></button>
</menu>
<h1 data-l10n-id="app-heading">
Firefox OS Boilerplate App
</h1>
</header>
</section>
<div id="main">
<p id="installation-instructions">Press the + button in the top right corner to install this app.</p>
<h2 data-l10n-id="web-activities">WebActivities</h2>
<button id="pick-image" data-l10n-id="pick-image">Pick image</button>
<div id="image-presenter"></div>
<button id="pick-anything" data-l10n-id="pick-anything">Pick anything</button>
<button id="record" data-l10n-id="take-picture">Take picture</button>
<button id="dial" data-l10n-id="dial-number">Dial number</button>
<button id="send-sms" data-l10n-id="dial-sms">Send SMS</button>
<button id="add-contact" data-l10n-id="add-contact">Add contact</button>
<button id="share" data-l10n-id="share-url">Share URL</button>
<button id="share-image" data-l10n-id="share-image">Share Image</button>
<img id="image-to-share" src="images/logo64.png" alt="">
<button id="view-url" data-l10n-id="view-url">View URL</button>
<button id="compose-email" data-l10n-id="compose-email">Compose mail</button>
<button id="save-bookmark" data-l10n-id="save-bookmark">Save bookmark</button>
<button id="open-video" data-l10n-id="open-video">Open video</button>
<button id="open-settings" data-l10n-id="open-settings">Open Settings</button>
<h2 data-l10n-id="web-apis">WebAPIs</h2>
<button id="add-notification" data-l10n-id="add-notification">Add notification</button>
<button id="lock-orientation" data-l10n-id="orientation-lock">Orientation lock</button>
<button id="vibrate" data-l10n-id="vibrate">Vibrate 2 sec</button>
<button id="check-connection" data-l10n-id="check-connection">Check connection</button>
<div id="connection-display" data-l10n-id="connection-values">Connection values should show up here</div>
<button id="check-battery" data-l10n-id="check-battery">Check battery</button>
<div id="battery-display" data-l10n-id="battery-values">Battery values should show up here</div>
<button id="geolocation" data-l10n-id="geolocation">Geolocation</button>
<div id="geolocation-display" data-l10n-id="golocation-values">Geolocation coords should show up here</div>
<button id="ambient-light" data-l10n-id="ambient-light">Ambient light</button>
<div id="ambient-light-display" data-l10n-id="ambient-light-values">Ambient light should show up here</div>
<button id="proximity" data-l10n-id="proximity">Proximity</button>
<div id="proximity-display" data-l10n-id="proximity-values">Proximity should show up here</div>
<button id="user-proximity" data-l10n-id="user-proximity">User proximity</button>
<div id="user-proximity-display" data-l10n-id="user-proximity-values">User proximity should show up here</div>
<button id="device-orientation" data-l10n-id="device-orientation">Device orientation</button>
<div id="device-orientation-display" data-l10n-id="device-orientation-values">Device orientation should show up here</div>
<button id="keep-screen-on" data-l10n-id="keep-screen-on">Keep screen on</button>
<button id="add-alarm" data-l10n-id="add-alarm">Add alarm</button>
<div id="alarm-display" data-l10n-id="alarm-display"></div>
<button id="remove-all-alarms" data-l10n-id="remove-all-alarms">Remove all alarms</button>
<div id="remove-alarms-display" data-l10n-id="alarm-display"></div>
<h3 data-l10n-id="priv-apis">Privileged APIs</h3>
<p><span data-l10n-id="setup-permissions"></span> <a href="https://github.com/robnyman/Firefox-OS-Boilerplate-App/blob/gh-pages/README.md">README.md</a></p>
<button id="log-visibility" data-l10n-id="log-visibility">App visibility</button>
<div id="log-visibility-display"></div>
<button id="cross-domain-xhr" data-l10n-id="cross-domain-xhr">Cross-domain XHR</button>
<div id="cross-domain-xhr-display"></div>
<button id="device-storage-pictures" data-l10n-id="device-storage-pictures">deviceStorage - pictures</button>
<div id="device-storage-pictures-display"></div>
<button id="get-all-contacts" data-l10n-id="get-all-contacts">Get all contacts</button>
<div id="get-all-contacts-display"></div>
</div>
<footer>
<div role="toolbar">
<ul>
<li><button id="reload" class="update" data-l10n-id="update-button">Update</button></li>
</ul>
</div>
</footer>
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/webapp.js"></script>
<script type="text/javascript" src="js/offline.js"></script>
<!--
Loosely based on fxosstub: https://github.com/Jaxo/fxosstub
-->
</body>
</html>