summaryrefslogtreecommitdiffstats
path: root/comm/mail/components/compose/content/dialogs/EdColorPicker.xhtml
blob: 8576fc27da768fb1adb1ad3666c31512dbaa8b98 (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
103
<?xml version="1.0"?>
<!-- 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/. -->

<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>
<?xml-stylesheet href="chrome://editor/skin/EditorDialog.css" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/variables.css" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/colors.css" type="text/css"?>
<?xml-stylesheet href="chrome://messenger/skin/themeableDialog.css" type="text/css"?>

<!DOCTYPE window SYSTEM "chrome://messenger/locale/messengercompose/EdColorPicker.dtd">

<window
  title="&windowTitle.label;"
  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  xmlns:html="http://www.w3.org/1999/xhtml"
  lightweightthemes="true"
  onload="Startup()"
>
  <dialog>
    <script src="chrome://messenger/content/messengercompose/editorUtilities.js" />
    <script src="chrome://messenger/content/messengercompose/EdDialogCommon.js" />
    <script src="chrome://messenger/content/messengercompose/EdColorPicker.js" />
    <script src="chrome://messenger/content/dialogShadowDom.js" />

    <spacer id="location" offsetY="50" persist="offsetX offsetY" />

    <hbox id="TableOrCellGroup" align="center" collapsed="true">
      <label
        control="CellOrTableGroup"
        value="&background.label;"
        accesskey="&background.accessKey;"
      />
      <radiogroup id="CellOrTableGroup" orient="horizontal">
        <radio
          id="TableRadio"
          label="&table.label;"
          accesskey="&table.accessKey;"
        />
        <radio
          id="CellRadio"
          label="&cell.label;"
          accesskey="&cell.accessKey;"
        />
      </radiogroup>
    </hbox>
    <hbox align="center">
      <label value="&chooseColor1.label;" />
      <html:input
        type="color"
        id="ColorPicker"
        onclick="SetDefaultToOk();"
        ondblclick="if (onAccept()) { window.close(); }"
        onkeypress="SelectColorByKeypress(event);"
        onchange="SelectColor();"
      />
      <spacer flex="1" />
      <button
        id="LastPickedButton"
        label="&lastPickedColor.label;"
        accesskey="&lastPickedColor.accessKey;"
        crop="right"
        oncommand="SelectLastPickedColor();"
      >
        <spacer
          id="LastPickedColor"
          LastTextColor=""
          LastBackgroundColor=""
          persist="LastTextColor LastBackgroundColor"
        />
      </button>
    </hbox>

    <spacer class="spacer" />
    <hbox align="center" flex="1">
      <vbox>
        <label
          class="tip-caption"
          value="&chooseColor2.label;"
          accesskey="&chooseColor2.accessKey;"
          control="ColorInput"
        />
        <label class="tip-caption" value="&setColorExample.label;" />
      </vbox>
      <html:input
        id="ColorInput"
        type="text"
        style="width: 8em"
        oninput="SetColorSwatch(); SetDefaultToOk();"
      />
      <label id="ColorPickerSwatch" />
      <spacer flex="1" />
      <button
        id="DefaultColorButton"
        label="&default.label;"
        accesskey="&default.accessKey;"
        oncommand="RemoveColor()"
      />
    </hbox>
    <separator class="groove" />
  </dialog>
</window>