thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity
Cable-Desktop/popup.html

110 lines
4.5 KiB
HTML
Raw Normal View History

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'>&plus;</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>
Reference in a new issue Copy permalink