mail/src/tpl/write.html

<div class="lightbox-body" ng-controller="WriteCtrl">
  <header>
    <h2>{{writerTitle}}</h2>
    <button class="close" ng-click="state.writer.close()" data-action="lightbox-close">&#xe007;</button>
  </header>
  <div class="content">

    <div class="view-write">
      <div class="mail-addresses">
        <div class="mail-addresses-more">
          <button ng-click="showCC = true;" ng-hide="showCC">Cc</button>
          <button ng-click="showBCC = true;" ng-hide="showBCC">Bcc</button>
        </div>
        <p field="to">
          <label>To:</label>
          <input ng-repeat="recipient in to track by $index" id="to{{$index}}" value="{{recipient.address}}" ng-model="recipient.address" ng-trim="false" class="label" ng-class="{'label-blank': !recipient.address || recipient.secure === undefined, 'label-primary': recipient.secure === false}" auto-size="recipient.address" spellcheck="false" ng-change="onAddressUpdate(to, $index)" address-input="to" tabindex="1" ng-mouseover="getKeyId(recipient)" focus-me="state.writer.open && writerTitle !== 'Reply'">
        </p>
        <p field="cc" ng-show="showCC === true">
          <label>Cc:</label>
          <input ng-repeat="recipient in cc track by $index" id="cc{{$index}}" value="{{recipient.address}}" ng-model="recipient.address" ng-trim="false" class="label" ng-class="{'label-blank': !recipient.address || recipient.secure === undefined, 'label-primary': recipient.secure === false}" auto-size="recipient.address" spellcheck="false" ng-change="onAddressUpdate(cc, $index)" address-input="cc" tabindex="1" ng-mouseover="getKeyId(recipient)">
        </p>
        <p field="bcc" ng-show="showBCC === true">
          <label>Bcc:</label>
          <input ng-repeat="recipient in bcc track by $index" id="bcc{{$index}}" value="{{recipient.address}}" ng-model="recipient.address" ng-trim="false" class="label" ng-class="{'label-blank': !recipient.address || recipient.secure === undefined, 'label-primary': recipient.secure === false}" auto-size="recipient.address" spellcheck="false" ng-change="onAddressUpdate(bcc, $index)" address-input="bcc" tabindex="1" ng-mouseover="getKeyId(recipient)">
        </p>
      </div><!--/.mail-addresses-->

      <div class="subject-box">
        <div class="subject-line">
          <input ng-model="subject" class="subject" spellcheck="true" tabindex="2" placeholder="Subject" ng-change="updatePreview()">
        </div><!--/.subject-line-->
        <input id="attachment-input" type="file" multiple attachment-input>
        <button class="btn btn-attachment" ng-class="{'btn-primary': sendBtnSecure === false}" attachment-btn>
          <div data-icon="&#xe003;"></div>
        </button><!--/.btn-attachment-->
      </div><!--/.subject-box-->

      <div ng-switch="attachments.length > 0">
        <div ng-switch-when="true">
          <div class="attachments-box">
            <span ng-repeat="attachment in attachments" class="attachment">
              <span data-icon="&#xe003;"></span>
              {{attachment.filename}}
              <span class="close" data-icon="&#xe000;" ng-click="remove(attachment)"></span>
            </span><!--/.attachment-->
          </div><!--/.attachments-box-->
        </div><!--/ng-switch-when-->
      </div><!--/ng-switch-->

      <div class="body" focus-child>
        <p ng-model="body" contentEditable="true" spellcheck="false" ng-change="updatePreview()" tabindex="3" focus-me="state.writer.open && writerTitle === 'Reply'"></p>

        <div class="encrypt-preview" ng-class="{'invisible': !ciphertextPreview || !sendBtnSecure}">
          <p>-----BEGIN ENCRYPTED PREVIEW-----<br>{{ciphertextPreview}}<br>-----END ENCRYPTED PREVIEW-----</p>
        </div><!--/.encrypt-preview-->
      </div><!--/.body-->

      <div class="send-control">
        <button ng-click="sendToOutbox()" class="btn" ng-class="{'btn-primary': sendBtnSecure === false}" ng-disabled="!okToSend" tabindex="4">{{sendBtnText || 'Send'}}</button>
      </div>
    </div><!--/.write-view-->

  </div><!--/.content-->

  <!-- popovers -->
  <div id="fingerprint-writer" class="popover right" ng-controller="PopoverCtrl">
    <div class="arrow"></div>
    <div class="popover-title"><b>PGP key ID</b></div>
    <div class="popover-content">{{keyId}}</div>
  </div><!--/.popover-->
</div><!--/.lightbox-body-->