Cable-Desktop/options.html

<!DOCTYPE html>
<html>
<head>
  <title>Signal</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='install' class='main'>
    <div id='step1' class='step'>
      <img id='signal-icon' src='/images/icon_250.png'/>
      <div class='nav'>
        <h1>Welcome to Signal Desktop</h1>
        <p>Privacy is possible. Signal makes it easy.</p>
        <div> <a class='button step2'>Get started</a> </div>
        <span class='dot step1 selected'></span>
        <span class='dot step2'></span>
        <span class='dot step3'></span>
      </div>
    </div>

    <div id='step2' class='step'>
      <img id='signal-phone' src='/images/signal-phone.png'>
      <div class='nav'>
        <p>First, install <a class='link' href='https://play.google.com/store/apps/details?id=org.thoughtcrime.securesms' target='_blank'>Signal</a> on your Android phone.<br /> We'll link your devices and keep your messages in sync.</p>
        <div> <a class='button step3'>I have Signal for Android</a> </div>
        <p>
        <a class='link' href='https://twitter.com/whispersystems' target='_blank'>Follow us</a>
        for updates about multi-device support for iOS.
        </p>
        <span class='dot step1'></span>
        <span class='dot step2 selected'></span>
        <span class='dot step3'></span>
      </div>
    </div>

    <div id='step3' class='step'>
      <div id="qr"></div>
      <p>Open Signal on your phone and navigate to Settings > Devices. Tap the
      button to add a new device, then scan the code above.</p>
      <div class='nav'>
        <span class='dot step1'></span>
        <span class='dot step2'></span>
        <span class='dot step3 selected'></span>
      </div>
    </div>

    <div id='step4' class='step'>
        <p>Linking with</p>
        <h2 class='number'></h2>
        <img id='signal-computer' src='/images/signal-laptop.png'>
        <p>This computer's name will be</p>
        <div>
          <input type='text' id='device-name' spellcheck='false'></input>
        </div>
        <div class='nav'>
          <div> <a class='button' id='sync'>Looking good</a> </div>
        </div>
    </div>

    <div id='step5' class='step'>
      <img id='signal-icon' src='/images/icon_250.png'/>
      <div class='progress-dialog'>
        <p class='status'></p>
        <div class='bar-container'><div class='bar progress-bar'></div></div>
      </div>
      <div class='nav'>
      </div>
    </div>

    <div id='stepTooManyDevices' class='step'>
      <div class='error-dialog clearfix'>
        <div class='panel'>
          Sorry, you have too many devices registered already.
          Try removing some.
        </div>
        <div class='nav'>
          <button class='ok step3'>Ok</button>
        </div>
      </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/views/install_view.js"></script>
  <script type="text/javascript" src="js/options.js"></script>
</body>
</html>
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>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00			`<title>Signal</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>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00			`<div id='install' class='main'>`
			`<div id='step1' class='step'>`
			`<img id='signal-icon' src='/images/icon_250.png'/>`
			`<div class='nav'>`
Change welcome screen copy // FREEBIE 2015-12-01 00:19:05 +01:00			`<h1>Welcome to Signal Desktop</h1>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00			`<p>Privacy is possible. Signal makes it easy.</p>`
			`<div> <a class='button step2'>Get started</a> </div>`
			`<span class='dot step1 selected'></span>`
			`<span class='dot step2'></span>`
			`<span class='dot step3'></span>`
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>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00			`</div>`

			`<div id='step2' class='step'>`
			`<img id='signal-phone' src='/images/signal-phone.png'>`
			`<div class='nav'>`
			`<p>First, install <a class='link' href='https://play.google.com/store/apps/details?id=org.thoughtcrime.securesms' target='_blank'>Signal</a> on your Android phone.<br /> We'll link your devices and keep your messages in sync.</p>`
			`<div> <a class='button step3'>I have Signal for Android</a> </div>`
			`<p>`
Fix twitter link in install flow Fixes #400 // FREEBIE 2015-11-09 17:35:24 +01:00			`<a class='link' href='https://twitter.com/whispersystems' target='_blank'>Follow us</a>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00			`for updates about multi-device support for iOS.`
			`</p>`
			`<span class='dot step1'></span>`
			`<span class='dot step2 selected'></span>`
			`<span class='dot step3'></span>`
Refactor options page and style using bootstrap 2014-10-14 09:41:18 +02:00			`</div>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00			`</div>`

			`<div id='step3' class='step'>`
			`<div id="qr"></div>`
Update install copy // FREEBIE 2015-11-20 23:03:02 +01:00			`<p>Open Signal on your phone and navigate to Settings > Devices. Tap the`
			`button to add a new device, then scan the code above.</p>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00			`<div class='nav'>`
			`<span class='dot step1'></span>`
			`<span class='dot step2'></span>`
			`<span class='dot step3 selected'></span>`
Refactor options page and style using bootstrap 2014-10-14 09:41:18 +02:00			`</div>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00			`</div>`

			`<div id='step4' class='step'>`
Fixes #394 :two_men_holding_hands: // FREEBIE 2015-11-08 06:33:01 +01:00			`<p>Linking with</p>`
			`<h2 class='number'></h2>`
			`<img id='signal-computer' src='/images/signal-laptop.png'>`
			`<p>This computer's name will be</p>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00			`<div>`
			`<input type='text' id='device-name' spellcheck='false'></input>`
Refactor options page and style using bootstrap 2014-10-14 09:41:18 +02:00			`</div>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00			`<div class='nav'>`
Fixes #394 :two_men_holding_hands: // FREEBIE 2015-11-08 06:33:01 +01:00			`<div> <a class='button' id='sync'>Looking good</a> </div>`
Refactor options page and style using bootstrap 2014-10-14 09:41:18 +02:00			`</div>`
			`</div>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00
			`<div id='step5' class='step'>`
			`<img id='signal-icon' src='/images/icon_250.png'/>`
			`<div class='progress-dialog'>`
			`<p class='status'></p>`
			`<div class='bar-container'><div class='bar progress-bar'></div></div>`
Registration ux tweaks 2014-11-10 22:34:10 +01:00			`</div>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00			`<div class='nav'>`
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>`
Refactor options page and style using bootstrap 2014-10-14 09:41:18 +02:00			`</div>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00
			`<div id='stepTooManyDevices' class='step'>`
			`<div class='error-dialog clearfix'>`
Add support for device name 2015-06-18 20:00:58 +02:00			`<div class='panel'>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00			`Sorry, you have too many devices registered already.`
			`Try removing some.`
Add support for device name 2015-06-18 20:00:58 +02:00			`</div>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00			`<div class='nav'>`
			`<button class='ok step3'>Ok</button>`
Add support for device name 2015-06-18 20:00:58 +02:00			`</div>`
Add error dialog for too many devices 2015-06-20 01:40:33 +02:00			`</div>`
Registration UX improvements Add some nice modal dialogs instead of confirmation alerts. 2015-03-26 23:19:46 +01:00			`</div>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00
Registration UX improvements Add some nice modal dialogs instead of confirmation alerts. 2015-03-26 23:19:46 +01:00			`</div>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00
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>`
Create install flow * Refactor options.js into a view * Break up install flow into a series of screens * Remove bootstrap * Make installer window static size, mostly to facilitate positioning // FREEBIE 2015-11-03 04:19:30 +01:00			`<script type="text/javascript" src="js/views/install_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>`