27:f59d389adcc4
Anton Shestakov <av6@dwimlabs.net>, 2016-03-21
contacts: new ui element, contact list

next change 28:1efbfe153b8f
previous change 25:bab5df239765

index.html

Other formats: Feeds:
--- a/index.html Mon Mar 21 20:21:40 2016 +0800
+++ b/index.html Mon Mar 21 21:13:17 2016 +0800
@@ -57,7 +57,16 @@
<i class="uk-icon-sign-out"></i>&nbsp;Log out
</button>
- <div class="log" data-app="log"></div>
+ <div data-app="calls"></div>
+
+ <div class="uk-grid">
+ <div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-small-1-2">
+ <ul class="uk-list uk-list-line contact-list" data-app="contacts"></ul>
+ </div>
+ <div class="uk-width-large-3-4 uk-width-medium-2-3 uk-width-small-1-2">
+ <div class="log" data-app="log"></div>
+ </div>
+ </div>
</div>
<script type="text/template" id="message-template">
@@ -70,10 +79,23 @@
<div rv-data-id="model:id" rv-class="model:cls" rv-text="model:text"></div>
</div>
</script>
+ <script type="text/template" id="contact-template">
+ <div class="column avatar-column">
+ <div class="status-pip" rv-title="model:d/pip" rv-style="view.getPipStyle < model:d/pip"></div>
+ </div>
+ <div class="column uk-width-1-1">
+ <div class="uk-text-bold" rv-text="model:d/handle"></div>
+ <div class="uk-text-nowrap">
+ <span rv-text="model:status"></span>
+ <span rv-hide="model:type | eq 'self'" rv-text="model:chatstate | only 'composing'"></span>
+ </div>
+ </div>
+ </script>
<script src='/js/tram.js'></script>
<script src='/js/rivets.js'></script>
<script src='/js/validation.js'></script>
<script src='/js/xmpp.js'></script>
+ <script src='/js/contacts.js'></script>
<script src='/js/messages.js'></script>
<script src='/config.js'></script>
<script src='/js/index.js'></script>