mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-10-19 18:18:12 +00:00
(css) Improve contacts and messages lists
This commit is contained in:
1 parent
395f3585ca
commit
499e66ffe9
10 files changed
+94
-111
No files matched your search
@@ -293,24 +293,23 @@
|
||||
</div>
|
||||
-->
|
||||
<md-list vs-repeat="72" vs-scroll-parent="#contactsList">
|
||||
<md-list-item ng-repeat="currentCard in currentFolder.cards track by currentCard.id">
|
||||
<div layout="row" flex="true"
|
||||
ng-class="{_selected: card.id == currentCard.id}"
|
||||
ng-click="toggleDetailView()"
|
||||
ui-sref="app.addressbook.card.view({addressbookId: currentFolder.id, cardId: currentCard.id})">
|
||||
<div ng-show="currentCard.tag == 'vcard'">
|
||||
<sg-gravatar-image class="md-tile-left"
|
||||
email="{{currentCard.$preferredEmail(currentFolder.$query)}}"
|
||||
size="48"><!-- gravatar -->
|
||||
</sg-gravatar-image>
|
||||
</div>
|
||||
<div class="sg-list-avatar" ng-show="currentCard.tag == 'vlist'">
|
||||
<!--list avatar-->
|
||||
</div>
|
||||
<div class="sg-tile-content">
|
||||
<div class="sg-md-body-multi contact-name" ng-bind-html="currentCard.$fullname()"><!-- cn --></div>
|
||||
<div class="sg-md-subhead-multi contact-email">{{currentCard.$preferredEmail(currentFolder.$query)}}</div>
|
||||
</div>
|
||||
<md-list-item
|
||||
ng-repeat="currentCard in currentFolder.cards track by currentCard.id"
|
||||
ng-class="{'sg-active': card.id == currentCard.id}"
|
||||
ng-click="selectCard(currentCard)"
|
||||
ui-sref-active="sg-active"
|
||||
ui-sref="app.addressbook.card.view({addressbookId: currentFolder.id, cardId: currentCard.id})">
|
||||
<sg-gravatar-image class="md-tile-left"
|
||||
ng-show="currentCard.tag == 'vcard'"
|
||||
email="{{currentCard.$preferredEmail(currentFolder.$query)}}"
|
||||
size="48"><!-- gravatar -->
|
||||
</sg-gravatar-image>
|
||||
<div class="sg-list-avatar" ng-show="currentCard.tag == 'vlist'">
|
||||
<!--list avatar-->
|
||||
</div>
|
||||
<div class="sg-tile-content">
|
||||
<div class="sg-md-subhead-multi" ng-bind-html="currentCard.$fullname()"><!-- cn --></div>
|
||||
<div class="sg-md-body-multi">{{currentCard.$preferredEmail(currentFolder.$query)}}</div>
|
||||
</div>
|
||||
</md-list-item>
|
||||
</md-list>
|
||||
|
||||
@@ -15,34 +15,29 @@
|
||||
<md-list vs-repeat="72"
|
||||
vs-scroll-parent="#messagesList">
|
||||
<md-list-item
|
||||
class="md-clickable"
|
||||
ng-repeat="currentMessage in mailbox.$messages track by currentMessage.id"
|
||||
ng-class="{unread: !currentMessage.isread}">
|
||||
<md-item-content ui-sref-active="_selected" layout="row" class="md-flex">
|
||||
<div>
|
||||
<sg-gravatar-image class="md-tile-left"
|
||||
email="{{currentMessage['from'][0].email}}"
|
||||
size="48"><!-- gravatar -->
|
||||
</sg-gravatar-image>
|
||||
</div>
|
||||
<div class="sg-tile-content">
|
||||
<a ui-sref="mail.account.mailbox.message({accountId: account.id, mailboxId: (mailbox.path | encodeUri), messageId: currentMessage.uid})">
|
||||
<div class="sg-md-subhead-multi subject">
|
||||
{{currentMessage.subject}}
|
||||
</div>
|
||||
<span class="right msg-date" ng-bind-html="currentMessage.relativedate"><!-- date --></span>
|
||||
<div class="sg-md-body-multi name">{{currentMessage.$shortAddress('from')}}</div>
|
||||
<i class="icon-ion-refresh"
|
||||
ng-hide="mailbox.$loadMessage(currentMessage.uid)"><!-- loading --></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="sg-tile-icons">
|
||||
<i class="md-icon-star" ng-show="currentMessage.isflagged"> </i>
|
||||
<i class="md-icon-reply" ng-show="currentMessage.isanswered"> </i>
|
||||
<i class="md-icon-forward" ng-show="currentMessage.isforwarded"> </i>
|
||||
<i class="md-icon-attach-file disable" ng-show="currentMessage.hasattachment"> </i>
|
||||
</div>
|
||||
</md-item-content>
|
||||
ng-class="{unread: !currentMessage.isread}"
|
||||
ng-click="selectMessage(currentMessage)"
|
||||
ui-sref="mail.account.mailbox.message({accountId: account.id, mailboxId: (mailbox.path | encodeUri), messageId: currentMessage.uid})"
|
||||
ui-sref-active="sg-active">
|
||||
<sg-gravatar-image class="md-tile-left"
|
||||
email="{{currentMessage['from'][0].email}}"
|
||||
size="48"><!-- gravatar -->
|
||||
</sg-gravatar-image>
|
||||
<div class="sg-tile-content">
|
||||
<span class="msg-date"
|
||||
ng-bind-html="currentMessage.relativedate"><!-- date --></span>
|
||||
<div class="sg-md-subhead-multi">{{currentMessage.$shortAddress('from')}}</div>
|
||||
<div class="sg-md-body-multi">{{currentMessage.subject}}</div>
|
||||
<i class="icon-ion-refresh"
|
||||
ng-hide="mailbox.$loadMessage(currentMessage.uid)"><!-- loading --></i>
|
||||
</div>
|
||||
<div class="sg-tile-icons">
|
||||
<i class="md-icon-star" ng-show="currentMessage.isflagged"> </i>
|
||||
<i class="md-icon-reply" ng-show="currentMessage.isanswered"> </i>
|
||||
<i class="md-icon-forward" ng-show="currentMessage.isforwarded"> </i>
|
||||
<i class="md-icon-attach-file disable" ng-show="currentMessage.hasattachment"> </i>
|
||||
</div>
|
||||
</md-list-item>
|
||||
</md-list>
|
||||
</md-content>
|
||||
|
||||
Reference in new issue
Block a user