summaryrefslogtreecommitdiffstats
path: root/comm/mail/base/content/msgHdrView.inc.xhtml
diff options
context:
space:
mode:
Diffstat (limited to 'comm/mail/base/content/msgHdrView.inc.xhtml')
-rw-r--r--comm/mail/base/content/msgHdrView.inc.xhtml559
1 files changed, 559 insertions, 0 deletions
diff --git a/comm/mail/base/content/msgHdrView.inc.xhtml b/comm/mail/base/content/msgHdrView.inc.xhtml
new file mode 100644
index 0000000000..fa9565d7cc
--- /dev/null
+++ b/comm/mail/base/content/msgHdrView.inc.xhtml
@@ -0,0 +1,559 @@
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+<menupopup id="header-toolbar-context-menu"
+ onpopupshowing="ToolbarContextMenu.updateExtension(this);">
+ <menuitem oncommand="ToolbarContextMenu.openAboutAddonsForContextAction(this.parentElement)"
+ data-l10n-id="toolbar-context-menu-manage-extension"
+ class="customize-context-manageExtension"/>
+ <menuitem oncommand="ToolbarContextMenu.removeExtensionForContextAction(this.parentElement)"
+ data-l10n-id="toolbar-context-menu-remove-extension"
+ class="customize-context-removeExtension"/>
+</menupopup>
+
+<!-- Header container -->
+<html:header id="messageHeader"
+ class="message-header-container message-header-large-subject message-header-hide-label-column message-header-show-recipient-avatar message-header-show-sender-full-address">
+ <!-- From + buttons -->
+ <html:div id="headerSenderToolbarContainer"
+ class="message-header-row header-row-reverse message-header-wrap items-center">
+ <html:div id="header-view-toolbox" role="toolbar" class="header-buttons-container">
+ <!-- NOTE: Temporarily keep the hbox to allow extensions to add custom sets of
+ toolbar buttons. This can be later removed once a new API that doesn't rely
+ on XUL currentset is in place. -->
+ <hbox id="header-view-toolbar" class="header-buttons-container themeable-brighttext">
+ <toolbarbutton id="hdrReplyToSenderButton" label="&hdrReplyButton1.label;"
+ tooltiptext="&hdrReplyButton2.tooltip;"
+ oncommand="MsgReplySender(event);"
+ class="toolbarbutton-1 message-header-view-button hdrReplyToSenderButton"/>
+
+ <toolbaritem id="hdrSmartReplyButton" label="&hdrSmartReplyButton1.label;">
+ <!-- This button is a dummy and should only be shown when customizing
+ the toolbar to distinguish the smart reply button from the reply
+ to sender button. -->
+ <toolbarbutton id="hdrDummyReplyButton" label="&hdrSmartReplyButton1.label;"
+ hidden="true"
+ class="toolbarbutton-1 message-header-view-button hdrDummyReplyButton"/>
+
+ <toolbarbutton id="hdrReplyButton" label="&hdrReplyButton1.label;"
+ tooltiptext="&hdrReplyButton2.tooltip;"
+ oncommand="MsgReplySender(event);"
+ class="toolbarbutton-1 message-header-view-button hdrReplyButton"/>
+
+ <toolbarbutton is="toolbarbutton-menu-button" id="hdrReplyAllButton"
+ type="menu"
+ label="&hdrReplyAllButton1.label;"
+ tooltiptext="&hdrReplyAllButton1.tooltip;"
+ oncommand="MsgReplyToAllMessage(event);"
+ class="toolbarbutton-1 message-header-view-button hdrReplyButton hdrReplyAllButton"
+ hidden="true">
+ <menupopup id="hdrReplyAllDropdown"
+ class="no-icon-menupopup">
+ <menuitem id="hdrReplyAll_ReplyAllSubButton"
+ class="menuitem-iconic"
+ label="&hdrReplyAllButton1.label;"
+ tooltiptext="&hdrReplyAllButton1.tooltip;"/>
+ <toolbarseparator id="hdrReplyAllSubSeparator"/>
+ <menuitem id="hdrReplySubButton"
+ class="menuitem-iconic"
+ label="&hdrReplyButton1.label;"
+ tooltiptext="&hdrReplyButton2.tooltip;"
+ oncommand="MsgReplySender(event); event.stopPropagation();"/>
+ </menupopup>
+ </toolbarbutton>
+
+ <toolbarbutton is="toolbarbutton-menu-button" id="hdrReplyListButton"
+ type="menu"
+ label="&hdrReplyListButton1.label;"
+ tooltiptext="&hdrReplyListButton1.tooltip;"
+ oncommand="MsgReplyToListMessage(event);"
+ class="toolbarbutton-1 message-header-view-button hdrReplyButton hdrReplyListButton"
+ hidden="true">
+ <menupopup id="hdrReplyListDropdown"
+ class="no-icon-menupopup">
+ <menuitem id="hdrReplyList_ReplyListSubButton"
+ class="menuitem-iconic"
+ label="&hdrReplyListButton1.label;"
+ tooltiptext="&hdrReplyListButton1.tooltip;"/>
+ <toolbarseparator id="hdrReplyListSubSeparator"/>
+ <menuitem id="hdrRelplyList_ReplyAllSubButton"
+ class="menuitem-iconic"
+ label="&hdrReplyAllButton1.label;"
+ tooltiptext="&hdrReplyAllButton1.tooltip;"
+ oncommand="MsgReplyToAllMessage(event); event.stopPropagation();"/>
+ <menuitem id="hdrReplyList_ReplySubButton"
+ class="menuitem-iconic"
+ label="&hdrReplyButton1.label;"
+ tooltiptext="&hdrReplyButton2.tooltip;"
+ oncommand="MsgReplySender(event); event.stopPropagation();"/>
+ </menupopup>
+ </toolbarbutton>
+
+ <toolbarbutton is="toolbarbutton-menu-button" id="hdrFollowupButton"
+ label="&hdrFollowupButton1.label;"
+ type="menu"
+ tooltiptext="&hdrFollowupButton1.tooltip;"
+ oncommand="MsgReplyGroup(event);"
+ class="toolbarbutton-1 message-header-view-button hdrFollowupButton">
+ <menupopup id="hdrFollowupDropdown"
+ class="no-icon-menupopup">
+ <menuitem id="hdrFollowup_FollowupSubButton"
+ class="menuitem-iconic"
+ label="&hdrFollowupButton1.label;"
+ tooltiptext="&hdrFollowupButton1.tooltip;"/>
+ <toolbarseparator id="hdrFollowupSubSeparator"/>
+ <menuitem id="hdrFollowup_ReplyAllSubButton"
+ class="menuitem-iconic"
+ label="&hdrReplyAllButton1.label;"
+ tooltiptext="&hdrReplyAllButton1.tooltip;"
+ oncommand="MsgReplyToAllMessage(event); event.stopPropagation();"/>
+ <menuitem id="hdrFollowup_ReplySubButton"
+ class="menuitem-iconic"
+ label="&hdrReplyButton1.label;"
+ tooltiptext="&hdrReplyButton2.tooltip;"
+ oncommand="MsgReplySender(event); event.stopPropagation();"/>
+ </menupopup>
+ </toolbarbutton>
+ </toolbaritem>
+
+ <toolbarbutton id="hdrForwardButton"
+ label="&hdrForwardButton1.label;"
+ tooltiptext="&hdrForwardButton1.tooltip;"
+ oncommand="MsgForwardMessage(event);"
+ class="toolbarbutton-1 message-header-view-button hdrForwardButton"/>
+ <toolbarbutton id="hdrArchiveButton"
+ label="&hdrArchiveButton1.label;"
+ tooltiptext="&hdrArchiveButton1.tooltip;"
+ oncommand="goDoCommand('cmd_archive');"
+ class="toolbarbutton-1 message-header-view-button hdrArchiveButton"/>
+ <toolbarbutton id="hdrJunkButton" label="&hdrJunkButton1.label;"
+ tooltiptext="&hdrJunkButton1.tooltip;"
+ observes="cmd_markAsJunk"
+ class="toolbarbutton-1 message-header-view-button hdrJunkButton"
+ oncommand="goDoCommand('cmd_markAsJunk');"/>
+ <toolbarbutton id="hdrTrashButton"
+ label="&hdrTrashButton1.label;"
+ tooltiptext="&hdrTrashButton1.tooltip;"
+ observes="cmd_delete"
+ class="toolbarbutton-1 message-header-view-button hdrTrashButton"
+ oncommand="goDoCommand(event.shiftKey ? 'cmd_shiftDelete' : 'cmd_delete');"/>
+ <toolbarbutton id="otherActionsButton"
+ type="menu"
+ wantdropmarker="true"
+ label="&otherActionsButton2.label;"
+ tooltiptext="&otherActionsButton.tooltip;"
+ class="toolbarbutton-1 message-header-view-button">
+ <menupopup id="otherActionsPopup"
+ class="no-icon-menupopup"
+ onpopupshowing="onShowOtherActionsPopup();">
+ <menuitem id="otherActionsRedirect"
+ class="menuitem-iconic"
+ data-l10n-id="other-action-redirect-msg"
+ oncommand="MsgRedirectMessage();"/>
+#ifdef MAIN_WINDOW
+ <menuseparator id="otherActionsRedirectSeparator"/>
+ <menuitem id="otherActionsOpenConversation"
+ class="menuitem-iconic"
+ label="&otherActionsOpenConversation1.label;"
+ accesskey="&otherActionsOpenConversation1.accesskey;"
+ oncommand="new ConversationOpener(window).openConversationForMessages(gFolderDisplay.selectedMessages);"/>
+ <menuitem id="otherActionsOpenInNewWindow"
+ class="menuitem-iconic"
+ label="&otherActionsOpenInNewWindow1.label;"
+ accesskey="&otherActionsOpenInNewWindow1.accesskey;"
+ oncommand="MsgOpenNewWindowForMessage();"/>
+ <menuitem id="otherActionsOpenInNewTab"
+ class="menuitem-iconic"
+ label="&otherActionsOpenInNewTab1.label;"
+ accesskey="&otherActionsOpenInNewTab1.accesskey;"
+ oncommand="OpenMessageInNewTab(gFolderDisplay.selectedMessage, { event });"/>
+#endif
+ <menuseparator id="otherActionsSeparator"/>
+ <menu id="otherActionsTag"
+ class="menu-iconic"
+ label="&tagMenu.label;"
+ accesskey="&tagMenu.accesskey;">
+ <menupopup id="hdrTagDropdown"
+ onpopupshowing="window.top.InitMessageTags(this);">
+ <menuitem id="hdrTagDropdown-addNewTag"
+ label="&addNewTag.label;"
+ accesskey="&addNewTag.accesskey;"
+ oncommand="goDoCommand('cmd_addTag');"/>
+ <menuitem id="manageTags"
+ label="&manageTags.label;"
+ accesskey="&manageTags.accesskey;"
+ oncommand="goDoCommand('cmd_manageTags');"/>
+ <menuseparator id="hdrTagDropdown-sep-afterAddNewTag"/>
+ <menuitem id="hdrTagDropdown-tagRemoveAll"
+ oncommand="goDoCommand('cmd_removeTags');"/>
+ <menuseparator id="hdrTagDropdown-sep-afterTagRemoveAll"/>
+ </menupopup>
+ </menu>
+ <menuitem id="markAsReadMenuItem"
+ class="menuitem-iconic"
+ label="&markAsReadMenuItem1.label;"
+ accesskey="&markAsReadMenuItem1.accesskey;"
+ oncommand="MsgMarkMsgAsRead();"/>
+ <menuitem id="markAsUnreadMenuItem"
+ class="menuitem-iconic"
+ label="&markAsUnreadMenuItem1.label;"
+ accesskey="&markAsUnreadMenuItem1.accesskey;"
+ oncommand="MsgMarkMsgAsRead();"/>
+ <menuitem id="saveAsMenuItem"
+ class="menuitem-iconic"
+ label="&saveAsMenuItem1.label;"
+ accesskey="&saveAsMenuItem1.accesskey;"
+ oncommand="goDoCommand('cmd_saveAsFile')"/>
+ <menuitem id="otherActionsPrint"
+ class="menuitem-iconic"
+ label="&otherActionsPrint1.label;"
+ accesskey="&otherActionsPrint1.accesskey;"
+ oncommand="goDoCommand('cmd_print');"/>
+ <menu id="otherActions-calendar-convert-menu"
+ class="menu-iconic"
+ label="&calendar.context.convertmenu.label;"
+ accesskey="&calendar.context.convertmenu.accesskey.mail;">
+ <menupopup id="otherActions-calendar-convert-menupopup"
+ class="no-icon-menupopup">
+ <menuitem id="otherActions-calendar-convert-event-menuitem"
+ class="menuitem-iconic"
+ label="&calendar.context.convertmenu.event.label;"
+ accesskey="&calendar.context.convertmenu.event.accesskey;"
+ oncommand="convertToEventOrTask(true);"/>
+ <menuitem id="otherActions-calendar-convert-task-menuitem"
+ class="menuitem-iconic"
+ label="&calendar.context.convertmenu.task.label;"
+ accesskey="&calendar.context.convertmenu.task.accesskey;"
+ oncommand="convertToEventOrTask(false);"/>
+ </menupopup>
+ </menu>
+ <menuseparator id="otherActionsComposeSeparator"/>
+ <menuitem id="viewSourceMenuItem"
+ class="menuitem-iconic"
+ label="&viewSourceMenuItem1.label;"
+ accesskey="&viewSourceMenuItem1.accesskey;"
+ oncommand="goDoCommand('cmd_viewPageSource');"/>
+ <menuitem id="charsetRepairMenuitem"
+ class="menuitem-iconic"
+ data-l10n-id="repair-text-encoding-button"
+ oncommand="MailSetCharacterSet()"/>
+ <menu id="otherActionsMessageBodyAs"
+ class="menu-iconic"
+ label="&bodyMenu.label;">
+ <menupopup id="hdrMessageBodyAsDropdown"
+ class="menu-iconic"
+ onpopupshowing="InitOtherActionsViewBodyMenu();">
+ <menuitem id="otherActionsMenu_bodyAllowHTML"
+ class="menuitem-iconic"
+ type="radio"
+ name="bodyPlaintextVsHTMLPref"
+ label="&bodyAllowHTML.label;"
+ oncommand="top.MsgBodyAllowHTML()"/>
+ <menuitem id="otherActionsMenu_bodySanitized"
+ class="menuitem-iconic"
+ type="radio"
+ name="bodyPlaintextVsHTMLPref"
+ label="&bodySanitized.label;"
+ oncommand="top.MsgBodySanitized()"/>
+ <menuitem id="otherActionsMenu_bodyAsPlaintext"
+ class="menuitem-iconic"
+ type="radio"
+ name="bodyPlaintextVsHTMLPref"
+ label="&bodyAsPlaintext.label;"
+ oncommand="top.MsgBodyAsPlaintext()"/>
+ <menuitem id="otherActionsMenu_bodyAllParts"
+ class="menuitem-iconic"
+ type="radio"
+ name="bodyPlaintextVsHTMLPref"
+ label="&bodyAllParts.label;"
+ oncommand="top.MsgBodyAllParts()"/>
+ </menupopup>
+ </menu>
+ <menu id="otherActionsFeedBodyAs"
+ class="menu-iconic"
+ label="&bodyMenu.label;">
+ <menupopup id="hdrFeedBodyAsDropdown"
+ class="menu-iconic"
+ onpopupshowing="InitOtherActionsViewBodyMenu();">
+ <menuitem id="otherActionsMenu_bodyFeedGlobalWebPage"
+ class="menuitem-iconic"
+ type="radio"
+ name="viewFeedSummaryGroup"
+ label="&viewFeedWebPage.label;"
+ observes="bodyFeedGlobalWebPage"
+ oncommand="FeedMessageHandler.onSelectPref = 0"/>
+ <menuitem id="otherActionsMenu_bodyFeedGlobalSummary"
+ class="menuitem-iconic"
+ type="radio"
+ name="viewFeedSummaryGroup"
+ label="&viewFeedSummary.label;"
+ observes="bodyFeedGlobalSummary"
+ oncommand="FeedMessageHandler.onSelectPref = 1"/>
+ <menuitem id="otherActionsMenu_bodyFeedPerFolderPref"
+ class="menuitem-iconic"
+ type="radio"
+ name="viewFeedSummaryGroup"
+ label="&viewFeedSummaryFeedPropsPref.label;"
+ observes="bodyFeedPerFolderPref"
+ oncommand="FeedMessageHandler.onSelectPref = 2"/>
+ <menuseparator id="otherActionsMenu_viewFeedSummarySeparator"/>
+ <menuitem id="otherActionsMenu_bodyFeedSummaryAllowHTML"
+ class="menuitem-iconic"
+ type="radio"
+ name="viewFeedBodyHTMLGroup"
+ label="&bodyAllowHTML.label;"
+ oncommand="top.MsgFeedBodyRenderPrefs(false, 0, 0)"/>
+ <menuitem id="otherActionsMenu_bodyFeedSummarySanitized"
+ class="menuitem-iconic"
+ type="radio"
+ name="viewFeedBodyHTMLGroup"
+ label="&bodySanitized.label;"
+ oncommand="top.MsgFeedBodyRenderPrefs(false, 3, gDisallow_classes_no_html)"/>
+ <menuitem id="otherActionsMenu_bodyFeedSummaryAsPlaintext"
+ class="menuitem-iconic"
+ type="radio"
+ name="viewFeedBodyHTMLGroup"
+ label="&bodyAsPlaintext.label;"
+ oncommand="top.MsgFeedBodyRenderPrefs(true, 1, gDisallow_classes_no_html)"/>
+ </menupopup>
+ </menu>
+ <menuseparator/>
+ <menuitem id="messageHeaderMoreMenuCustomize"
+ class="menuitem-iconic"
+ data-l10n-id="menuitem-customize-label"
+ oncommand="gHeaderCustomize.showPanel()"/>
+ </menupopup>
+ </toolbarbutton>
+ <html:button id="starMessageButton" role="checkbox" aria-checked="false"
+ class="plain-button email-action-button email-action-flagged"
+ data-l10n-id="message-header-msg-flagged">
+ <html:img src="chrome://messenger/skin/icons/new/compact/star.svg" alt="" />
+ </html:button>
+ </hbox>
+ </html:div>
+
+ <html:div id="expandedfromRow" class="header-row-grow">
+ <label id="expandedfromLabel" class="message-header-label header-pill-label"
+ value="&fromField4.label;"
+ valueFrom="&fromField4.label;" valueAuthor="&author.label;"/>
+ <html:div id="expandedfromBox" is="multi-recipient-row"
+ data-header-name="from" data-show-all="true"></html:div>
+ </html:div>
+ </html:div>
+
+ <!-- To recipients + date -->
+ <html:div id="expandedtoRow" class="message-header-row">
+ <html:div class="header-row-grow">
+ <label id="expandedtoLabel" class="message-header-label header-pill-label"
+ value="&toField4.label;"/>
+ <html:div id="expandedtoBox" is="multi-recipient-row"
+ data-header-name="to"></html:div>
+ </html:div>
+ <html:time id="dateLabel"
+ class="message-header-datetime"
+ aria-readonly="true"></html:time>
+ </html:div>
+
+ <!-- Cc recipients -->
+ <html:div id="expandedccRow" class="message-header-row" hidden="hidden">
+ <label id="expandedccLabel" class="message-header-label header-pill-label"
+ value="&ccField4.label;"/>
+ <html:div id="expandedccBox" is="multi-recipient-row"
+ data-header-name="cc"></html:div>
+ </html:div>
+
+ <!-- Bcc recipients -->
+ <html:div id="expandedbccRow" class="message-header-row" hidden="hidden">
+ <label id="expandedbccLabel" class="message-header-label header-pill-label"
+ value="&bccField4.label;"/>
+ <html:div id="expandedbccBox" is="multi-recipient-row"
+ data-header-name="bcc"></html:div>
+ </html:div>
+
+ <!-- Reply-to -->
+ <html:div id="expandedreply-toRow" class="message-header-row" hidden="hidden">
+ <label id="expandedreply-toLabel" class="message-header-label header-pill-label"
+ value="&replyToField4.label;"/>
+ <html:div id="expandedreply-toBox" is="multi-recipient-row"
+ data-header-name="reply-to"></html:div>
+ </html:div>
+
+ <!-- Organization -->
+ <html:div id="expandedorganizationRow" class="message-header-row" hidden="hidden">
+ <label id="expandedorganizationLabel" class="message-header-label"
+ value="&organizationField4.label;"/>
+ <html:div id="expandedorganizationBox" is="simple-header-row"
+ data-header-name="organization"></html:div>
+ </html:div>
+
+ <!-- Sender -->
+ <html:div id="expandedsenderRow" class="message-header-row" hidden="hidden">
+ <label id="expandedsenderLabel" class="message-header-label header-pill-label"
+ value="&senderField4.label;"/>
+ <html:div id="expandedsenderBox" is="multi-recipient-row"
+ data-header-name="sender"></html:div>
+ </html:div>
+
+ <!-- Newsgroups -->
+ <html:div id="expandednewsgroupsRow" class="message-header-row" hidden="hidden">
+ <label id="expandednewsgroupsLabel" class="message-header-label header-pill-label"
+ value="&newsgroupsField4.label;"/>
+ <html:div id="expandednewsgroupsBox" is="header-newsgroups-row"
+ data-header-name="newsgroups"/>
+ </html:div>
+
+ <!-- Follow up -->
+ <html:div id="expandedfollowup-toRow" class="message-header-row" hidden="hidden">
+ <label id="expandedfollowup-toLabel" class="message-header-label header-pill-label"
+ value="&followupToField4.label;"/>
+ <html:div id="expandedfollowup-toBox"
+ is="header-newsgroups-row"
+ data-header-name="followup-to"/>
+ </html:div>
+
+ <!-- Subject + security info + extra date label for hidden To variation -->
+ <html:div id="headerSubjectSecurityContainer" class="message-header-row">
+ <html:div id="expandedsubjectRow" class="header-row-grow">
+ <label id="expandedsubjectLabel" class="message-header-label"
+ value="&subjectField4.label;"/>
+ <html:div id="expandedsubjectBox" is="simple-header-row"
+ data-header-name="subject"></html:div>
+ </html:div>
+ <html:div id="cryptoBox" hidden="hidden">
+ <html:button id="encryptionTechBtn"
+ class="toolbarbutton-1 crypto-button themeable-brighttext button-focusable"
+ data-l10n-id="message-security-button">
+ <html:span class="crypto-label"></html:span>
+ <html:img id="encryptedHdrIcon" hidden="hidden" alt="" />
+ <html:img id="signedHdrIcon" hidden="hidden" alt="" />
+ </html:button>
+ </html:div>
+ <html:time id="dateLabelSubject"
+ class="message-header-datetime"
+ aria-readonly="true"
+ hidden="hidden"></html:time>
+ </html:div>
+
+ <!-- Tags -->
+ <html:div id="expandedtagsRow" class="message-header-row" hidden="hidden">
+ <label id="expandedtagsLabel" class="message-header-label"
+ value="&tagsHdr4.label;"/>
+ <html:div id="expandedtagsBox" is="header-tags-row"
+ data-header-name="tags"></html:div>
+ </html:div>
+
+ <!-- Date -->
+ <html:div id="expandeddateRow" class="message-header-row" hidden="hidden">
+ <label id="expandeddateLabel" class="message-header-label"
+ value="&dateField4.label;"/>
+ <html:div id="expandeddateBox" is="simple-header-row"
+ data-header-name="date"></html:div>
+ </html:div>
+
+ <!-- Message ID -->
+ <html:div id="expandedmessage-idRow" class="message-header-row" hidden="hidden">
+ <label id="expandedmessage-idLabel" class="message-header-label header-pill-label"
+ value="&messageIdField4.label;"/>
+ <html:div id="expandedmessage-idBox" is="multi-message-ids-row"
+ data-header-name="message-id"></html:div>
+ </html:div>
+
+ <!-- In reply to -->
+ <html:div id="expandedin-reply-toRow" class="message-header-row" hidden="hidden">
+ <label id="expandedin-reply-toLabel" class="message-header-label header-pill-label"
+ value="&inReplyToField4.label;"/>
+ <html:div id="expandedin-reply-toBox" is="multi-message-ids-row"
+ data-header-name="in-reply-to"></html:div>
+ </html:div>
+
+ <!-- Reference -->
+ <html:div id="expandedreferencesRow" class="message-header-row" hidden="hidden">
+ <label id="expandedreferencesLabel" class="message-header-label header-pill-label"
+ value="&referencesField4.label;"/>
+ <html:div id="expandedreferencesBox" is="multi-message-ids-row"
+ data-header-name="references"></html:div>
+ </html:div>
+
+ <!-- Content base -->
+ <html:div id="expandedcontent-baseRow" class="message-header-row" hidden="hidden">
+ <label id="expandedcontent-baseLabel" class="message-header-label"
+ value="&originalWebsite4.label;"/>
+ <html:div id="expandedcontent-baseBox" is="url-header-row"
+ data-header-name="content-base"></html:div>
+ </html:div>
+
+ <!-- User agent -->
+ <html:div id="expandeduser-agentRow" class="message-header-row" hidden="hidden">
+ <label id="expandeduser-agentLabel" class="message-header-label"
+ value="&userAgentField4.label;"/>
+ <html:div id="expandeduser-agentBox" is="simple-header-row"
+ data-header-name="user-agent"></html:div>
+ </html:div>
+
+ <!-- All extra headers will be dynamically added here. -->
+ <html:div id="extraHeadersArea" class="message-header-extra-container"></html:div>
+
+</html:header>
+<!-- END Header container -->
+
+<panel id="messageHeaderCustomizationPanel"
+ type="arrow"
+ orient="vertical"
+ class="cui-widget-panel popup-panel panel-no-padding"
+ onpopupshowing="gHeaderCustomize.onPanelShowing();"
+ onpopuphidden="gHeaderCustomize.onPanelHidden();">
+ <html:div class="popup-panel-body">
+ <html:h3 data-l10n-id="message-header-customize-panel-title"></html:h3>
+
+ <html:div class="popup-panel-options-grid">
+ <label data-l10n-id="message-header-customize-button-style"
+ control="headerButtonStyle"/>
+ <menulist id="headerButtonStyle"
+ oncommand="gHeaderCustomize.updateButtonStyle(event);"
+ crop="none">
+ <menupopup>
+ <menuitem value="default" data-l10n-id="message-header-button-style-default"/>
+ <menuitem value="only-text" data-l10n-id="message-header-button-style-text"/>
+ <menuitem value="only-icons" data-l10n-id="message-header-button-style-icons"/>
+ </menupopup>
+ </menulist>
+
+ <html:div class="popup-panel-column-container">
+ <checkbox id="headerShowAvatar"
+ data-l10n-id="message-header-show-recipient-avatar"
+ oncommand="gHeaderCustomize.toggleAvatar(event);"/>
+
+ <checkbox id="headerShowBigAvatar" class="indent"
+ data-l10n-id="message-header-show-big-avatar"
+ oncommand="gHeaderCustomize.toggleBigAvatar(event);"/>
+
+ <checkbox id="headerShowFullAddress"
+ data-l10n-id="message-header-show-sender-full-address"
+ oncommand="gHeaderCustomize.toggleSenderAddress(event);"/>
+ <html:span class="checkbox-description"
+ data-l10n-id="message-header-show-sender-full-address-description"></html:span>
+
+ <checkbox id="headerHideLabels"
+ data-l10n-id="message-header-hide-label-column"
+ oncommand="gHeaderCustomize.toggleLabelColumn(event);"/>
+
+ <checkbox id="headerSubjectLarge"
+ data-l10n-id="message-header-large-subject"
+ oncommand="gHeaderCustomize.updateSubjectStyle(event);"/>
+
+ <checkbox id="headerViewAllHeaders"
+ data-l10n-id="message-header-all-headers"
+ oncommand="gHeaderCustomize.toggleAllHeaders(event);"/>
+ </html:div>
+ </html:div>
+
+ <html:div class="popup-panel-buttons-container">
+ <html:button type="button"
+ data-l10n-id="customize-panel-button-save"
+ onclick="gHeaderCustomize.closePanel()"
+ class="primary">
+ </html:button>
+ </html:div>
+ </html:div>
+</panel>