add 32 user color support on pads

4 files changed, 70 insertions, 13 deletions

diff --git a/etherpad/src/etherpad/globals.js b/etherpad/src/etherpad/globals.js
index 3475b88..343a989 100644
--- a/etherpad/src/etherpad/globals.js
+++ b/etherpad/src/etherpad/globals.js
@@ -20,7 +20,7 @@
 
 var COMETPATH = "/comet";
 
-var COLOR_PALETTE = ['#ffc6c6','#ffe2bf','#fffcbf','#cbffb3','#b3fff1','#c6e7ff','#dcccff','#ffd9fb'];
+var COLOR_PALETTE = ['#ffc7c7','#fff1c7','#e3ffc7','#c7ffd5','#c7ffff','#c7d5ff','#e3c7ff','#ffc7f1','#ff8f8f','#ffe38f','#c7ff8f','#8fffab','#8fffff','#8fabff','#c78fff','#ff8fe3','#d97979','#d9c179','#a9d979','#79d991','#79d9d9','#7991d9','#a979d9','#d979c1','#d9a9a9','#d9cda9','#c1d9a9','#a9d9b5','#a9d9d9','#a9b5d9','#c1a9d9','#d9a9cd'];
 
 function isProduction() {
   return (appjet.config['etherpad.isProduction'] == "true");
diff --git a/etherpad/src/static/css/pad2_ejs.css b/etherpad/src/static/css/pad2_ejs.css
index 3b9269e..4b3d7e6 100644
--- a/etherpad/src/static/css/pad2_ejs.css
+++ b/etherpad/src/static/css/pad2_ejs.css
@@ -245,7 +245,7 @@ a#docbarslider { display: block; height: 0; padding-top: 30px; position: absolut
 #myswatch { width: 100%; height: 100%; background: transparent;/*...initially*/ }
 #mycolorpicker {
   background: url(/static/img/jun09/pad/colorpicker.gif) no-repeat left top;
-  width: 232px; height: 76px;
+  width: 232px; height: 140px;
   position: absolute;
   left: 13px; top: 13px; z-index: 101;
   display: none;/*...initially*/
@@ -258,6 +258,34 @@ a#docbarslider { display: block; height: 0; padding-top: 30px; position: absolut
 #mycolorpicker .n6 { left: 148px; }
 #mycolorpicker .n7 { left: 175px; }
 #mycolorpicker .n8 { left: 202px; }
+
+#mycolorpicker .n9  { left: 13px; top: 34px ! important;}
+#mycolorpicker .n10 { left: 40px; top: 34px ! important;}
+#mycolorpicker .n11 { left: 67px; top: 34px ! important;}
+#mycolorpicker .n12 { left: 94px; top: 34px ! important;}
+#mycolorpicker .n13 { left: 121px; top: 34px ! important;}
+#mycolorpicker .n14 { left: 148px; top: 34px ! important;}
+#mycolorpicker .n15 { left: 175px; top: 34px ! important;}
+#mycolorpicker .n16 { left: 202px; top: 34px ! important;}
+
+#mycolorpicker .n17  { left: 13px; top: 56px ! important;}
+#mycolorpicker .n18 { left: 40px; top: 56px ! important;}
+#mycolorpicker .n19 { left: 67px; top: 56px ! important;}
+#mycolorpicker .n20 { left: 94px; top: 56px ! important;}
+#mycolorpicker .n21 { left: 121px; top: 56px ! important;}
+#mycolorpicker .n22 { left: 148px; top: 56px ! important;}
+#mycolorpicker .n23 { left: 175px; top: 56px ! important;}
+#mycolorpicker .n24 { left: 202px; top: 56px ! important;}
+
+#mycolorpicker .n25  { left: 13px; top: 78px ! important;}
+#mycolorpicker .n26 { left: 40px; top: 78px ! important;}
+#mycolorpicker .n27 { left: 67px; top: 78px ! important;}
+#mycolorpicker .n28 { left: 94px; top: 78px ! important;}
+#mycolorpicker .n29 { left: 121px; top: 78px ! important;}
+#mycolorpicker .n30 { left: 148px; top: 78px ! important;}
+#mycolorpicker .n31 { left: 175px; top: 78px ! important;}
+#mycolorpicker .n32 { left: 202px; top: 78px ! important;}
+
 #mycolorpicker .pickerswatchouter {
   border: 1px solid white;
   width: 15px; height: 15px; position: absolute;
@@ -272,10 +300,10 @@ a#docbarslider { display: block; height: 0; padding-top: 30px; position: absolut
 }
 #mycolorpicker .picked { border: 1px solid #666 !important; }
 #mycolorpicker .picked .pickerswatch { border: 1px solid #666; }
-#mycolorpickersave { position: absolute; left: 14px; top: 42px;
+#mycolorpickersave { position: absolute; left: 14px; top: 102px;
   width: 47px; height: 0; padding-top: 20px; overflow: hidden;
   cursor: pointer; }
-#mycolorpickercancel { position: absolute; left: 87px; top: 42px;
+#mycolorpickercancel { position: absolute; left: 87px; top: 102px;
   width: 44px; height: 0; padding-top: 20px; overflow: hidden;
   cursor: pointer; }
 #myusernameform { margin-left: 35px; }
diff --git a/etherpad/src/static/img/jun09/pad/colorpicker.gif b/etherpad/src/static/img/jun09/pad/colorpicker.gif
index 602e7e6..effa3cc 100644
--- a/etherpad/src/static/img/jun09/pad/colorpicker.gif
+++ b/etherpad/src/static/img/jun09/pad/colorpicker.gif
diff --git a/etherpad/src/templates/pad/pad_body2.ejs b/etherpad/src/templates/pad/pad_body2.ejs
index a49f453..ca0b3ae 100644
--- a/etherpad/src/templates/pad/pad_body2.ejs
+++ b/etherpad/src/templates/pad/pad_body2.ejs
@@ -330,15 +330,44 @@ limitations under the License. */ %>
       
       <div id="myuser">
         <div id="mycolorpicker">
-          <div class="pickerswatchouter n1"><div class="pickerswatch"><!-- --></div></div>
-          <div class="pickerswatchouter n2"><div class="pickerswatch"><!-- --></div></div>
-          <div class="pickerswatchouter n3"><div class="pickerswatch"><!-- --></div></div>
-          <div class="pickerswatchouter n4"><div class="pickerswatch"><!-- --></div></div>
-          <div class="pickerswatchouter n5"><div class="pickerswatch"><!-- --></div></div>
-          <div class="pickerswatchouter n6"><div class="pickerswatch"><!-- --></div></div>
-          <div class="pickerswatchouter n7"><div class="pickerswatch"><!-- --></div></div>
-          <div class="pickerswatchouter n8"><div class="pickerswatch"><!-- --></div></div>
-          <div id="mycolorpickersave">Save</div>
+         <div> 
+	   <div class="pickerswatchouter n1"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n2"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n3"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n4"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n5"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n6"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n7"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n8"><div class="pickerswatch"><!-- --></div></div>
+	 </div><div>
+           <div class="pickerswatchouter n9"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n10"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n11"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n12"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n13"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n14"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n15"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n16"><div class="pickerswatch"><!-- --></div></div>
+         </div><div>
+           <div class="pickerswatchouter n17"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n18"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n19"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n20"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n21"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n22"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n23"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n24"><div class="pickerswatch"><!-- --></div></div>
+         </div><div>
+           <div class="pickerswatchouter n25"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n26"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n27"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n28"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n29"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n30"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n31"><div class="pickerswatch"><!-- --></div></div>
+           <div class="pickerswatchouter n32"><div class="pickerswatch"><!-- --></div></div>
+         </div>
+	  <div id="mycolorpickersave">Save</div>
           <div id="mycolorpickercancel">Cancel</div>
         </div>
         <div id="myswatchbox"><div id="myswatch"><!-- --></div></div>