add last file needed for emoji picker (still does nothing)

emoji picker code taken from: https://github.com/wedgies/jquery-emoji-picker, minus all the useless extra bits.

bt5/erp5_web_jabber_client/PathTemplateItem/web_page_module/jabber_gadget_jabberclient_css.xml

@@ -114,6 +114,7 @@
  }\n
 \n
 .incoming-msg {\n
+  padding-left: 1em !important;\n
   margin: 0.3em 4em 0.5em 1em !important;\n
   text-align: left !important;\n
   padding-right: 1em !important;\n
@@ -146,17 +147,40 @@
   font-size: 10px !important;\n
 }\n
 \n
+.group-header{\n
+  overflow: hidden;\n
+  display: -webkit-box;\n
+  display: -moz-box;\n
+  display: box;\n
+  display: -webkit-flex;\n
+  display: -moz-flex;\n
+  display: -ms-flexbox;\n
+  display: flex;\n
+  -webkit-justify-content: space-between;\n
+  -moz-justify-content: space-between;\n
+  -ms-justify-content: space-between;\n
+  -o-justify-content: space-between;\n
+  justify-content: space-between;\n
+  webkit-align-items: center;\n
+  -moz-align-items: center;\n
+  -ms-align-items: center;\n
+  -o-align-items: center;\n
+  align-items: center;\n
+  padding: 0.3em;\n
+}\n
 \n
-\n
-/* WIP for having emoji picker button */\n
-.container {\n
-    margin: 4px;\n
+.group-buttons {\n
+  padding-left: 0.2em;\n
+  padding-right: 0.4em;\n
 }\n
-.row {\n
-    text-align: center;\n
+.group-title {\n
+  margin: 0;\n
 }\n
 \n
-</string> </value>
+textarea {\n
+   font-size: 12pt;\n
+   font-family: Arial;\n
+} </string> </value>
         </item>
         <item>
             <key> <string>title</string> </key>
@@ -277,7 +301,7 @@
             </item>
             <item>
                 <key> <string>actor</string> </key>
-                <value> <string>zope</string> </value>
+                <value> <string>normie</string> </value>
             </item>
             <item>
                 <key> <string>comment</string> </key>
@@ -291,7 +315,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>945.43728.18893.64563</string> </value>
+                <value> <string>945.48403.6964.15854</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -309,7 +333,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1441962701.79</float>
+                        <float>1442245337.25</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_jabber_client/PathTemplateItem/web_page_module/jabber_gadget_jabberclient_html.xml

@@ -123,10 +123,6 @@
 \n
     <!-- stylesheets for jabberclient -->\n
     <link rel="stylesheet" type="text/css" href="gadget_jabberclient.css" />\n
-\n
-    <!-- emoji -->\n
-    <link rel="stylesheet" type="text/css" href="gadget_jabberemoji.css">\n
-    <script type="text/javascript" src="gadget_jabberemoji.js"></script>\n
 \n
 \n
     <script src="jquery.js"></script>\n
@@ -136,6 +132,13 @@
     <script src="handlebars.js"></script>\n
     <script src="gadget_global.js" ></script>\n
     <script src="gadget_jabberclient.js"></script>\n
+\n
+    <!-- emoji -->\n
+    <link rel="stylesheet" type="text/css" href="gadget_jabberemoji.css">\n
+    <script type="text/javascript" src="gadget_jabberemoji_data.js"></script>\n
+    <script type="text/javascript" src="gadget_jabberemoji.js"></script>\n
+    \n
+\n
 \n
     <script class="contact-list-template" type="text/x-handlebars-template">\n
       <div class="ui-grid-b ui-responsive">\n
@@ -214,16 +217,16 @@
         <div class="ui-block-c"></div>\n
       </div>\n
     </script>\n
-\n
+    \n
     <script class="dialog-template" type="text/x-handlebars-template">\n
       <div class="discussion-content"></div>\n
-      <div data-role="footer" data-position="fixed" data-tap-toggle="false">\n
-        <form class="message-form">\n
-          <div class="ui-input-text ui-corner-all ui-body-inherit ui-shadow-inset ui-input-has-clear container">\n
-              <div class="text-button"><input type="text" data-enhanced="true" name="content" placeholder="Write something..." value="" required></div>\n
-              <div class="button"><button class="ui-btn ui-input-clear ui-input-btn ui-corner-all ui-icon-comment ui-btn-icon-notext" type="submit" data-enhanced="true" value="Send"></button></div>\n
-          </div>\n
+      <div data-role="footer" data-position="fixed" data-tap-toggle="false" role="contentinfo" class="group-header ui-footer ui-bar-inherit ui-footer-fixed slideup">\n
+        <form class="message-form" style="width: 100%;">\n
+          <textarea id="jabber-message" class="group-title ui-input-text ui-shadow-inset ui-body-inherit ui-corner-all" style="width:100%; margin-top: 0px; resize: none;" placeholder="Write something..."></textarea>\n
         </form>\n
+        <div class="group-buttons">\n
+          <button class="ui-input-clear ui-input-btn ui-btn ui-icon-grid ui-btn-icon-notext ui-corner-all" type="" value=""></button>\n
+        </div>\n
       </div>\n
     </script>\n
 \n
@@ -282,7 +285,6 @@
 \n
       <div role="main" class="ui-content gadget-content"></div>\n
     </div>\n
-\n
   </body>\n
 </html>\n
 
@@ -428,7 +430,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>945.43993.56647.19438</string> </value>
+                <value> <string>945.49811.42714.9881</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -446,7 +448,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1442218382.2</float>
+                        <float>1442326299.88</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_jabber_client/PathTemplateItem/web_page_module/jabber_gadget_jabberclient_js.xml

@@ -239,6 +239,17 @@
     var dateObject = new Date();\n
     return dateObject.toUTCString(); \n
   }\n
+  \n
+  $(document).ready(function() {\n
+    console.log("TEST");\n
+    $(\'#jabber-message\').keyup(function(e) {\n
+      if (e.which == 13 && ! e.shiftKey) {\n
+        $(this.form).submit();\n
+        return false;\n
+      }\n
+    });\n
+  });\n
+\n
 \n
   function sequentialMessages(li, new_msg) { \n
     if (li === null) {\n
@@ -1040,7 +1051,7 @@
             </item>
             <item>
                 <key> <string>actor</string> </key>
-                <value> <string>zope</string> </value>
+                <value> <string>normie</string> </value>
             </item>
             <item>
                 <key> <string>comment</string> </key>
@@ -1054,7 +1065,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>945.39425.10362.14284</string> </value>
+                <value> <string>945.49472.21975.11707</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -1072,7 +1083,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1441878474.64</float>
+                        <float>1442306131.67</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_jabber_client/PathTemplateItem/web_page_module/jabber_gadget_jabberemoji_css.xml

@@ -101,6 +101,30 @@
             <key> <string>text_content</string> </key>
             <value> <string encoding="cdata"><![CDATA[
 
+.emojiPickerIconWrap {display:inline-block; position:relative;}\n
+.emojiPickerIcon {position:absolute; top:0; right:0; cursor:pointer; }\n
+\n
+.emojiPickerIconWrap .white {background:url(\'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjc2Ljg5MXB4IiBoZWlnaHQ9IjI3Ni44OTFweCIgdmlld0JveD0iMCAwIDI3Ni44OTEgMjc2Ljg5MSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjc2Ljg5MSAyNzYuODkxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxMzguNDQ1IiBjeT0iMTM4LjQ0NSIgcj0iMTMyLjk0NSIvPg0KPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iNjguMTIiIGN5PSIxMjUuMzk1IiByPSIxNi41MDciLz4NCjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjIwOC42MTciIGN5PSIxMjUuMzk1IiByPSIxNi41MDgiLz4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02OC4xMiwxODIuMDM0DQoJYzAsMCw2OS43OTMsNzAuNzA0LDE0MC40OTgsMCIvPg0KPC9zdmc+DQo=\') center center no-repeat; background-size:60%;}\n
+.emojiPickerIconWrap .black {background:url(\'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjc2Ljg5MXB4IiBoZWlnaHQ9IjI3Ni44OTFweCIgdmlld0JveD0iMCAwIDI3Ni44OTEgMjc2Ljg5MSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjc2Ljg5MSAyNzYuODkxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxMzguNDQ1IiBjeT0iMTM4LjQ0NSIgcj0iMTMyLjk0NSIvPg0KPGNpcmNsZSBjeD0iNjguMTIiIGN5PSIxMjUuMzk1IiByPSIxNi41MDciLz4NCjxjaXJjbGUgY3g9IjIwOC42MTciIGN5PSIxMjUuMzk1IiByPSIxNi41MDgiLz4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02OC4xMiwxODIuMDM0DQoJYzAsMCw2OS43OTMsNzAuNzA0LDE0MC40OTgsMCIvPg0KPC9zdmc+DQo=\') center center no-repeat; background-size:60%;}\n
+.emojiPickerIconWrap .yellow {background:url(\'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjc2Ljg5MXB4IiBoZWlnaHQ9IjI3Ni44OTFweCIgdmlld0JveD0iMCAwIDI3Ni44OTEgMjc2Ljg5MSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjc2Ljg5MSAyNzYuODkxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRUJDMjAwIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxMzguNDQ1IiBjeT0iMTM4LjQ0NSIgcj0iMTMyLjk0NSIvPg0KPGNpcmNsZSBmaWxsPSIjRUJDMjAwIiBjeD0iNjguMTIiIGN5PSIxMjUuMzk1IiByPSIxNi41MDciLz4NCjxjaXJjbGUgZmlsbD0iI0VCQzIwMCIgY3g9IjIwOC42MTciIGN5PSIxMjUuMzk1IiByPSIxNi41MDgiLz4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0VCQzIwMCIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02OC4xMiwxODIuMDM0DQoJYzAsMCw2OS43OTMsNzAuNzA0LDE0MC40OTgsMCIvPg0KPC9zdmc+DQo=\') center center no-repeat; background-size:60%;}\n
+.emojiPickerIconWrap .grey, .emojiPickerIconWrap .gray {background:url(\'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjc2Ljg5MXB4IiBoZWlnaHQ9IjI3Ni44OTFweCIgdmlld0JveD0iMCAwIDI3Ni44OTEgMjc2Ljg5MSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjc2Ljg5MSAyNzYuODkxIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRUJDMjAwIiBzdHJva2Utd2lkdGg9IjExIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGN4PSIxMzguNDQ1IiBjeT0iMTM4LjQ0NSIgcj0iMTMyLjk0NSIvPg0KPGNpcmNsZSBmaWxsPSIjRUJDMjAwIiBjeD0iNjguMTIiIGN5PSIxMjUuMzk1IiByPSIxNi41MDciLz4NCjxjaXJjbGUgZmlsbD0iI0VCQzIwMCIgY3g9IjIwOC42MTciIGN5PSIxMjUuMzk1IiByPSIxNi41MDgiLz4NCjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0VCQzIwMCIgc3Ryb2tlLXdpZHRoPSIxMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02OC4xMiwxODIuMDM0DQoJYzAsMCw2OS43OTMsNzAuNzA0LDE0MC40OTgsMCIvPg0KPC9zdmc+DQo=\') center center no-repeat; background-size:60%;}\n
+\n
+.emojiPicker {display:none; position:absolute; outline:none; border:none; box-shadow:0 0 7px #555; border-top-left-radius:4px; border-top-right-radius:4px;}\n
+.emojiPicker div.emoji {width:1.3em; height:1.3em; position:relative; display:inline-block;}\n
+.emojiPicker span.emoji {width:1.3em; height:1.3em; display:inline-block; position:relative; overflow:hidden; text-indent:-9999px; vertical-align:middle;}\n
+.emojiPicker .hidden {display:none;}\n
+\n
+.emojiPicker nav {position:relative; z-index:0; background-color:#f2f2f2; border-top-left-radius:4px; border-top-right-radius:4px;}\n
+.emojiPicker nav div.tab {display:inline-block; margin:2% 1% 0 1%; padding:2% 2% 1% 2%; border-top-left-radius:4px; border-top-right-radius:4px; cursor:pointer;}\n
+.emojiPicker nav div.tab.active {background-color:#fff; box-shadow:0 0 3px #ccc;}\n
+\n
+.emojiPicker section {overflow:scroll; position:relative; z-index:10; background:#fff;}\n
+.emojiPicker section div {width:40px; float:left; margin:3%;}\n
+.emojiPicker section div:hover {cursor:pointer;}\n
+\n
+\n
+\n
+/* emoji data */\n
 .emoji-grinning_face {background-size:100%; background-image: url(\'data:image/svg+xml;utf8,<svg preserveAspectRatio="xMidYMin" style="width: 100%; height: 100%;" xmlns="http://www.w3.org/2000/svg"><text style="text-anchor: middle; pointer-events: auto;" font-size="3em" x="50%" y="50%" dy=".3em">&#128512;</text></svg>\');};\n
 .emoji-grinning_face_with_smiling_eyes {background-size:100%; background-image: url(\'data:image/svg+xml;utf8,<svg preserveAspectRatio="xMidYMin" style="width: 100%; height: 100%;" xmlns="http://www.w3.org/2000/svg"><text style="text-anchor: middle; pointer-events: auto;" font-size="3em" x="50%" y="50%" dy=".3em">&#128513;</text></svg>\');};\n
 .emoji-face_with_tears_of_joy {background-size:100%; background-image: url(\'data:image/svg+xml;utf8,<svg preserveAspectRatio="xMidYMin" style="width: 100%; height: 100%;" xmlns="http://www.w3.org/2000/svg"><text style="text-anchor: middle; pointer-events: auto;" font-size="3em" x="50%" y="50%" dy=".3em">&#128514;</text></svg>\');};\n
@@ -298,7 +322,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>945.48015.25579.41028</string> </value>
+                <value> <string>945.48018.32770.26043</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -316,7 +340,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1442218526.49</float>
+                        <float>1442325678.15</float>
                         <string>UTC</string>
                       </tuple>
                     </state>