thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity
Cable-Desktop/options.html

138 lines
4.9 KiB
HTML
Raw Normal View History

LGPL license (I'd like to be an axolotl/TS JS lib in the future)
2014-05-04 08:34:13 +02:00
<!--This program is free software: you can redistribute it and/or modify
Refactor options page and style using bootstrap
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.
LGPL license (I'd like to be an axolotl/TS JS lib in the future)
2014-05-04 08:34:13 +02:00
Refactor options page and style using bootstrap
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.
LGPL license (I'd like to be an axolotl/TS JS lib in the future)
2014-05-04 08:34:13 +02:00
Refactor options page and style using bootstrap
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/>.
LGPL license (I'd like to be an axolotl/TS JS lib in the future)
2014-05-04 08:34:13 +02:00
-->
improved number validation (based on google's libphonenumber)
2014-06-30 00:15:27 +02:00
<!DOCTYPE html>
Initial Checkin
2014-01-10 08:48:05 +01:00
<html>
<head>
s/TextSecure/Signal on options page
2015-05-05 22:46:28 +02:00
<title>Signal Options</title>
Refactor options page and style using bootstrap
2014-10-14 09:41:18 +02:00
<meta charset="utf-8">
Fix options page stylesheet path
2014-11-10 21:23:53 +01:00
<link rel="stylesheet" href="stylesheets/options.css">
Resize icon to various resolutions You want icon sizes? I got all the size you need.
2015-05-08 01:54:01 +02:00
<link href='/images/icon_128.png' rel='shortcut icon'>
Initial Checkin
2014-01-10 08:48:05 +01:00
</head>
Remove NaCL!
2015-01-14 22:21:54 +01:00
<body>
Restyle registration page When first intalling, users will no longer be presented with the option to register as a standalone client. For developer convenience, the standalone form can still be found at chrome-extension://.../register.html Closes #159
2015-03-06 20:43:53 +01:00
<div id='init-setup' class='collapse'>
<header>
<div class='container'>
<div class='row'>
<div class='col-xs-2 col-md-1'>
Resize icon to various resolutions You want icon sizes? I got all the size you need.
2015-05-08 01:54:01 +02:00
<img id='textsecure-icon' src='/images/icon_128.png'/>
Restyle registration page When first intalling, users will no longer be presented with the option to register as a standalone client. For developer convenience, the standalone form can still be found at chrome-extension://.../register.html Closes #159
2015-03-06 20:43:53 +01:00
</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'>
Refactor options page and style using bootstrap
2014-10-14 09:41:18 +02:00
<div class='row'>
Restyle registration page When first intalling, users will no longer be presented with the option to register as a standalone client. For developer convenience, the standalone form can still be found at chrome-extension://.../register.html Closes #159
2015-03-06 20:43:53 +01:00
<div class='col-xs-6'>
<h4 id='step1'>Step 1</h4>
<h3 class='step'>Download the Mobile App</h3>
Refactor options page and style using bootstrap
2014-10-14 09:41:18 +02:00
</div>
Restyle registration page When first intalling, users will no longer be presented with the option to register as a standalone client. For developer convenience, the standalone form can still be found at chrome-extension://.../register.html Closes #159
2015-03-06 20:43:53 +01:00
<div class='col-xs-6'>
<h4 id='step2'>Step 2</h4>
<h3 class='step'>Pair Your Device</h3>
Refactor options page and style using bootstrap
2014-10-14 09:41:18 +02:00
</div>
</div>
<div class='row'>
Restyle registration page When first intalling, users will no longer be presented with the option to register as a standalone client. For developer convenience, the standalone form can still be found at chrome-extension://.../register.html Closes #159
2015-03-06 20:43:53 +01:00
<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>
Refactor options page and style using bootstrap
2014-10-14 09:41:18 +02:00
</div>
Restyle registration page When first intalling, users will no longer be presented with the option to register as a standalone client. For developer convenience, the standalone form can still be found at chrome-extension://.../register.html Closes #159
2015-03-06 20:43:53 +01:00
<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>
Refactor options page and style using bootstrap
2014-10-14 09:41:18 +02:00
</div>
</div>
Restyle registration page When first intalling, users will no longer be presented with the option to register as a standalone client. For developer convenience, the standalone form can still be found at chrome-extension://.../register.html Closes #159
2015-03-06 20:43:53 +01:00
<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>
Refactor options page and style using bootstrap
2014-10-14 09:41:18 +02:00
</div>
Restyle registration page When first intalling, users will no longer be presented with the option to register as a standalone client. For developer convenience, the standalone form can still be found at chrome-extension://.../register.html Closes #159
2015-03-06 20:43:53 +01:00
<div class='col-xs-6'>
<div class='cta'>
<div id='status'></div>
<div id="qr"></div>
Refactor options page and style using bootstrap
2014-10-14 09:41:18 +02:00
</div>
</div>
</div>
</div>
Restyle registration page When first intalling, users will no longer be presented with the option to register as a standalone client. For developer convenience, the standalone form can still be found at chrome-extension://.../register.html Closes #159
2015-03-06 20:43:53 +01:00
</div>
<div id="setup-complete" class="collapse">
<header>
<div class='container'>
<div class='row'>
<div class='col-xs-2 col-md-1'>
Resize icon to various resolutions You want icon sizes? I got all the size you need.
2015-05-08 01:54:01 +02:00
<img id='textsecure-icon' src='/images/icon_128.png'/>
Restyle registration page When first intalling, users will no longer be presented with the option to register as a standalone client. For developer convenience, the standalone form can still be found at chrome-extension://.../register.html Closes #159
2015-03-06 20:43:53 +01:00
</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>
Registration ux tweaks
2014-11-10 22:34:10 +01:00
</div>
</div>
Restyle registration page When first intalling, users will no longer be presented with the option to register as a standalone client. For developer convenience, the standalone form can still be found at chrome-extension://.../register.html Closes #159
2015-03-06 20:43:53 +01:00
</header>
<div class='container'>
s/TextSecure/Signal on options page
2015-05-05 22:46:28 +02:00
<h3>You are registered with number <span id="complete-number"></span></h3>
Trigger desktop notifications Notifications show the conversation name, avatar, and new message text. Clicking the notification opens the conversation.
2015-03-17 23:06:21 +01:00
<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>
Refactor options page and style using bootstrap
2014-10-14 09:41:18 +02:00
</div>
</div>
Registration UX improvements Add some nice modal dialogs instead of confirmation alerts.
2015-03-26 23:19:46 +01:00
<div class='modal-container'>
<div class='modal-main'>
Change progress dialog header
2015-04-03 23:48:08 +02:00
<h4>Pairing</h4>
Registration UX improvements Add some nice modal dialogs instead of confirmation alerts.
2015-03-26 23:19:46 +01:00
<div class='confirmation-dialog clearfix'>
Add support for device name
2015-06-18 20:00:58 +02:00
<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>
Registration UX improvements Add some nice modal dialogs instead of confirmation alerts.
2015-03-26 23:19:46 +01:00
<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>
Add error dialog for too many devices
2015-06-20 01:40:33 +02:00
<div class='error-dialog'>
<div>Error: Too many devices.</div>
<button class='ok'>Continue</span>
</div>
Registration UX improvements Add some nice modal dialogs instead of confirmation alerts.
2015-03-26 23:19:46 +01:00
</div>
</div>
Rename bower_components To components. Because tab-completion works better when there aren't two things starting with bower, and shorter names are nicer to deal with in general.
2014-10-31 00:53:08 +01:00
<script type="text/javascript" src="js/components.js"></script>
Reorder database.js include Prep to use indexedDB for axolotl storage.
2015-04-08 21:20:34 +02:00
<script type="text/javascript" src="js/database.js"></script>
Move js files around for libtextsecure split
2015-01-14 01:09:32 +01:00
<script type="text/javascript" src="js/libphonenumber-util.js"></script>
Refactor options page and style using bootstrap
2014-10-14 09:41:18 +02:00
<script type="text/javascript" src="js/models/messages.js"></script>
Move message and conversation storage to IndexedDB Getting up and running with IndexedDB was pretty easy, thanks to backbone. The tricky part was making reads and writes asynchronous. In that process I did some refactoring on Whisper.Threads, which has been renamed Conversations for consistency with the view names. This change also adds the unlimitedStorage permission.
2014-11-13 23:35:37 +01:00
<script type="text/javascript" src="js/models/conversations.js"></script>
sendMessage refactor, initial group stuff (breaks message storage)
2014-06-03 18:39:29 +02:00
Refactor options page and style using bootstrap
2014-10-14 09:41:18 +02:00
<script type="text/javascript" src="js/chromium.js"></script>
DRY up a common view pattern Define a Whisper.View base class that automatically parses and renders templates and attributes defined by the subclass. This saves us a good number of lines of code as well as some marginal memory overhead, since we are no longer saving per-instance copies of template strings.
2015-03-06 00:25:49 +01:00
<script type="text/javascript" src="js/views/whisper_view.js"></script>
Refactor phone number input view Moves validation logic to its own view to be shared on index and options pages.
2015-01-15 00:59:40 +01:00
<script type="text/javascript" src="js/views/phone-input-view.js"></script>
Refactor options page and style using bootstrap
2014-10-14 09:41:18 +02:00
<script type="text/javascript" src="js/options.js"></script>
Initial Checkin
2014-01-10 08:48:05 +01:00
</body>
</html>
Reference in a new issue Copy permalink