session-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="nacl/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='colmask leftmenu'>
		<div class='colleft'>
			<div id='main' class='col1'>
				<div class='container'>
					<div id="listener"></div>
					<div id="log"></div>
				</div>
				<div class='message-container'></div>
				<form id="new-message" class='clearfix'>
					<input id="new-message-text" type='text' autocomplete=false>
					<input type=submit id="compose-message" class='btn btn-square' value='>'>
				</form>
			</div>
			<div id='sidebar' class="col2">
				<form id="send" class='clearfix'>
					<input type=submit id="compose-create" class='btn btn-square' value='>'>
					<input id="send_numbers" type='text' placeholder="+xxxxxxxxxx">
				</form>
				<ul id="contacts"></ul>
			</div>
		</div>
	</div>
	<script type="text/x-tmpl-mustache" id="contact">
		<div class='image'>
			{{#image}}
				<img src="{{image}}">
			{{/image}}
		</div>
		<div class='name'>{{name}}</div>
		<div class='snippet'>{{lastMessage}}</div>
	</script>
	<script type="text/x-tmpl-mustache" id="message">
		<div class="bubble">
			<span class="message-text">
			{{body}}
			</span>
			<span class="message-attachment">
				{{#attachments}}
					<img src="{{.}}"/>
				{{/attachments}}
			</span>
			<span class="metadata">{{date}}</span>
		</div>
	</script>
	<!-- /TEMPLATES -->
	<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/mustache.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/list_view.js"></script>
	<script type="text/javascript" src="js/views/message_view.js"></script>
	<script type="text/javascript" src="js/views/message_list_view.js"></script>
	<script type="text/javascript" src="js/views/conversation_list_item_view.js"></script>
	<script type="text/javascript" src="js/views/conversation_list_view.js"></script>
	<script type="text/javascript" src="js/views/conversation_view.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>`
mkdir nacl 2014-07-20 03:41:01 +02:00			`<body data-name="curve25519" data-tools="pnacl" data-configs="Debug Release" data-path="nacl/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>`
New layout/design Two column layout and style tweaks. Templatized conversation views. Generalized list view. 2014-07-22 20:55:26 +02:00			`<div class='colmask leftmenu'>`
			`<div class='colleft'>`
			`<div id='main' class='col1'>`
			`<div class='container'>`
			`<div id="listener"></div>`
			`<div id="log"></div>`
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>`
Make header and footer/form work without overflowing 2014-07-23 05:26:20 +02:00			`<div class='message-container'></div>`
			`<form id="new-message" class='clearfix'>`
Fix message sending 2014-07-23 23:16:05 +02:00			`<input id="new-message-text" type='text' autocomplete=false>`
Make header and footer/form work without overflowing 2014-07-23 05:26:20 +02:00			`<input type=submit id="compose-message" class='btn btn-square' value='>'>`
			`</form>`
New layout/design Two column layout and style tweaks. Templatized conversation views. Generalized list view. 2014-07-22 20:55:26 +02:00			`</div>`
			`<div id='sidebar' class="col2">`
			`<form id="send" class='clearfix'>`
			`<input type=submit id="compose-create" class='btn btn-square' value='>'>`
			`<input id="send_numbers" type='text' placeholder="+xxxxxxxxxx">`
			`</form>`
			`<ul id="contacts"></ul>`
			`</div>`
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>`
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>`
New layout/design Two column layout and style tweaks. Templatized conversation views. Generalized list view. 2014-07-22 20:55:26 +02:00			`<script type="text/x-tmpl-mustache" id="contact">`
Someday we'll have images for contacts 2014-07-23 22:19:24 +02:00			`<div class='image'>`
			`{{#image}}`
			`<img src="{{image}}">`
			`{{/image}}`
			`</div>`
New layout/design Two column layout and style tweaks. Templatized conversation views. Generalized list view. 2014-07-22 20:55:26 +02:00			`<div class='name'>{{name}}</div>`
			`<div class='snippet'>{{lastMessage}}</div>`
			`</script>`
Use mustache template for message rendering 2014-07-20 22:39:17 +02:00			`<script type="text/x-tmpl-mustache" id="message">`
			`<div class="bubble">`
			`<span class="message-text">`
			`{{body}}`
			`</span>`
			`<span class="message-attachment">`
			`{{#attachments}}`
			`<img src="{{.}}"/>`
			`{{/attachments}}`
			`</span>`
			`<span class="metadata">{{date}}</span>`
			`</div>`
			`</script>`
			`<!-- /TEMPLATES -->`
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>`
Use mustache template for message rendering 2014-07-20 22:39:17 +02:00			`<script type="text/javascript" src="js-deps/mustache.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>`
New layout/design Two column layout and style tweaks. Templatized conversation views. Generalized list view. 2014-07-22 20:55:26 +02:00			`<script type="text/javascript" src="js/views/list_view.js"></script>`
Refactor conversation view into two classes One that resides in the left hand column as a list item, and another which displays in the main column and handles ui events therein. 2014-07-23 09:24:17 +02:00			`<script type="text/javascript" src="js/views/message_view.js"></script>`
New layout/design Two column layout and style tweaks. Templatized conversation views. Generalized list view. 2014-07-22 20:55:26 +02:00			`<script type="text/javascript" src="js/views/message_list_view.js"></script>`
Refactor conversation view into two classes One that resides in the left hand column as a list item, and another which displays in the main column and handles ui events therein. 2014-07-23 09:24:17 +02:00			`<script type="text/javascript" src="js/views/conversation_list_item_view.js"></script>`
New layout/design Two column layout and style tweaks. Templatized conversation views. Generalized list view. 2014-07-22 20:55:26 +02:00			`<script type="text/javascript" src="js/views/conversation_list_view.js"></script>`
Refactor conversation view into two classes One that resides in the left hand column as a list item, and another which displays in the main column and handles ui events therein. 2014-07-23 09:24:17 +02:00			`<script type="text/javascript" src="js/views/conversation_view.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>`