sogo/UI/Templates/MailerUI/UIxMailFolderTemplate.wox

<?xml version='1.0' standalone='yes'?>
<container
    xmlns="http://www.w3.org/1999/xhtml"
    >
  <md-content class="view-list cols-6" style="position: relative;" id="messagesList">
    <style>
      .vs-repeat-repeated-element {
        width: 100%;
      }
    </style>
    <header class="sg-md-subheader">
      <h2 class="sg-md-subhead-solo fg-sogoBlue-700">Unread Messages</h2>
    </header>

    <md-list vs-repeat="72"
        vs-scroll-parent="#messagesList">
      <md-list-item ng-repeat="currentMessage in mailbox.$messages track by currentMessage.id"
          ng-class="{unread: !currentMessage.isread}">
        <div ui-sref-active="_selected" layout="row">
          <div class="sg-avatar">
            <!--avatar-->
          </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">
            <!--<a><i class="md-icon-star"> </i></a>-->
            <i class="md-icon-flag" ng-show="currentMessage.isflagged"> </i>
            <i class="md-icon-attach-file disable" ng-show="currentMessage.hasattachment"> </i>
          </div>
        </div>
      </md-list-item>
    </md-list>
  </md-content>
  <!-- This extra container is used to animate views transitions
       double quotes in ng-animate is not a typo                         -->
    <div id="detailView" class="view-detail ng-cloak" layout="column" ui-view="message" ng-animate="'view'"><!-- message view --></div>
  <!-- Responsive: show-small only -->
  <md-button class="iconButton md-fab md-accent show-sm" aria-label="create" ui-sref="mail.newMessage()">
    <i class="md-icon-add"><!-- icon --></i>
  </md-button>


</container>