mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
signal-desktop/options.html

115 lines
3.8 KiB
HTML
Raw Normal View History

improved number validation (based on google's libphonenumber)
2014-06-29 22:15:27 +00:00
<!DOCTYPE html>
Initial Checkin
2014-01-10 07:48:05 +00: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 03:19:30 +00:00
<title>Signal</title>
Refactor options page and style using bootstrap
2014-10-14 07:41:18 +00:00
<meta charset="utf-8">
Fix options page stylesheet path
2014-11-10 20:23:53 +00: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-07 23:54:01 +00:00
<link href='/images/icon_128.png' rel='shortcut icon'>
Initial Checkin
2014-01-10 07:48:05 +00:00
</head>
Remove NaCL!
2015-01-14 21:21:54 +00: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 03:19:30 +00:00
<div id='install' class='main'>
Improve implementation of i18n for Install Flow following comments on #611 * Move install flow i18n logic to install_view.js (from options.js) * Switch to using placeholders (instead of jQuery) for i18n messages with html. * Switch to using moustache template instead of jQuery for i18n substitution. // FREEBIE
2016-01-17 10:54:34 +00:00
<script type='text/x-tmpl-mustache' id='install_flow_template'>
<div id='step1' class='step'>
Improve Responsiveness on Install Screen Handles the edge case where images in the Install steps can obscure the text below them at certain window dimensions. In most cases, it's not possible to replicate this behavior due to minimum dimension settings in `chromium.js`. However, some window managers (such as i3) can ignore those settings, producing this bug. This fix introduces a flexible, responsive layout to the Install steps, with the goal of keeping the action buttons in a consistent position while adapting the rest of the content to the remaining available space. The result is a clean, usable screen at any window size. In the rare instance that a window's dimensions are less than that of the minimums set in `chromium.js`, scrollbars will appear to keep the smallest acceptable layout intact. Potential side effects: - Each `.step` element contains an`.inner` flexbox wrapper, which arranges its children in a column. The layout works best when each `flex-item` is an element that wraps the content inside of it. I think I accounted for all the possibilities on the Install screen, but any future `.step` items might want to keep that pattern in mind. Resolves #1059 FREEBIE
2017-03-17 21:16:09 +00:00
<div class='inner'>
<div class='step-body'>
<img id='signal-icon' src='/images/icon_250.png'/>
<h1>{{ installWelcome }}</h1>
<p>{{ installTagline }}</p>
Add text under the logo on the first screen Per https://github.com/WhisperSystems/Signal-Desktop/pull/1097#issuecomment-287477960
2017-03-18 00:25:39 +00:00
</div>
<div class='nav'>
Improve Responsiveness on Install Screen Handles the edge case where images in the Install steps can obscure the text below them at certain window dimensions. In most cases, it's not possible to replicate this behavior due to minimum dimension settings in `chromium.js`. However, some window managers (such as i3) can ignore those settings, producing this bug. This fix introduces a flexible, responsive layout to the Install steps, with the goal of keeping the action buttons in a consistent position while adapting the rest of the content to the remaining available space. The result is a clean, usable screen at any window size. In the rare instance that a window's dimensions are less than that of the minimums set in `chromium.js`, scrollbars will appear to keep the smallest acceptable layout intact. Potential side effects: - Each `.step` element contains an`.inner` flexbox wrapper, which arranges its children in a column. The layout works best when each `flex-item` is an element that wraps the content inside of it. I think I accounted for all the possibilities on the Install screen, but any future `.step` items might want to keep that pattern in mind. Resolves #1059 FREEBIE
2017-03-17 21:16:09 +00:00
<div> <a class='button step2'>{{ installGetStartedButton }}</a> </div>
<span class='dot step1 selected'></span>
<span class='dot step2'></span>
<span class='dot step3'></span>
</div>
Improve implementation of i18n for Install Flow following comments on #611 * Move install flow i18n logic to install_view.js (from options.js) * Switch to using placeholders (instead of jQuery) for i18n messages with html. * Switch to using moustache template instead of jQuery for i18n substitution. // FREEBIE
2016-01-17 10:54:34 +00:00
</div>
Refactor options page and style using bootstrap
2014-10-14 07:41:18 +00: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 03:19:30 +00:00
Improve implementation of i18n for Install Flow following comments on #611 * Move install flow i18n logic to install_view.js (from options.js) * Switch to using placeholders (instead of jQuery) for i18n messages with html. * Switch to using moustache template instead of jQuery for i18n substitution. // FREEBIE
2016-01-17 10:54:34 +00:00
<div id='step2' class='step'>
Improve Responsiveness on Install Screen Handles the edge case where images in the Install steps can obscure the text below them at certain window dimensions. In most cases, it's not possible to replicate this behavior due to minimum dimension settings in `chromium.js`. However, some window managers (such as i3) can ignore those settings, producing this bug. This fix introduces a flexible, responsive layout to the Install steps, with the goal of keeping the action buttons in a consistent position while adapting the rest of the content to the remaining available space. The result is a clean, usable screen at any window size. In the rare instance that a window's dimensions are less than that of the minimums set in `chromium.js`, scrollbars will appear to keep the smallest acceptable layout intact. Potential side effects: - Each `.step` element contains an`.inner` flexbox wrapper, which arranges its children in a column. The layout works best when each `flex-item` is an element that wraps the content inside of it. I think I accounted for all the possibilities on the Install screen, but any future `.step` items might want to keep that pattern in mind. Resolves #1059 FREEBIE
2017-03-17 21:16:09 +00:00
<div class='inner'>
<div class='step-body'>
<img id='signal-phone' src='/images/signal-phone.png'>
<p>{{{ installSignalLink }}}</p>
</div>
<div class='nav'>
<div> <a class='button step3'>{{ installIHaveSignalButton }}</a> </div>
<span class='dot step1'></span>
<span class='dot step2 selected'></span>
<span class='dot step3'></span>
</div>
Improve implementation of i18n for Install Flow following comments on #611 * Move install flow i18n logic to install_view.js (from options.js) * Switch to using placeholders (instead of jQuery) for i18n messages with html. * Switch to using moustache template instead of jQuery for i18n substitution. // FREEBIE
2016-01-17 10:54:34 +00:00
</div>
Refactor options page and style using bootstrap
2014-10-14 07:41:18 +00: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 03:19:30 +00:00
Improve implementation of i18n for Install Flow following comments on #611 * Move install flow i18n logic to install_view.js (from options.js) * Switch to using placeholders (instead of jQuery) for i18n messages with html. * Switch to using moustache template instead of jQuery for i18n substitution. // FREEBIE
2016-01-17 10:54:34 +00:00
<div id='step3' class='step'>
Improve Responsiveness on Install Screen Handles the edge case where images in the Install steps can obscure the text below them at certain window dimensions. In most cases, it's not possible to replicate this behavior due to minimum dimension settings in `chromium.js`. However, some window managers (such as i3) can ignore those settings, producing this bug. This fix introduces a flexible, responsive layout to the Install steps, with the goal of keeping the action buttons in a consistent position while adapting the rest of the content to the remaining available space. The result is a clean, usable screen at any window size. In the rare instance that a window's dimensions are less than that of the minimums set in `chromium.js`, scrollbars will appear to keep the smallest acceptable layout intact. Potential side effects: - Each `.step` element contains an`.inner` flexbox wrapper, which arranges its children in a column. The layout works best when each `flex-item` is an element that wraps the content inside of it. I think I accounted for all the possibilities on the Install screen, but any future `.step` items might want to keep that pattern in mind. Resolves #1059 FREEBIE
2017-03-17 21:16:09 +00:00
<div class='inner'>
<div class='step-body'>
<div id="qr"></div>
<p>{{ installAndroidInstructions }}</p>
</div>
<div class='nav'>
<span class='dot step1'></span>
<span class='dot step2'></span>
<span class='dot step3 selected'></span>
</div>
Refactor options page and style using bootstrap
2014-10-14 07:41:18 +00:00
</div>
Registration ux tweaks
2014-11-10 21:34:10 +00:00
</div>
Improve implementation of i18n for Install Flow following comments on #611 * Move install flow i18n logic to install_view.js (from options.js) * Switch to using placeholders (instead of jQuery) for i18n messages with html. * Switch to using moustache template instead of jQuery for i18n substitution. // FREEBIE
2016-01-17 10:54:34 +00:00
Confirm device name with enter key Use form and submit elements for their built in mouse and keyboard event handlers. // FREEBIE
2017-02-07 04:10:40 +00:00
<form id='step4' class='step'>
Improve Responsiveness on Install Screen Handles the edge case where images in the Install steps can obscure the text below them at certain window dimensions. In most cases, it's not possible to replicate this behavior due to minimum dimension settings in `chromium.js`. However, some window managers (such as i3) can ignore those settings, producing this bug. This fix introduces a flexible, responsive layout to the Install steps, with the goal of keeping the action buttons in a consistent position while adapting the rest of the content to the remaining available space. The result is a clean, usable screen at any window size. In the rare instance that a window's dimensions are less than that of the minimums set in `chromium.js`, scrollbars will appear to keep the smallest acceptable layout intact. Potential side effects: - Each `.step` element contains an`.inner` flexbox wrapper, which arranges its children in a column. The layout works best when each `flex-item` is an element that wraps the content inside of it. I think I accounted for all the possibilities on the Install screen, but any future `.step` items might want to keep that pattern in mind. Resolves #1059 FREEBIE
2017-03-17 21:16:09 +00:00
<div class='inner'>
<div class='step-body'>
<p>{{ installLinkingWithNumber }}</p>
<h2 class='number'></h2>
<img id='signal-computer' src='/images/signal-laptop.png'>
<p>{{ installComputerName }}</p>
<div>
<input type='text' id='device-name' spellcheck='false' maxlength='50' />
</div>
Improve implementation of i18n for Install Flow following comments on #611 * Move install flow i18n logic to install_view.js (from options.js) * Switch to using placeholders (instead of jQuery) for i18n messages with html. * Switch to using moustache template instead of jQuery for i18n substitution. // FREEBIE
2016-01-17 10:54:34 +00:00
</div>
<div class='nav'>
Confirm device name with enter key Use form and submit elements for their built in mouse and keyboard event handlers. // FREEBIE
2017-02-07 04:10:40 +00:00
<div>
<input type='submit' class='button' id='sync' value='{{ installFinalButton }}' />
</div>
Improve implementation of i18n for Install Flow following comments on #611 * Move install flow i18n logic to install_view.js (from options.js) * Switch to using placeholders (instead of jQuery) for i18n messages with html. * Switch to using moustache template instead of jQuery for i18n substitution. // FREEBIE
2016-01-17 10:54:34 +00:00
</div>
Improve Responsiveness on Install Screen Handles the edge case where images in the Install steps can obscure the text below them at certain window dimensions. In most cases, it's not possible to replicate this behavior due to minimum dimension settings in `chromium.js`. However, some window managers (such as i3) can ignore those settings, producing this bug. This fix introduces a flexible, responsive layout to the Install steps, with the goal of keeping the action buttons in a consistent position while adapting the rest of the content to the remaining available space. The result is a clean, usable screen at any window size. In the rare instance that a window's dimensions are less than that of the minimums set in `chromium.js`, scrollbars will appear to keep the smallest acceptable layout intact. Potential side effects: - Each `.step` element contains an`.inner` flexbox wrapper, which arranges its children in a column. The layout works best when each `flex-item` is an element that wraps the content inside of it. I think I accounted for all the possibilities on the Install screen, but any future `.step` items might want to keep that pattern in mind. Resolves #1059 FREEBIE
2017-03-17 21:16:09 +00:00
</div>
Confirm device name with enter key Use form and submit elements for their built in mouse and keyboard event handlers. // FREEBIE
2017-02-07 04:10:40 +00:00
</form>
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 03:19:30 +00:00
Improve implementation of i18n for Install Flow following comments on #611 * Move install flow i18n logic to install_view.js (from options.js) * Switch to using placeholders (instead of jQuery) for i18n messages with html. * Switch to using moustache template instead of jQuery for i18n substitution. // FREEBIE
2016-01-17 10:54:34 +00:00
<div id='step5' class='step'>
Improve Responsiveness on Install Screen Handles the edge case where images in the Install steps can obscure the text below them at certain window dimensions. In most cases, it's not possible to replicate this behavior due to minimum dimension settings in `chromium.js`. However, some window managers (such as i3) can ignore those settings, producing this bug. This fix introduces a flexible, responsive layout to the Install steps, with the goal of keeping the action buttons in a consistent position while adapting the rest of the content to the remaining available space. The result is a clean, usable screen at any window size. In the rare instance that a window's dimensions are less than that of the minimums set in `chromium.js`, scrollbars will appear to keep the smallest acceptable layout intact. Potential side effects: - Each `.step` element contains an`.inner` flexbox wrapper, which arranges its children in a column. The layout works best when each `flex-item` is an element that wraps the content inside of it. I think I accounted for all the possibilities on the Install screen, but any future `.step` items might want to keep that pattern in mind. Resolves #1059 FREEBIE
2017-03-17 21:16:09 +00:00
<div class='inner'>
<div class='step-body'>
<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>
<div class='nav'>
</div>
Add support for device name
2015-06-18 18:00:58 +00:00
</div>
Add error dialog for too many devices
2015-06-19 23:40:33 +00: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 03:19:30 +00:00
Improve implementation of i18n for Install Flow following comments on #611 * Move install flow i18n logic to install_view.js (from options.js) * Switch to using placeholders (instead of jQuery) for i18n messages with html. * Switch to using moustache template instead of jQuery for i18n substitution. // FREEBIE
2016-01-17 10:54:34 +00:00
<div id='stepTooManyDevices' class='step'>
Improve Responsiveness on Install Screen Handles the edge case where images in the Install steps can obscure the text below them at certain window dimensions. In most cases, it's not possible to replicate this behavior due to minimum dimension settings in `chromium.js`. However, some window managers (such as i3) can ignore those settings, producing this bug. This fix introduces a flexible, responsive layout to the Install steps, with the goal of keeping the action buttons in a consistent position while adapting the rest of the content to the remaining available space. The result is a clean, usable screen at any window size. In the rare instance that a window's dimensions are less than that of the minimums set in `chromium.js`, scrollbars will appear to keep the smallest acceptable layout intact. Potential side effects: - Each `.step` element contains an`.inner` flexbox wrapper, which arranges its children in a column. The layout works best when each `flex-item` is an element that wraps the content inside of it. I think I accounted for all the possibilities on the Install screen, but any future `.step` items might want to keep that pattern in mind. Resolves #1059 FREEBIE
2017-03-17 21:16:09 +00:00
<div class='inner error-dialog clearfix'>
<div class='panel step-body'>{{ installTooManyDevices }}</div>
Improve implementation of i18n for Install Flow following comments on #611 * Move install flow i18n logic to install_view.js (from options.js) * Switch to using placeholders (instead of jQuery) for i18n messages with html. * Switch to using moustache template instead of jQuery for i18n substitution. // FREEBIE
2016-01-17 10:54:34 +00:00
<div class='nav'>
<button class='ok step3'>{{ ok }}</button>
</div>
</div>
</div>
</script>
Registration UX improvements Add some nice modal dialogs instead of confirmation alerts.
2015-03-26 22:19:46 +00: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 03:19:30 +00: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-30 23:53:08 +00:00
<script type="text/javascript" src="js/components.js"></script>
Reorder database.js include Prep to use indexedDB for axolotl storage.
2015-04-08 19:20:34 +00:00
<script type="text/javascript" src="js/database.js"></script>
Move js files around for libtextsecure split
2015-01-14 00:09:32 +00:00
<script type="text/javascript" src="js/libphonenumber-util.js"></script>
Refactor options page and style using bootstrap
2014-10-14 07:41:18 +00: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 22:35:37 +00:00
<script type="text/javascript" src="js/models/conversations.js"></script>
sendMessage refactor, initial group stuff (breaks message storage)
2014-06-03 16:39:29 +00:00
Refactor options page and style using bootstrap
2014-10-14 07:41:18 +00: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-05 23:25:49 +00: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-14 23:59:40 +00: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 03:19:30 +00:00
<script type="text/javascript" src="js/views/install_view.js"></script>
Refactor options page and style using bootstrap
2014-10-14 07:41:18 +00:00
<script type="text/javascript" src="js/options.js"></script>
Initial Checkin
2014-01-10 07:48:05 +00:00
</body>
</html>
Reference in a new issue Copy permalink