summaryrefslogtreecommitdiffstats
path: root/browser/components/translations/content/selectTranslationsPanel.inc.xhtml
blob: 8c643ea3f6beab75aa145a9c40add49c68e9105f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!-- 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-select-translations-panel">
  <panel id="select-translations-panel"
         class="panel-no-padding translations-panel translations-panel-view"
         type="arrow"
         role="alertdialog"
         noautofocus="true"
         aria-labelledby="translations-panel-header"
         orient="vertical"
         onpopupshown="SelectTranslationsPanel.handlePanelPopupShownEvent(event)"
         onpopuphidden="SelectTranslationsPanel.handlePanelPopupHiddenEvent(event)">
    <hbox class="panel-header select-translations-panel-header">
      <html:h1 class="translations-panel-header-wrapper">
        <html:span id="select-translations-panel-header" data-l10n-id="select-translations-panel-header">
        </html:span>
      </html:h1>
      <hbox class="translations-panel-beta">
        <image id="select-translations-panel-beta-icon"
               class="translations-panel-beta-icon">
        </image>
      </hbox>
      <toolbarbutton id="select-translations-panel-settings"
                     class="panel-info-button translations-panel-settings-gear-icon"
                     data-l10n-id="translations-panel-settings-button"
                     closemenu="none" />
    </hbox>
    <vbox class="select-translations-panel-content">
      <hbox id="select-translations-panel-lang-selection">
        <vbox flex="1">
          <label id="select-translations-panel-from-label"
                 class="select-translations-panel-label"
                 data-l10n-id="select-translations-panel-from-label">
          </label>
          <menulist id="select-translations-panel-from"
                    flex="1"
                    value=""
                    size="large"
                    data-l10n-id="translations-panel-choose-language"
                    aria-labelledby="select-translations-panel-from-label"
                    noinitialselection="true"
                    oncommand="SelectTranslationsPanel.onChangeFromLanguage(event)">
            <menupopup id="select-translations-panel-from-menupopup"
                       onpopupshown="SelectTranslationsPanel.handlePanelPopupShownEvent(event)"
                       class="translations-panel-language-menupopup-from">
              <!-- The list of <menuitem> will be dynamically inserted. -->
            </menupopup>
          </menulist>
        </vbox>
        <vbox flex="1">
          <label id="select-translations-panel-to-label"
                 class="select-translations-panel-label"
                 data-l10n-id="select-translations-panel-to-label">
          </label>
          <menulist id="select-translations-panel-to"
                    flex="1"
                    value=""
                    size="large"
                    data-l10n-id="translations-panel-choose-language"
                    aria-labelledby="select-translations-panel-to-label"
                    noinitialselection="true"
                    oncommand="SelectTranslationsPanel.onChangeToLanguage(event)">
            <menupopup id="select-translations-panel-to-menupopup"
                       onpopupshown="SelectTranslationsPanel.handlePanelPopupShownEvent(event)"
                       class="translations-panel-language-menupopup-to">
              <!-- The list of <menuitem> will be dynamically inserted. -->
            </menupopup>
          </menulist>
        </vbox>
      </hbox>
    </vbox>
    <vbox class="select-translations-panel-content">
      <html:textarea id="select-translations-panel-text-area"
                     class="select-translations-panel-text-area"
                     readonly="true"
                     tabindex="0">
      </html:textarea>
    </vbox>

    <hbox class="select-translations-panel-content">
      <button id="select-translations-panel-copy-button"
              class="footer-button select-translations-panel-button select-translations-panel-copy-button"
              data-l10n-id="select-translations-panel-copy-button">
      </button>
    </hbox>

    <html:moz-button-group class="panel-footer translations-panel-footer">
      <button id="select-translations-panel-translate-full-page-button"
              class="footer-button select-translations-panel-button"
              data-l10n-id="select-translations-panel-translate-full-page-button">
      </button>
      <button id="select-translations-panel-done-button"
              class="footer-button select-translations-panel-button"
              data-l10n-id="select-translations-panel-done-button"
              default="true"
              oncommand = "SelectTranslationsPanel.close()">
      </button>
    </html:moz-button-group>
  </panel>
</html:template>