forked from signalapp/Signal-Desktop
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoptions.html
137 lines (132 loc) · 4.85 KB
/
options.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
<!--This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Lesser General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
-->
<!DOCTYPE html>
<html>
<head>
<title>Signal Options</title>
<meta charset="utf-8">
<link rel="stylesheet" href="stylesheets/options.css">
<link href='/images/icon_128.png' rel='shortcut icon'>
</head>
<body>
<div id='init-setup' class='collapse'>
<header>
<div class='container'>
<div class='row'>
<div class='col-xs-2 col-md-1'>
<img id='textsecure-icon' src='/images/icon_128.png'/>
</div>
<div class='col-xs-10 col-md-11'>
<h1>Welcome to Signal for Chrome</h1>
<h4 class='tagline'>Private messaging from your web browser.</h4>
</div>
</div>
</div>
</header>
<div class='container'>
<div class='row'>
<div class='col-xs-6'>
<h4 id='step1'>Step 1</h4>
<h3 class='step'>Download the Mobile App</h3>
</div>
<div class='col-xs-6'>
<h4 id='step2'>Step 2</h4>
<h3 class='step'>Pair Your Device</h3>
</div>
</div>
<div class='row'>
<div class='col-xs-6'>
<p class='help'>
To get started, download the TextSecure app for your Android phone.
Once you've installed it, proceed to <a href='#step2'>Step 2</a>.
<p>
</div>
<div class='col-xs-6'>
<p class='help'>
Using a QR code scanning app on your phone, scan the QR code below, then
open the link to pair your device.
</p>
</div>
</div>
<div class='row'>
<div class='col-xs-6'>
<div class='cta'>
<a class='install' href='https://play.google.com/store/apps/details?id=org.thoughtcrime.securesms' target='_blank'>
<img src='/images/playstore.png' />
</a>
</div>
</div>
<div class='col-xs-6'>
<div class='cta'>
<div id='status'></div>
<div id="qr"></div>
</div>
</div>
</div>
</div>
</div>
<div id="setup-complete" class="collapse">
<header>
<div class='container'>
<div class='row'>
<div class='col-xs-2 col-md-1'>
<img id='textsecure-icon' src='/images/icon_128.png'/>
</div>
<div class='col-xs-10 col-md-11'>
<h1>Signal for Chrome</h1>
<h4 class='tagline'>Private messaging from your web browser.</h4>
</div>
</div>
</div>
</header>
<div class='container'>
<h3>You are registered with number <span id="complete-number"></span></h3>
<div class='notifications'>
<span class='on'>Desktop notifcations are enabled. <button class='disable'>Turn off Notifications</button></span>
<span class='off'>Desktop notifcations are not enabled. <button class='enable'>Turn on Notifications</button></span>
</div>
</div>
</div>
<div class='modal-container'>
<div class='modal-main'>
<h4>Pairing</h4>
<div class='confirmation-dialog clearfix'>
<div class='panel'>
Name this device: <input type='text' id='device-name'></input>
</div>
<div class='panel'>
Your phone number: <span class='number'></span>
</div>
<button class='ok'>Continue</span>
<button class='cancel'>Cancel</span>
</div>
<div class='progress-dialog'>
<div class='status'></div>
<div class='bar-container'><div class='bar'></div></div>
</div>
<div class='error-dialog'>
<div>Error: Too many devices.</div>
<button class='ok'>Continue</span>
</div>
</div>
</div>
<script type="text/javascript" src="js/components.js"></script>
<script type="text/javascript" src="js/database.js"></script>
<script type="text/javascript" src="js/libphonenumber-util.js"></script>
<script type="text/javascript" src="js/models/messages.js"></script>
<script type="text/javascript" src="js/models/conversations.js"></script>
<script type="text/javascript" src="js/chromium.js"></script>
<script type="text/javascript" src="js/views/whisper_view.js"></script>
<script type="text/javascript" src="js/views/phone-input-view.js"></script>
<script type="text/javascript" src="js/options.js"></script>
</body>
</html>