2014-05-04 08:34:13 +02:00
<!-- This program is free software: you can redistribute it and/or modify
2014-10-14 09:41:18 +02:00
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.
2014-05-04 08:34:13 +02:00
2014-10-14 09:41:18 +02:00
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.
2014-05-04 08:34:13 +02:00
2014-10-14 09:41:18 +02:00
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 / > .
2014-05-04 08:34:13 +02:00
-->
2014-06-30 00:15:27 +02:00
<!DOCTYPE html>
2014-01-10 08:48:05 +01:00
< html >
< head >
2014-10-14 09:41:18 +02:00
< title > TextSecure Options< / title >
< meta charset = "utf-8" >
2014-11-10 21:23:53 +01:00
< link rel = "stylesheet" href = "stylesheets/options.css" >
2014-10-31 00:53:08 +01:00
< link rel = "stylesheet" href = "components/bootstrap/dist/css/bootstrap.css" >
2015-01-15 22:11:45 +01:00
< link rel = "stylesheet" href = "components/intl-tel-input/build/css/intlTelInput.css" >
2014-01-10 08:48:05 +01:00
< / head >
2015-01-14 22:21:54 +01:00
< body >
2014-10-14 09:41:18 +02:00
< div class = 'container' >
< h1 > < img id = "textsecure-icon" src = 'icon.png' / > TextSecure< / h1 >
< div id = 'choose-setup' class = 'collapse' >
< div class = 'row' >
< div class = 'col-xs-5 col-xs-offset-1' >
< p > I'm new to TextSecure< / p >
< / div >
< div class = 'col-xs-5' >
< p > I have TextSecure installed on my phone.< / p >
< / div >
< / div >
< div class = 'row' >
< div class = 'col-xs-5 col-xs-offset-1' >
< p > < button type = 'button' id = 'new-account' class = 'btn btn-default' > Register< / button > < / p >
< / div >
< div class = 'col-xs-5' >
< p > < button type = 'button' id = 'new-device' class = 'btn btn-default' > Add a device< / button > < / p >
< / div >
< / div >
< / div >
< div id = "init-setup" >
< div id = 'multi-device' class = 'collapse' >
< button class = 'back btn btn-link' > Back< / button >
< div class = 'narrow' >
< div class = 'status' > < / div >
< div id = "setup-qr" > < / div >
< / div >
< / div >
< div id = 'single-device' class = 'row collapse' >
< div class = 'col-xs-offset-1 col-md-6' >
< div class = 'narrow' >
< div id = 'step1' >
2015-01-15 00:59:40 +01:00
< div id = "phone-number-input" > < / div >
2014-10-14 09:41:18 +02:00
< div class = 'clearfix' >
2014-11-10 22:34:10 +01:00
< button id = "request-sms" class = "btn btn-info" > Send SMS< / button >
< button id = "request-voice" class = "btn btn-info" tabindex = -1 > Call< / button >
2014-10-14 09:41:18 +02:00
< / div >
< / div >
< form id = "step2" class = "collapse" >
2014-12-24 23:29:09 +01:00
< input class = 'form-control' type = "text" pattern = "\s*[0-9]{3}-?[0-9]{3}\s*" title = "Enter your 6-digit verification code. If you did not receive a code, click Call or Send SMS to request a new one" id = "code" placeholder = "Verification Code" autocomplete = 'off' >
2014-11-10 22:34:10 +01:00
< button id = "verifyCode" class = "btn btn-info" data-loading-text = "Please wait..." > Register< / button >
2014-10-14 09:41:18 +02:00
< div id = 'error' class = 'collapse' > < / div >
< / form >
< / div >
2014-11-10 22:34:10 +01:00
< button class = 'back btn btn-link' > Back< / button >
2014-10-14 09:41:18 +02:00
< / div >
< / div >
< / div >
2014-11-10 22:34:10 +01:00
< div class = 'row' >
< div class = 'col-xs-offset-1 col-md-6' >
< div id = "verify" class = "collapse narrow" >
2015-01-23 22:19:29 +01:00
< div id = "verify1" > Receiving identity key...< span class = "verify1done" > < / span > < / div >
2014-11-10 22:34:10 +01:00
< div id = "verify2" > Verifying number and setup code...< span class = "done" id = "verify2done" > < / span > < / div >
< div id = "verify3" > Generating keys...< span class = "done" id = "verify3done" > < / span > < / div >
< div id = "verify4" > Registering...< span class = "done" id = "verify4done" > < / span > < / div >
< div id = "verify5" > Syncing with existing devices...< span class = "done" id = "verify5done" > < / span > < / div >
< / div >
< / div >
2014-10-14 09:41:18 +02:00
< / div >
< div id = "setup-complete" class = "collapse" >
< h3 > You are registered on TextSecure with number < span id = "complete-number" > < / span > < / h3 >
< / div >
< / div >
2015-01-15 00:59:40 +01:00
< script type = "text/x-tmpl-mustache" id = "phone-number" >
< div class = "phone-input-form" >
2015-01-18 09:51:32 +01:00
< div id = "number-container" class = "number-container" >
2015-01-15 22:11:45 +01:00
< input type = "tel" class = "number" placeholder = "Phone Number" / >
2015-01-15 00:59:40 +01:00
< / div >
< / div >
< / script >
2014-10-31 00:53:08 +01:00
< script type = "text/javascript" src = "js/components.js" > < / script >
2014-07-26 07:31:41 +02:00
2015-01-14 01:09:32 +01:00
< script type = "text/javascript" src = "js/libtextsecure.js" > < / script >
< script type = "text/javascript" src = "js/database.js" > < / script >
< script type = "text/javascript" src = "js/libphonenumber-util.js" > < / script >
2014-10-14 09:41:18 +02:00
< script type = "text/javascript" src = "js/models/messages.js" > < / script >
2014-11-13 23:35:37 +01:00
< script type = "text/javascript" src = "js/models/conversations.js" > < / script >
2014-06-03 18:39:29 +02:00
2014-10-14 09:41:18 +02:00
< script type = "text/javascript" src = "js/chromium.js" > < / script >
2015-01-15 00:59:40 +01:00
< script type = "text/javascript" src = "js/views/phone-input-view.js" > < / script >
2014-10-14 09:41:18 +02:00
< script type = "text/javascript" src = "js/options.js" > < / script >
2014-01-10 08:48:05 +01:00
< / body >
< / html >
