2013-10-21 09:02:54 -04:00
|
|
|
<div class="lightbox-body" ng-controller="WriteCtrl">
|
2013-10-18 20:58:53 -04:00
|
|
|
<header>
|
|
|
|
<h2>{{writerTitle}}</h2>
|
2014-06-27 06:36:43 -04:00
|
|
|
<button class="close" wo-touch="state.writer.close()" data-action="lightbox-close"></button>
|
2013-10-18 20:58:53 -04:00
|
|
|
</header>
|
2014-07-21 08:08:10 -04:00
|
|
|
<div class="content view-write">
|
2013-09-12 07:36:40 -04:00
|
|
|
|
2014-07-21 08:08:10 -04:00
|
|
|
<div class="mail-addresses">
|
|
|
|
<div class="mail-addresses-more">
|
|
|
|
<button wo-touch="showCC = true;" ng-hide="showCC">Cc</button>
|
|
|
|
<button wo-touch="showBCC = true;" ng-hide="showBCC">Bcc</button>
|
2013-10-18 20:58:53 -04:00
|
|
|
</div>
|
2014-09-15 10:56:25 -04:00
|
|
|
<p focus-input="state.lightbox === 'write' && writerTitle !== 'Reply'"
|
|
|
|
focus-input-on-click>
|
2014-07-21 08:08:10 -04:00
|
|
|
<label>To:</label>
|
2014-09-15 10:56:25 -04:00
|
|
|
<tags-input class="tags-input" ng-model="to" type="email" tabindex="1" add-on-space="true" add-on-enter="true" enable-editing-last-tag="true"
|
|
|
|
tag-style="tagStyle" display-property="address" on-tag-added="verify($tag)"
|
|
|
|
allowed-tags-pattern='^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$'
|
|
|
|
placeholder="add recipient">
|
|
|
|
<auto-complete source="lookupAddressBook($query)"></auto-complete>
|
|
|
|
</tags-input>
|
2014-07-21 08:08:10 -04:00
|
|
|
</p>
|
2014-09-15 10:56:25 -04:00
|
|
|
<p ng-show="showCC === true"
|
|
|
|
focus-input="state.lightbox === 'write' && writerTitle !== 'Reply'"
|
|
|
|
focus-input-on-click>
|
2014-07-21 08:08:10 -04:00
|
|
|
<label>Cc:</label>
|
2014-09-15 10:56:25 -04:00
|
|
|
<tags-input class="tags-input" ng-model="cc" type="email" tabindex="1" add-on-space="true" add-on-enter="true" enable-editing-last-tag="true"
|
|
|
|
tag-style="tagStyle" display-property="address" on-tag-added="verify($tag)"
|
|
|
|
allowed-tags-pattern='^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$'
|
|
|
|
placeholder="add cc">
|
|
|
|
<auto-complete source="lookupAddressBook($query)"></auto-complete>
|
|
|
|
</tags-input>
|
2014-07-21 08:08:10 -04:00
|
|
|
</p>
|
2014-09-15 10:56:25 -04:00
|
|
|
<p ng-show="showBCC === true"
|
|
|
|
focus-input="state.lightbox === 'write' && writerTitle !== 'Reply'"
|
|
|
|
focus-input-on-click>
|
2014-07-21 08:08:10 -04:00
|
|
|
<label>Bcc:</label>
|
2014-09-15 10:56:25 -04:00
|
|
|
<tags-input class="tags-input" ng-model="bcc" type="email" tabindex="1" add-on-space="true" add-on-enter="true" enable-editing-last-tag="true"
|
|
|
|
tag-style="tagStyle" display-property="address" on-tag-added="verify($tag)"
|
|
|
|
allowed-tags-pattern='^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$'
|
|
|
|
placeholder="add bcc">
|
|
|
|
<auto-complete source="lookupAddressBook($query)"></auto-complete>
|
|
|
|
</tags-input>
|
2014-07-21 08:08:10 -04:00
|
|
|
</p>
|
|
|
|
</div><!--/.mail-addresses-->
|
|
|
|
|
|
|
|
<div class="subject-box">
|
|
|
|
<input class="input-text" ng-model="subject" spellcheck="true" tabindex="2" placeholder="Subject" ng-change="updatePreview()">
|
|
|
|
<input id="attachment-input" type="file" multiple attachment-input>
|
|
|
|
<button class="btn btn-attachment" data-icon="" ng-class="{'btn-primary': sendBtnSecure === false}" attachment-btn></button>
|
|
|
|
</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="" wo-touch="remove(attachment)"></span>
|
|
|
|
</span><!--/.attachment-->
|
|
|
|
</div><!--/.attachments-box-->
|
|
|
|
|
|
|
|
<div class="body" focus-child>
|
|
|
|
<p ng-model="body" contentEditable="true" 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 wo-touch="sendToOutbox()" class="btn" ng-class="{'btn-primary': sendBtnSecure === false}" ng-disabled="!okToSend" tabindex="4">{{sendBtnText || 'Send'}}</button>
|
|
|
|
</div>
|
2013-10-18 20:58:53 -04:00
|
|
|
|
|
|
|
</div><!--/.content-->
|
|
|
|
</div><!--/.lightbox-body-->
|