diff options
| author | Loic Blot <loic.blot@unix-experience.fr> | 2018-09-06 08:56:43 +0300 |
|---|---|---|
| committer | Loïc Blot <nerzhul@users.noreply.github.com> | 2018-09-08 01:04:49 +0300 |
| commit | 3dfaedc3174efb6e1ffca3cbae5b043d22749290 (patch) | |
| tree | 900559d87011083b5cf72463f9f6dbc361d244b6 /templates | |
| parent | aa4281d2935f32fac941d745784bedae89acaead (diff) | |
Prepare contactlist with vue
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/main.php | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/templates/main.php b/templates/main.php index 46f4bca..da65bd0 100644 --- a/templates/main.php +++ b/templates/main.php @@ -7,6 +7,7 @@ use \OCA\OcSms\Lib\CountryCodes; //\OCP\Util::addScript('ocsms', 'app.min'); // Develop \OCP\Util::addScript('ocsms', 'devel/app'); +\OCP\Util::addScript('ocsms', 'devel/contactlist'); \OCP\Util::addScript('ocsms', 'devel/helpers'); \OCP\Util::addScript('ocsms', 'devel/legacy'); \OCP\Util::addScript('ocsms', 'devel/notifications'); @@ -16,10 +17,10 @@ use \OCA\OcSms\Lib\CountryCodes; <div class="ng-scope" id="app" ng-app="OcSms" ng-controller="OcSmsController" xmlns:v-on="http://www.w3.org/1999/xhtml"> <div id="app-mailbox-peers"> - <div id="app-contacts-loader" class="icon-loading" ng-show="isContactsLoading"> + <div id="app-contacts-loader" class="icon-loading" v-if="isContactsLoading"> </div> - <ul class="ng-cloak contact-list" ng-show="!isContactsLoading"> - <li ng-repeat="contact in contacts | orderBy:getContactOrderBy:getReverseContactOrder" peer-label="{{ contact.label }}" ng-click="loadConversation(contact);" href="#"> + <ul class="ng-cloak contact-list" v-if="!isContactsLoading"> + <li v-for="contact in orderedContacts" peer-label="{{ contact.label }}" v-on:click="loadConversation(contact);" href="#"> <img class="ocsms-plavatar" ng-src="{{ contact.avatar }}" ng-show="contact.avatar !== undefined" /> <div class="ocsms-plavatar" ng-show="contact.avatar === undefined" ng-style="{'background-color': (contact.uid | peerColor)}">{{ contact.label | firstCharacter }}</div> <a class="ocsms-plname" style="{{ contact.unread > 0 ? 'font-weight:bold;' : ''}}" mailbox-label="{{ contact.label }}" mailbox-navigation="{{ contact.nav }}">{{ contact.label }}{{ contact.unread > 0 ? ' (' + contact.unread + ') ' : '' }}</a> |