add ul/ol buttons to Composer; b=358716, r=laurent@xulfr.org

composer/base/content/composer/commands.js

@@ -113,6 +113,9 @@ var ComposerCommands = {
         case "cmd_underline":
         case "cmd_strong":
         case "cmd_em":
+
+        case "cmd_ul":
+        case "cmd_ol":
           this.pokeStyleUI(command, params.getBooleanValue("state_all"));
           break;
 

composer/base/content/composer/formatbarpalette.inc

@@ -48,4 +48,14 @@
         </menulist>
       </toolbaritem>
 
+    <toolbarbutton id="ulButton" type="radio" group="lists" autoCheck="false" observes="cmd_ul"
+                   tooltiptext="&unorderedList.tooltip;">
+        <observes element="cmd_ul" attribute="state" onbroadcast="onButtonUpdate(this.parentNode, 'cmd_ul')"/>
+    </toolbarbutton>
+
+    <toolbarbutton id="olButton" type="radio" group="lists" autoCheck="false" observes="cmd_ol"
+                   tooltiptext="&orderedList.tooltip;">
+        <observes element="cmd_ol" attribute="state" onbroadcast="onButtonUpdate(this.parentNode, 'cmd_ol')"/>
+    </toolbarbutton>
+
     </toolbarpalette>

composer/base/content/composer/sets.inc

@@ -32,6 +32,8 @@
   <command id="cmd_em"           state="false"     oncommand="ComposerCommands.doStyleUICommand('cmd_em')"/>
   <command id="cmd_paragraphState" state=""        oncommand="ComposerCommands.doStatefulCommand('cmd_paragraphState', event.target.value)"/>
   <command id="cmd_renderedHTMLEnabler"/>
+  <command id="cmd_ul"           state="false"     oncommand="ComposerCommands.doStyleUICommand('cmd_ul')"/>
+  <command id="cmd_ol"           state="false"     oncommand="ComposerCommands.doStyleUICommand('cmd_ol')"/>
 </commandset>
 
 <commandset id="selectionBasedCommands"

composer/base/locale/en-US/composer/composer.dtd

@@ -112,3 +112,6 @@
 <!ENTITY paragraphAddressCmd.label "Address">
 <!ENTITY paragraphPreformatCmd.label "Preformat">
 <!ENTITY genericContainerCmd.label "Generic container (div)">
+
+<!ENTITY unorderedList.tooltip "Unordered list">
+<!ENTITY orderedList.tooltip "Ordered list">

composer/base/skin/classic/composer/formatToolbar.css

@@ -45,7 +45,8 @@
 }
 
 #boldButton, #italicButton, #underlineButton,
-#strongButton, #emButton {
+#strongButton, #emButton,
+#ulButton, #olButton {
   list-style-image: url("chrome://composer/skin/icons/btn3.png");
 }
 
@@ -128,3 +129,35 @@
 #underlineButton[disabled="true"] {
   -moz-image-region: rect(64px 64px 80px 48px);
 }
+
+#ulButton{
+  -moz-image-region: rect(80px 16px 96px 0);
+}
+#ulButton:hover {
+  -moz-image-region: rect(80px 32px 96px 16px);
+}
+#ulButton:hover:active {
+  -moz-image-region: rect(80px 48px 96px 32px);
+}
+#ulButton[checked="true"] {
+  -moz-image-region: rect(80px 16px 96px 0);
+}
+#ulButton[disabled="true"] {
+  -moz-image-region: rect(80px 64px 96px 48px);
+}
+
+#olButton{
+  -moz-image-region: rect(96px 16px 112px 0);
+}
+#olButton:hover {
+  -moz-image-region: rect(96px 32px 112px 16px);
+}
+#olButton:hover:active {
+  -moz-image-region: rect(96px 48px 112px 32px);
+}
+#olButton[checked="true"] {
+  -moz-image-region: rect(96px 16px 112px 0);
+}
+#olButton[disabled="true"] {
+  -moz-image-region: rect(96px 64px 112px 48px);
+}