Cable-Desktop/popup.html

<!-- vim: ts=4:sw=4:noexpandtab:
--!>
<!--This program is free software: you can redistribute it and/or modify
	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.

	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.

	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/>.
-->

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link type='text/css' rel='stylesheet' href='css/forms.css'>
	<link type='text/css' rel='stylesheet' href='css/buttons.css'>
	<link type='text/css' rel='stylesheet' href='css/conversation.css'>
	<link type='text/css' rel='stylesheet' href='css/popup.css'>
</head>
<body data-name="curve25519" data-tools="pnacl" data-configs="Debug Release" data-path="pnacl/{config}">
	<header class="clearfix">
		<div class='container'>
			<button class='btn btn-square' id='send_link'>&plus;</button>
			<span class='help' id='new-chat-help'>new message</span>
		</div>
	</header>
	<div class='container'>
		<div id="listener"></div>
		<div id="log"></div>
		<div id="inbox">
			<form id="send" style="display:none;">
				<div class='closed conversation'>
					<div class='header'>
						<span class='image'></span>
						<input id="send_numbers" type='text' placeholder="+xxxxxxxxxx">
						<input type=submit id="compose-create" class='btn btn-square' value='>'>
						<button id="compose-cancel" class='btn btn-square'>&times;</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	<script type="text/javascript" src="js-deps/nacl-common.js"></script>
	<script type="text/javascript" src="js-deps/jquery.js"></script>
	<script type="text/javascript" src="js-deps/CryptoJS.js"></script>
	<script type="text/javascript" src="js-deps/curve255.js"></script>
	<script type="text/javascript" src="js-deps/Long.min.js"></script>
	<script type="text/javascript" src="js-deps/ByteBuffer.min.js"></script>
	<script type="text/javascript" src="js-deps/ProtoBuf.min.js"></script>
	<script type="text/javascript" src="js-deps/underscore.js"></script>
	<script type="text/javascript" src="js-deps/backbone.js"></script>
	<script type="text/javascript" src="js-deps/backbone.localStorage.js"></script>
	<script type="text/javascript" src="js-deps/libphonenumber_api-compiled.js"></script>

	<script type="text/javascript" src="js/helpers.js"></script>
	<script type="text/javascript" src="js/webcrypto.js"></script>
	<script type="text/javascript" src="js/crypto.js"></script>
	<script type="text/javascript" src="js/models/messages.js"></script>
	<script type="text/javascript" src="js/models/threads.js"></script>
	<script type="text/javascript" src="js/api.js"></script>
	<script type="text/javascript" src="js/sendmessage.js"></script>

	<script type="text/javascript" src="js/chromium.js"></script>
	<script type="text/javascript" src="js/views/notifications.js"></script>
	<script type="text/javascript" src="js/views/message.js"></script>
	<script type="text/javascript" src="js/views/conversations/show.js"></script>
	<script type="text/javascript" src="js/views/conversations/index.js"></script>
	<script type="text/javascript" src="js/views/conversations/new.js"></script>
	<script type="text/javascript" src="js/popup.js"></script>
</body>
</html>
Backbone message storage and views Adds Backbone-based Whisper.Messages model/collection with local storage extension. Saves sent and received messages in Whisper.Messages instead of message map. This will assign a unique id to the message and save it to localStorage. Adds Backbone-based view to popup.html Automatically updates itself when new messages are saved to Whisper.Messages db from the background page. Added some shiny new styles, and started splitting up css into multiple files for sanity's sake. 2014-05-12 02:13:09 +02:00			`<!-- vim: ts=4:sw=4:noexpandtab:`
			`--!>`
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`
Covert spaces to tabs 2014-06-03 21:03:29 +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
Covert spaces to tabs 2014-06-03 21:03:29 +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
Covert spaces to tabs 2014-06-03 21:03:29 +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>`
improved number validation (based on google's libphonenumber) 2014-06-30 00:15:27 +02:00			`<meta charset="utf-8">`
			`<link type='text/css' rel='stylesheet' href='css/forms.css'>`
			`<link type='text/css' rel='stylesheet' href='css/buttons.css'>`
			`<link type='text/css' rel='stylesheet' href='css/conversation.css'>`
			`<link type='text/css' rel='stylesheet' href='css/popup.css'>`
Initial Checkin 2014-01-10 08:48:05 +01:00			`</head>`
Updates, NaCL 2014-01-22 07:23:41 +01:00			`<body data-name="curve25519" data-tools="pnacl" data-configs="Debug Release" data-path="pnacl/{config}">`
Make popup a little nicer to look at Also add a little auto-suggestion contacts list. For now it just contains your own number. 2014-04-02 10:52:29 +02:00			`<header class="clearfix">`
			`<div class='container'>`
Thread model and UI improvements Adds thread model/collection for managing conversation-level state, such as unreadCounts, group membership, thread order, etc... plus various UI improvements enabled by thread model, including an improved compose flow, and thread-destroy button. Adds Whisper.notify for presenting messages to the user in an orderly fashion. Currently using a growl-style fade in/out effect. Also some housekeeping: Cut up views into separate files. Partial fix for formatTimestamp. Tweaked buttons and other styles. 2014-05-17 06:48:46 +02:00			`<button class='btn btn-square' id='send_link'>+</button>`
			`<span class='help' id='new-chat-help'>new message</span>`
Make popup a little nicer to look at Also add a little auto-suggestion contacts list. For now it just contains your own number. 2014-04-02 10:52:29 +02:00			`</div>`
			`</header>`
			`<div class='container'>`
			`<div id="listener"></div>`
			`<div id="log"></div>`
Thread model and UI improvements Adds thread model/collection for managing conversation-level state, such as unreadCounts, group membership, thread order, etc... plus various UI improvements enabled by thread model, including an improved compose flow, and thread-destroy button. Adds Whisper.notify for presenting messages to the user in an orderly fashion. Currently using a growl-style fade in/out effect. Also some housekeeping: Cut up views into separate files. Partial fix for formatTimestamp. Tweaked buttons and other styles. 2014-05-17 06:48:46 +02:00			`<div id="inbox">`
			`<form id="send" style="display:none;">`
			`<div class='closed conversation'>`
			`<div class='header'>`
			`<span class='image'></span>`
			`<input id="send_numbers" type='text' placeholder="+xxxxxxxxxx">`
			`<input type=submit id="compose-create" class='btn btn-square' value='>'>`
			`<button id="compose-cancel" class='btn btn-square'>×</button>`
Make popup a little nicer to look at Also add a little auto-suggestion contacts list. For now it just contains your own number. 2014-04-02 10:52:29 +02:00			`</div>`
			`</div>`
			`</form>`
			`</div>`
Things: * key API changes moxie made because he disliked the other API * remove atmosphere * Fix some bugs in the send path, update for new send API * Send HTML 2014-03-25 20:27:19 +01:00			`</div>`
Updates, NaCL 2014-01-22 07:23:41 +01:00			`<script type="text/javascript" src="js-deps/nacl-common.js"></script>`
Fixup dir structure 2014-01-22 04:28:35 +01:00			`<script type="text/javascript" src="js-deps/jquery.js"></script>`
Covert spaces to tabs 2014-06-03 21:03:29 +02:00			`<script type="text/javascript" src="js-deps/CryptoJS.js"></script>`
Optional curve25519 in js 2014-03-10 01:32:00 +01:00			`<script type="text/javascript" src="js-deps/curve255.js"></script>`
Fixup dir structure 2014-01-22 04:28:35 +01:00			`<script type="text/javascript" src="js-deps/Long.min.js"></script>`
			`<script type="text/javascript" src="js-deps/ByteBuffer.min.js"></script>`
			`<script type="text/javascript" src="js-deps/ProtoBuf.min.js"></script>`
Retry API, standardize <script> list 2014-06-01 19:39:35 +02:00			`<script type="text/javascript" src="js-deps/underscore.js"></script>`
			`<script type="text/javascript" src="js-deps/backbone.js"></script>`
			`<script type="text/javascript" src="js-deps/backbone.localStorage.js"></script>`
improved number validation (based on google's libphonenumber) 2014-06-30 00:15:27 +02:00			`<script type="text/javascript" src="js-deps/libphonenumber_api-compiled.js"></script>`
Retry API, standardize <script> list 2014-06-01 19:39:35 +02:00
Fixup dir structure 2014-01-22 04:28:35 +01:00			`<script type="text/javascript" src="js/helpers.js"></script>`
Retry API, standardize <script> list 2014-06-01 19:39:35 +02:00			`<script type="text/javascript" src="js/webcrypto.js"></script>`
			`<script type="text/javascript" src="js/crypto.js"></script>`
			`<script type="text/javascript" src="js/models/messages.js"></script>`
			`<script type="text/javascript" src="js/models/threads.js"></script>`
Refactor Server API functions The details of the server API are now mostly relegated to api.js, and accessed through the API container object, improving modularity and readability, and setting us up to derive a FakeAPI for serverless development. 2014-03-11 09:21:28 +01:00			`<script type="text/javascript" src="js/api.js"></script>`
sendMessage refactor, initial group stuff (breaks message storage) 2014-06-03 18:39:29 +02:00			`<script type="text/javascript" src="js/sendmessage.js"></script>`
Retry API, standardize <script> list 2014-06-01 19:39:35 +02:00
sendMessage refactor, initial group stuff (breaks message storage) 2014-06-03 18:39:29 +02:00			`<script type="text/javascript" src="js/chromium.js"></script>`
Retry API, standardize <script> list 2014-06-01 19:39:35 +02:00			`<script type="text/javascript" src="js/views/notifications.js"></script>`
			`<script type="text/javascript" src="js/views/message.js"></script>`
Refactor conversation list view Pull apart UI classes for displaying and creating threads. Also get rid of ugly alert popup in favor of Whisper.notify. 2014-06-08 00:51:51 +02:00			`<script type="text/javascript" src="js/views/conversations/show.js"></script>`
			`<script type="text/javascript" src="js/views/conversations/index.js"></script>`
			`<script type="text/javascript" src="js/views/conversations/new.js"></script>`
Fixup dir structure 2014-01-22 04:28:35 +01:00			`<script type="text/javascript" src="js/popup.js"></script>`
Initial Checkin 2014-01-10 08:48:05 +01:00			`</body>`
			`</html>`