diff options
Diffstat (limited to 'browser/components/translations/content/translationsPanel.inc.xhtml')
| -rw-r--r-- | browser/components/translations/content/translationsPanel.inc.xhtml | 145 |
1 files changed, 145 insertions, 0 deletions
diff --git a/browser/components/translations/content/translationsPanel.inc.xhtml b/browser/components/translations/content/translationsPanel.inc.xhtml new file mode 100644 index 0000000000..18769eec83 --- /dev/null +++ b/browser/components/translations/content/translationsPanel.inc.xhtml @@ -0,0 +1,145 @@ +<!-- 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/. --> + +<html:template id="template-translations-panel"> +<panel id="translations-panel" + class="panel-no-padding translations-panel" + type="arrow" + role="alertdialog" + noautofocus="true" + aria-labelledby="translations-panel-header" + orient="vertical" + onclick="TranslationsPanel.handlePanelButtonEvent(event)" + onpopupshown="TranslationsPanel.handlePanelPopupShownEvent(event)" + onpopuphidden="TranslationsPanel.handlePanelPopupHiddenEvent(event)"> + <panelmultiview id="translations-panel-multiview" + mainViewId="translations-panel-view-default"> + <panelview id="translations-panel-view-default" + class="PanelUI-subView translations-panel-view" + role="document" + mainview-with-header="true" + has-custom-header="true"> + <hbox class="panel-header translations-panel-header"> + <html:h1 class="translations-panel-header-wrapper"> + <html:span id="translations-panel-header"></html:span> + </html:h1> + <hbox class="translations-panel-beta"> + <image class="translations-panel-beta-icon"></image> + </hbox> + <toolbarbutton id="translations-panel-settings" class="panel-info-button" + data-l10n-id="translations-panel-settings-button" + closemenu="none" + oncommand="TranslationsPanel.openSettingsPopup(this)"/> + </hbox> + + <vbox class="translations-panel-content"> + <html:div id="translations-panel-intro"> + <html:span data-l10n-id="translations-panel-intro-description"></html:span> + <html:a id="translations-panel-intro-learn-more-link" + is="moz-support-link" + data-l10n-id="translations-panel-learn-more-link" + support-page="website-translation" + onclick="TranslationsPanel.onLearnMoreLink()" /> + </html:div> + <vbox id="translations-panel-lang-selection"> + <label data-l10n-id="translations-panel-from-label" id="translations-panel-from-label"></label> + <menulist id="translations-panel-from" + flex="1" + value="detect" + size="large" + aria-labelledby="translations-panel-from-label" + oncommand="TranslationsPanel.onChangeFromLanguage(event)"> + <menupopup id="translations-panel-from-menupopup" + class="translations-panel-language-menupopup-from"> + <menuitem data-l10n-id="translations-panel-choose-language" value=""></menuitem> + <!-- The list of <menuitem> will be dynamically inserted. --> + </menupopup> + </menulist> + + <label data-l10n-id="translations-panel-to-label" id="translations-panel-to-label"></label> + <menulist id="translations-panel-to" + flex="1" + value="detect" + size="large" + aria-labelledby="translations-panel-to-label" + oncommand="TranslationsPanel.onChangeToLanguage(event)"> + <menupopup id="translations-panel-to-menupopup" + class="translations-panel-language-menupopup-to"> + <menuitem data-l10n-id="translations-panel-choose-language" value=""></menuitem> + <!-- The list of <menuitem> will be dynamically inserted. --> + </menupopup> + </menulist> + </vbox> + + <vbox id="translations-panel-error" hidden="true"> + <hbox class="translations-panel-error-header"> + <image class="translations-panel-error-icon translations-panel-error-header-icon" /> + <description id="translations-panel-error-message"></description> + </hbox> + <hbox id="translations-panel-error-message-hint"></hbox> + <hbox pack="end"> + <button id="translations-panel-translate-hint-action" /> + </hbox> + </vbox> + </vbox> + + <html:moz-button-group class="panel-footer translations-panel-footer"> + <button id="translations-panel-restore-button" + class="footer-button" + oncommand="TranslationsPanel.onRestore(event);" + data-l10n-id="translations-panel-restore-button"> + </button> + <button id="translations-panel-cancel" + class="footer-button" + oncommand="TranslationsPanel.onCancel(event);" + data-l10n-id="translations-panel-translate-cancel"> + </button> + <button id="translations-panel-translate" + class="footer-button" + oncommand="TranslationsPanel.onTranslate(event);" + data-l10n-id="translations-panel-translate-button" + default="true"> + </button> + </html:moz-button-group> + </panelview> + + <panelview id="translations-panel-view-unsupported-language" + class="PanelUI-subView translations-panel-view" + role="document" + has-custom-header="true"> + <hbox class="panel-header translations-panel-header"> + <image class="translations-panel-error-icon" /> + <html:h1 id="translations-panel-unsupported-language-header"> + <html:span data-l10n-id="translations-panel-error-unsupported"></html:span> + </html:h1> + </hbox> + + <vbox class="translations-panel-content"> + <html:div> + <html:span id="translations-panel-error-unsupported-hint"></html:span> + <html:a id="translations-panel-unsupported-learn-more-link" + is="moz-support-link" + data-l10n-id="translations-panel-learn-more-link" + support-page="website-translation" + onclick="TranslationsPanel.onLearnMoreLink()" /> + </html:div> + </vbox> + + <html:moz-button-group class="panel-footer translations-panel-footer"> + <button id="translations-panel-change-source-language" + class="footer-button" + oncommand="TranslationsPanel.onChangeSourceLanguage(event);" + data-l10n-id="translations-panel-error-change-button"> + </button> + <button id="translations-panel-dismiss-error" + class="footer-button" + oncommand="TranslationsPanel.onCancel(event);" + data-l10n-id="translations-panel-error-dismiss-button" + default="true"> + </button> + </html:moz-button-group> + </panelview> + </panelmultiview> +</panel> +</html:template> |