session-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 for Chrome</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'>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>Using barcode code scanning app on your phone, scan the QR code above, then select "Open link" or "Open browser" to add this computer to your account.</p>
      <!--
      <p>Open Signal on your phone and select "Add device" from the menu, then scan the QR code above to add this computer to your account.</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>Registering as</p>
        <h3 class='number'></h3>
        <p>Verify your phone number above, then give this computer a name.</p>
        <div>
          <input type='text' id='device-name' spellcheck='false'></input>
        </div>
        <img id='signal-computer' src='/images/signal-laptop.png'>
        <div class='nav'>
          <div> <a class='button' id='sync'>Lookin 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'>`
			`<h1>Welcome to Signal for Chrome</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>`
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>`
			`<a class='link' href='https://twitter.com/whispersystems'>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>`
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>`
			`<p>Using barcode code scanning app on your phone, scan the QR code above, then select "Open link" or "Open browser" to add this computer to your account.</p>`
			`<!--`
			`<p>Open Signal on your phone and select "Add device" from the menu, then scan the QR code above to add this computer to your account.</p>`
			`-->`
			`<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'>`
			`<p>Registering as</p>`
			`<h3 class='number'></h3>`
			`<p>Verify your phone number above, then give this computer a name.</p>`
			`<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			`<img id='signal-computer' src='/images/signal-laptop.png'>`
			`<div class='nav'>`
			`<div> <a class='button' id='sync'>Lookin 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>`