mirror of https://github.com/moparisthebest/mail
73 lines
4.2 KiB
HTML
73 lines
4.2 KiB
HTML
<div class="lightbox-body" ng-controller="WriteCtrl">
|
|
<header>
|
|
<h2>{{writerTitle}}</h2>
|
|
<button class="close" ng-click="state.writer.close()" data-action="lightbox-close"></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>
|
|
<span ng-repeat="recipient in to track by $index">
|
|
<input 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="$index === 0 && state.lightbox === 'write' && writerTitle !== 'Reply'">
|
|
</span>
|
|
</p>
|
|
<p field="cc" ng-show="showCC === true">
|
|
<label>Cc:</label>
|
|
<span ng-repeat="recipient in cc track by $index">
|
|
<input 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)">
|
|
</span>
|
|
</p>
|
|
<p field="bcc" ng-show="showBCC === true">
|
|
<label>Bcc:</label>
|
|
<span ng-repeat="recipient in bcc track by $index">
|
|
<input 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)">
|
|
</span>
|
|
</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=""></div>
|
|
</button><!--/.btn-attachment-->
|
|
</div><!--/.subject-box-->
|
|
|
|
<div class="attachments-box" ng-show="attachments.length > 0">
|
|
<span ng-repeat="attachment in attachments" class="attachment">
|
|
<span data-icon=""></span>
|
|
{{attachment.filename}}
|
|
<span class="close" data-icon="" ng-click="remove(attachment)"></span>
|
|
</span><!--/.attachment-->
|
|
</div><!--/.attachments-box-->
|
|
|
|
<div class="body" focus-child>
|
|
<p ng-model="body" contentEditable="true" spellcheck="false" ng-change="updatePreview()" tabindex="3" focus-me="state.lightbox === 'write' && writerTitle === 'Reply'"></p>
|
|
|
|
<div class="encrypt-preview" ng-show="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--> |