mail/src/tpl/read.html

<div class="controls">
  <button ng-click="state.mailList.remove(state.mailList.selected)" class="btn-icon" title="Delete mail">&#xe005;</button>
  <button ng-click="state.writer.write(state.mailList.selected)" class="btn-icon" title="Reply to">&#xe002;</button>
  <button ng-click="state.writer.write()" class="btn-icon" title="New mail">&#xe006;</button>
</div><!--/.controls-->

<div class="view-read" ng-controller="ReadCtrl">
  <div class="headers">
    <p class="subject" ng-click="state.read.toggle(false)">{{state.mailList.selected.subject || 'No subject'}}</p>
    <p class="date">{{state.mailList.selected.sentDate | date:'EEEE, MMM d, yyyy h:mm a'}}</p>
    <p class="address">
      From: <span class="label" data-icon-append="&#xe009;" ng-repeat="f in state.mailList.selected.from" ng-mouseover="getFingerprint(f.address)" popover="#fingerprint-info">{{f.name || f.address}}</span>
    </p>
    <p class="address">
      To: <span class="label" data-icon-append="&#xe009;" ng-repeat="t in state.mailList.selected.to" ng-mouseover="getFingerprint(t.address)" popover="#fingerprint-info">{{t.address}}</span>
    </p>
    <div ng-switch="state.mailList.selected.cc !== undefined">
      <p class="address" ng-switch-when="true">
        CC: <span class="label" ng-repeat="t in state.mailList.selected.cc" ng-mouseover="getFingerprint(t.address)" popover="fingerprint" popover-title="Fingerprint">{{t.address}}</span>
      </p>
    </div>
  </div><!--/.headers-->

  <div class="seperator-line"></div>

  <div class="body">
    <!-- Render lines of a text-email in divs for easier styling -->
    <div ng-repeat="line in state.mailList.selected.body.split('\n') track by $index" ng-class="{'empty-line': lineEmpty(line)}">
      {{line}}<br>
    </div>
  </div><!--/.body-->

  <!-- popovers -->
  <div id="fingerprint-info" class="popover right" ng-controller="PopoverCtrl">
    <div class="arrow"></div>
    <div class="popover-title"><b>Fingerprint</b></div>
    <div class="popover-content">{{fingerprint}}</div>
  </div><!--/.popover-->
</div><!--/.view-read-->