Animated loading screens on startup and first conversation load
FREEBIE
This commit is contained in:
parent
3e8b34f3d0
commit
53f2bfbb57
15 changed files with 444 additions and 79 deletions
|
@ -13,14 +13,17 @@ describe("Fixtures", function() {
|
|||
it('renders', function(done) {
|
||||
ConversationController.updateInbox().then(function() {
|
||||
var view = new Whisper.InboxView({window: window});
|
||||
view.onEmpty();
|
||||
view.$el.prependTo($('#render-android'));
|
||||
|
||||
var view = new Whisper.InboxView({window: window});
|
||||
view.$el.removeClass('android').addClass('ios');
|
||||
view.onEmpty();
|
||||
view.$el.prependTo($('#render-ios'));
|
||||
|
||||
var view = new Whisper.InboxView({window: window});
|
||||
view.$el.removeClass('android').addClass('android-dark');
|
||||
view.onEmpty();
|
||||
view.$el.prependTo($('#render-android-dark'));
|
||||
}).then(done, done);
|
||||
});
|
||||
|
|
|
@ -16,6 +16,26 @@
|
|||
</div>
|
||||
<div id="render-ios" class='index' style="width: 800; height: 500; margin:10px; border: solid 1px black;">
|
||||
</div>
|
||||
<script type='text/x-tmpl-mustache' id='app-loading-screen'>
|
||||
<div class='content'>
|
||||
<img src='/images/icon_128.png'>
|
||||
<div class='container'>
|
||||
<span class='dot'></span>
|
||||
<span class='dot'></span>
|
||||
<span class='dot'></span>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='conversation-loading-screen'>
|
||||
<div class='content'>
|
||||
<img src='/images/icon_128.png'>
|
||||
<div class='container'>
|
||||
<span class='dot'></span>
|
||||
<span class='dot'></span>
|
||||
<span class='dot'></span>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='two-column'>
|
||||
<div class='gutter'>
|
||||
<div class='network-status-container'></div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue