integrated.min.html

<div id="angular-wrapper"><section id="app" ng-controller="ConvController"><div id="chat-sidebar" ng-show="view.elements.sidebar"><div id="filter-container"><form ng-submit="view.startInstantChat()"><input type="text" placeholder="" ng-model="fields.jid"></form><input class="filter-field" type="text" placeholder="" ng-model="search.name"></div><ul><li ng-repeat="conv in convs | orderObjectBy:'order':true | filter:search " ng-class="{heightInvite: view.elements.inviteInput, 'conv-list-active' : conv.id === $session.conv}" ng-click="view.makeActive(conv.id, $event, 'invite-button');" class="conv-list-item" id="conv-list-{{::conv.id }}" auto-height data-item-count="{{::conv.users.length -1 }}" data-item-height="50" data-min-height="60" data-conv-id="{{::conv.id }}"><div ng-if="conv.id !== $parent.$session.conv || ( conv.id === $parent.$session.conv && conv.users.length === 2)" class="conv-list-item-avatar"><div ng-if="conv.users.length === 2 && $parent.$parent.avatarsEnabled === 'true'" class="avatar-list-container"><div class="online-dot-container"><div tipsy title="{{::user.displayname }}" ng-if="key < 4" ng-repeat="(key, user) in conv.users | userFilter" class="avatar-list-avatar-big" avatar data-size="40" data-id="{{::user.id }}" data-displayname="{{::user.displayname }}" data-addressbook-backend="{{::user.address_book_backend }}" data-addressbook-id="{{::user.address_book_id  }}"></div><div online ng-repeat="(key, user) in conv.users | userFilter" data-id="{{::user.id }}">&nbsp;</div></div></div><div ng-if="conv.users.length > 2  && $parent.$parent.avatarsEnabled === 'true'" class="avatar-list-container"><div tipsy title="{{::user.displayname }}" ng-if="key < 4" ng-repeat="(key, user) in conv.users | userFilter" class="avatar-list-avatar" avatar data-size="20" data-id="{{::user.id }}" data-displayname="{{::user.displayname }}" data-addressbook-backend="{{::user.address_book_backend }}" data-addressbook-id="{{::user.address_book_id  }}"></div></div><span displayname data-users="{{::conv.users }}" class="left avatar-list-displayname" ng-class="{bold : conv.new_msg === true}"></span><div ng-if="$parent.$parent.avatarsEnabled === 'false'" online ng-repeat="(key, user) in conv.users | userFilter" data-id="{{::user.id }}" class="online-dot-displayname-nav">&nbsp;</div></div><div class="conv-list-item-avatar" ng-if="conv.id === $parent.$session.conv && conv.users.length > 2"><ul><li ng-repeat="(key, user) in conv.users | userFilter" class="avatar-list-expanded-item"><div class="online-dot-container" ng-if="$parent.$parent.avatarsEnabled === 'true'"><div tipsy title="{{::user.displayname }}" class="avatar-list-avatar" avatar data-size="40" data-id="{{::user.id }}" data-displayname="{{::user.displayname }}" data-addressbook-backend="{{::user.address_book_backend }}" data-addressbook-id="{{::user.address_book_id  }}"></div><div online ng-repeat="(key, user) in conv.users | userFilter" data-id="{{::user.id }}">&nbsp;</div></div><div ng-if="$parent.$parent.avatarsEnabled === 'false'" online data-id="{{::user.id }}" class="online-dot-displayname-nav online-dot-displayname-nav-expanded">&nbsp;</div><div class="avatar-list-displayname">{{::user.displayname }}</div></li><li class="avatar-list-expanded-button invite-button" ng-click="$parent.view.inviteClick();"><div class="icon-add icon-20 avatar-list-avatar expanded-icon">&nbsp;</div>Add person</li><li class="avatar-list-expanded-button files-button" ng-click="$parent.view.showFiles()"><div class="icon-file icon-20 avatar-list-avatar expanded-icon">&nbsp;</div>View attached files</li></ul></div><div class="conv-list-item-buttons"><div ng-click="view.inviteClick();" ng-if="conv.id == $session.conv && conv.users.length === 2" class="icon-add right icon-20 invite-button">&nbsp;</div><div title="Add Contact to roster" ng-click="view.addContactToRoster(conv.id);" ng-if="conv.id == $session.conv && conv.backend.id === 'xmpp' && !contactInRoster(conv.id)" class="icon-download right icon-20">&nbsp;</div><div title="Add Contact to contacts" ng-click="view.saveContact(conv.id);" ng-if="conv.id == $session.conv && conv.backend.id === 'xmpp' && !contactInContacts(conv.id)" class="icon-download right icon-20">&nbsp;</div><div title="Remove Contact from roster" ng-click="view.removeContactFromRoster(conv.id);" ng-if="conv.id == $session.conv && conv.backend.id === 'xmpp' && contactInRoster(conv.id)" class="icon-delete right icon-20">&nbsp;</div><div title="Show attached files" ng-click="view.showFiles();" ng-if="conv.id == $session.conv && conv.users.length === 2" class="icon-file right icon-20 files-button">&nbsp;</div></div></li></ul><div id="chat-window"><div id="chat-window-msgs" scroll><div class="chat-msg-container" ng-repeat="(key, msg) in convs[$session.conv].msgs | orderBy:'timestamp'"><div ng-if="$parent.convs[$parent.$session.conv].msgs[key-1].contact.id !== msg.contact.id" class="chat-msg-time">{{::msg.time.hours }} : {{::msg.time.minutes }}</div><div class="chat-msg"><div class="msg-avatar-container" ng-if="avatarsEnabled === 'true'"><div ng-if="$parent.convs[$parent.$session.conv].msgs[key-1].contact.id !== msg.contact.id " data-size="20" data-id="{{::msg.contact.id }}" data-displayname="{{::msg.contact.displayname }}" data-addressbook-backend="{{::msg.contact.address_book_backend }}" data-addressbook-id="{{::msg.contact.address_book_id  }}" avatar tipsy title="{{::msg.contact.displayname }}"></div></div><div class="msg-displayname-container" ng-if="$parent.$parent.avatarsEnabled === 'false' && $parent.convs[$parent.$session.conv].msgs[key-1].contact.id !== msg.contact.id "><div>{{::msg.contact.displayname }}</div></div><p ng-class="{'chat-msg-margin-left': $parent.convs[$parent.$session.conv].msgs[key-1].contact.id === msg.contact.id}" class="chat-msg-msg" ng-bind-html="msg.msg | enhanceFiles | emoji | enhanceText">&nbsp;</p></div></div></div></div><footer id="chat-window-footer"><form id="chat-msg-form"><textarea id="chat-msg-input-field" autocomplete="off" update update-func="sendChatMsg"></textarea><button type="submit"><div class="icon-play">&nbsp;</div></button></form></footer></div><div ng-class="{'chat-sidebar-toggle-visible':view.elements.sidebar, 'chat-sidebar-toggle-hidden':!view.elements.sidebar}" id="chat-sidebar-toggle" ng-click="view.toggle('sidebar')">&nbsp;</div></section></div>