83508abab8
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.
76 lines
3.7 KiB
HTML
76 lines
3.7 KiB
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/>.
|
|
-->
|
|
|
|
<html>
|
|
<head>
|
|
<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'>+</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'>×</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<script type="text/javascript" src="js/webcrypto.js"></script>
|
|
<script type="text/javascript" src="js/crypto.js"></script>
|
|
<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/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/models/messages.js"></script>
|
|
<script type="text/javascript" src="js/models/threads.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/conversation.js"></script>
|
|
<script type="text/javascript" src="js/views/messages.js"></script>
|
|
<script type="text/javascript" src="js-deps/core.js"></script>
|
|
<script type="text/javascript" src="js-deps/enc-base64.js"></script>
|
|
<script type="text/javascript" src="js-deps/cipher-core.js"></script>
|
|
<script type="text/javascript" src="js-deps/aes.js"></script>
|
|
<script type="text/javascript" src="js-deps/mode-ctr-min.js"></script>
|
|
<script type="text/javascript" src="js-deps/pad-nopadding.js"></script>
|
|
<script type="text/javascript" src="js-deps/hmac-sha256.js"></script>
|
|
<script type="text/javascript" src="js-deps/curve255.js"></script>
|
|
<script type="text/javascript" src="js-deps/lib-typedarrays.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/helpers.js"></script>
|
|
<script type="text/javascript" src="js/api.js"></script>
|
|
<script type="text/javascript" src="js/popup.js"></script>
|
|
</body>
|
|
</html>
|