b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
119 lines
5.4 KiB
HTML
Executable file
119 lines
5.4 KiB
HTML
Executable file
<section class="cmp-compose-header" role="region" data-statuscolor="default">
|
|
<header data-prop="headerNode">
|
|
<a role="button" data-event="click:onBack" href="#" class="cmp-back-btn"
|
|
data-l10n-id="back-button">
|
|
<span class="icon icon-back"></span>
|
|
</a>
|
|
<menu type="toolbar">
|
|
<a role="button" href="#" data-event="click:onAttachmentAdd"
|
|
class="cmp-attachment-btn" data-l10n-id="compose-attachment-button">
|
|
<span class="icon icon-attachment"></span>
|
|
</a>
|
|
<a role="button" data-prop="sendButton" data-event="click:onSend"
|
|
href="#" class="cmp-send-btn" data-l10n-id="compose-send-button">
|
|
<span class="icon icon-send"></span>
|
|
</a>
|
|
</menu>
|
|
<h1 class="cmp-compose-header-label"
|
|
data-l10n-id="compose-new-header"></h1>
|
|
</header>
|
|
</section>
|
|
<div data-prop="scrollContainer"
|
|
class="scrollregion-below-header cmp-autocomplete-origin">
|
|
<div data-prop="addrBar">
|
|
<div class="cmp-autocomplete-input-container">
|
|
<div class="cmp-autocomplete-input-list">
|
|
<div data-prop="firstEnvelopeLine"
|
|
data-event="click:onContainerClick"
|
|
class="cmp-envelope-line cmp-combo cmp-autocomplete-input-label"
|
|
role="group" data-l10n-id="to-group">
|
|
<span class="cmp-to-label cmp-addr-label"
|
|
data-l10n-id="compose-to" aria-hidden="true"></span>
|
|
<div class="cmp-to-container cmp-addr-container">
|
|
<div class="cmp-bubble-container">
|
|
<input data-prop="toNode"
|
|
data-event="keydown:onAddressKeydown,input:onAddressInput"
|
|
dir="auto"
|
|
class="cmp-to-text cmp-addr-text" type="email" />
|
|
</div>
|
|
</div>
|
|
<div data-event="click:onContactAdd"
|
|
class="cmp-to-add cmp-contact-add"
|
|
role="button"
|
|
data-l10n-id="compose-contact-add-recipient"></div>
|
|
</div>
|
|
<!-- XXX: spec calls for showing cc/bcc merged until selected,
|
|
but there is also the case where replying itself might need
|
|
to expand, so we are deferring that feature -->
|
|
<div data-event="click:onContainerClick"
|
|
class="cmp-envelope-line cmp-combo cmp-autocomplete-input-label"
|
|
role="group" data-l10n-id="cc-group">
|
|
<span class="cmp-cc-label cmp-addr-label"
|
|
data-l10n-id="compose-cc" aria-hidden="true"></span>
|
|
<div class="cmp-cc-container cmp-addr-container">
|
|
<div class="cmp-bubble-container">
|
|
<input data-prop="ccNode"
|
|
data-event="keydown:onAddressKeydown,input:onAddressInput"
|
|
dir="auto"
|
|
class="cmp-cc-text cmp-addr-text" type="email" />
|
|
</div>
|
|
</div>
|
|
<div data-event="click:onContactAdd"
|
|
class="cmp-cc-add cmp-contact-add"
|
|
role="button"
|
|
data-l10n-id="compose-contact-add-recipient"></div>
|
|
</div>
|
|
<div data-event="click:onContainerClick"
|
|
class="cmp-envelope-line cmp-combo cmp-autocomplete-input-label"
|
|
role="group" data-l10n-id="bcc-group">
|
|
<span class="cmp-bcc-label cmp-addr-label"
|
|
data-l10n-id="compose-bcc" aria-hidden="true"></span>
|
|
<div class="cmp-bcc-container cmp-addr-container">
|
|
<div class="cmp-bubble-container">
|
|
<input data-prop="bccNode"
|
|
data-event="keydown:onAddressKeydown,input:onAddressInput"
|
|
dir="auto"
|
|
class="cmp-bcc-text cmp-addr-text" type="email" />
|
|
</div>
|
|
</div>
|
|
<div data-event="click:onContactAdd"
|
|
class="cmp-bcc-add cmp-contact-add"
|
|
role="button"
|
|
data-l10n-id="compose-contact-add-recipient"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="cmp-envelope-line cmp-subject">
|
|
<span class="cmp-subject-label"
|
|
data-l10n-id="compose-subject" aria-hidden="true"></span>
|
|
<input data-prop="subjectNode"
|
|
dir="auto"
|
|
class="cmp-subject-text" type="text" data-l10n-id="subject" />
|
|
</div>
|
|
<div data-prop="errorMessage" class="cmp-error-message collapsed"></div>
|
|
<div data-prop="attachmentTotal"
|
|
class="cmp-envelope-line cmp-attachment-total collapsed"
|
|
aria-hidden="true">
|
|
<span data-prop="attachmentLabel"
|
|
class="cmp-attachment-label cmp-addr-label"
|
|
data-l10n-id="compose-attachments[zero]"></span>
|
|
<span data-prop="attachmentsSize" class="cmp-attachment-size"></span>
|
|
</div>
|
|
<ul data-prop="attachmentsContainer" class="cmp-attachment-container">
|
|
</ul>
|
|
</div>
|
|
<div data-prop="textBodyNode" class="cmp-body-text" contenteditable="true" role="textbox" aria-multiline="true"
|
|
data-l10n-id="compose-text"></div>
|
|
<div data-prop="htmlBodyContainer"
|
|
data-event="click:_focusEditorWithCursorAtEnd"
|
|
dir="auto"
|
|
class="cmp-body-html"
|
|
data-l10n-id="message-body-container">
|
|
</div>
|
|
<!-- Autocomplete at the bottom since it should have the highest z order
|
|
placement, so that the autocomplete matches are visible. -->
|
|
<cmp-autocomplete data-prop="autocomplete"
|
|
data-event="autocompleteSelected"
|
|
data-source="cards/cmp/autocomplete_source">
|
|
</cmp-autocomplete>
|
|
</div>
|