erp5_web_renderjs_ui: added header, erp5 logo, close button form to panel gadget

03915a84 · Sven Franck · Romain Courteaud · a899703c · 03915a84 · 03915a84
Commit 03915a84 authored Oct 14, 2014 by Sven Franck Committed by Romain Courteaud Nov 17, 2014
3 changed files
--- a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.xml
+++ b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.xml
@@ -1255,11 +1255,12 @@ html body div.ui-select div span {\n
   ------------------------------- Panel -----------------------------------\n
   -------------------------------------------------------------------------\n
 */\n
-/* unset margin inside panel */\n
-html .ui-panel .ui-header,\n
-html .ui-panel .ui-content {\n
+/* unset margin inside panel if panel wraps content in .ui-panel-inner\n
+html .ui-panel .ui-panel-inner .ui-header,\n
+html .ui-panel .ui-panel-inner .ui-content {\n
  margin: -1em;\n
 }\n
+*/\n
 /* reposition panel content section */\n
 html .ui-panel .ui-header ~ .ui-content {\n
  margin-top: 1em;\n
@@ -1792,6 +1793,13 @@ html .ui-footer .ui-title {\n
  padding: 0.7em 0;\n
 }\n
 \n
+/* set logo dimensions */\n
+html .ui-header img.ui-title {\n
+  max-height: 32px;\n
+  padding-top: .25em;\n
+  padding-bottom: .25em;\n
+}\n
+\n
 /* move title to left if only one controlgroup with menu */\n
 html .ui-header .ui-title {\n
  margin: 0 59% 0 1%;\n
@@ -1806,16 +1814,9 @@ html .ui-header .ui-controlgroup ~ .ui-title {\n
 .ui-header-fixed ~ .ui-content {\n
  padding-top: 3em;\n
 }\n
-/* correct border, add shadow */\n
+/* remove border on header */\n
 .ui-header {\n
-  border-top-width: 0;\n
-  border-left-width: 0;\n
-  border-right-width: 0;\n
-  /*\n
-  -webkit-box-shadow: 0 1px 4px #aaa;\n
-  -moz-box-shadow: 0 1px 4px #aaa;\n
-  box-shadow: 0 1px 4px #aaa;\n
-  */\n
+  border-width: 0;\n
 }\n
 \n
 /* inset shadow for subheader */\n
@@ -1825,13 +1826,6 @@ html body .ui-mobile-viewport .ui-subheader {\n
  -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);\n
  box-shadow: inset 0 1px 3px rgba(0,0,0,.2);\n
 }\n
-\n
-/* Double Borders for header and subheader */\n
-html body.ui-mobile-viewport .ui-header,\n
-html body .ui-mobile-viewport .ui-header {\n
-  border-bottom-color: rgb(115, 115, 115); /* IE8 */\n
-  border-bottom-color:  rgba(0, 0, 0, .25);\n
-}\n
 html body.ui-mobile-viewport .ui-subheader,\n
 html body .ui-mobile-viewport .ui-subheader {\n
  border-top-color: rgb(115, 115, 115); /* IE8 */\n
@@ -4397,7 +4391,7 @@ html .ui-btn[class*="ui-icon-"]:after {\n
            </item>
            <item>
                <key> <string>serial</string> </key>
-                <value> <string>937.54301.29012.61115</string> </value>
+                <value> <string>938.15820.36055.62600</string> </value>
            </item>
            <item>
                <key> <string>state</string> </key>
@@ -4415,7 +4409,7 @@ html .ui-btn[class*="ui-icon-"]:after {\n
                    </tuple>
                    <state>
                      <tuple>
-                        <float>1411743240.94</float>
+                        <float>1413280129.44</float>
                        <string>GMT</string>
                      </tuple>
                    </state>

--- a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_panel_html.xml
+++ b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_panel_html.xml
@@ -121,15 +121,30 @@
    <script src="jquerymobile.js"> type="text/javascript"></script>\n
 \n
    <script id="panel-template" type="text/x-handlebars-template">\n
-      <p>ERP5</p>\n
+          \n
+    <div data-role="header" class="ui-bar-inherit">\n
+      <div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-left">\n
+        <div class="ui-controlgroup-controls"></div>\n
+      </div>\n
+      <img class="ui-title" alt="ERP5" src="data:image/png;base64,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">\n
+      <div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-right">\n
+        <div class="ui-controlgroup-controls">\n
+          <form action="#" method="post">\n
+            <input type="submit" data-icon="delete" data-iconpos="notext" value="Close" />\n
+          </form>\n
+        </div>\n
+      </div>\n
+    </div>\n
+    <div class="ui-content">\n
      <ul data-role="listview">\n
        <li><a href="{{module_href}}" class="ui-btn">Modules</a></li>\n
        <li><a class="ui-btn">Worklists</a></li>\n
-        <li><a class="ui-btn">History</a></li>\n
+        <li><a href="{{history_href}}" class="ui-btn">History</a></li>\n
        <li><a class="ui-btn">Preferences</a></li>\n
        <li><a class="ui-btn">Language</a></li>\n
        <li><a class="ui-btn">Logout</a></li>\n
      </ul>\n
+    </div>\n
    </script>\n
 \n
    <!-- custom script -->\n
@@ -264,7 +279,7 @@
            </item>
            <item>
                <key> <string>actor</string> </key>
-                <value> <string>romain</string> </value>
+                <value> <string>sven</string> </value>
            </item>
            <item>
                <key> <string>comment</string> </key>
@@ -278,7 +293,7 @@
            </item>
            <item>
                <key> <string>serial</string> </key>
-                <value> <string>938.4475.15340.20019</string> </value>
+                <value> <string>938.15810.43123.7748</string> </value>
            </item>
            <item>
                <key> <string>state</string> </key>
@@ -296,7 +311,7 @@
                    </tuple>
                    <state>
                      <tuple>
-                        <float>1412599426.41</float>
+                        <float>1413280160.61</float>
                        <string>GMT</string>
                      </tuple>
                    </state>

--- a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_panel_js.xml
+++ b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_panel_js.xml
@@ -136,24 +136,54 @@
      g.props.jelement.panel({\n
        display: "overlay",\n
        position: "left",\n
-        theme: "b"\n
+        theme: "d"\n
        // animate: false\n
      });\n
    })\n
 \n
    .ready(function (g) {\n
-      g.props.jelement.html(panel_template({\n
-        module_href: "#"\n
-      }));\n
-      g.props.jelement.trigger("create");\n
+      return new RSVP.Queue()\n
+        .push(function () {\n
+          return RSVP.all([\n
+            g.whoWantToDisplayThisFrontPage("front"),\n
+            g.whoWantToDisplayThisFrontPage("history"),\n
+          ]);\n
+        })\n
+        .push(function (all_result) {\n
+          g.props.jelement.html(panel_template({\n
+            module_href: all_result[0],\n
+            history_href: all_result[1]\n
+          }));\n
+          g.props.jelement.trigger("create");\n
+        });\n
    })\n
 \n
+    .declareAcquiredMethod("whoWantToDisplayThisFrontPage", "whoWantToDisplayThisFrontPage")\n
    /////////////////////////////////////////////////////////////////\n
    // declared methods\n
    /////////////////////////////////////////////////////////////////\n
    .declareMethod(\'toggle\', function () {\n
      this.props.jelement.panel("toggle");\n
-    });\n
+    })\n
+    \n
+    /////////////////////////////////////////////////////////////////\n
+    // declared services\n
+    /////////////////////////////////////////////////////////////////\n
+    .declareService(function () {\n
+      var panel_gadget = this;\n
+\n
+      function formSubmit() {\n
+        panel_gadget.toggle();\n
+      }\n
+\n
+      // Listen to form submit\n
+      return loopEventListener(\n
+        panel_gadget.props.element.querySelector(\'form\'),\n
+        \'submit\',\n
+        false,\n
+        formSubmit\n
+      );\n
+    })\n
 \n
 }(window, rJS, Handlebars, jQuery));</string> </value>
        </item>
@@ -276,7 +306,7 @@
            </item>
            <item>
                <key> <string>actor</string> </key>
-                <value> <string>romain</string> </value>
+                <value> <string>sven</string> </value>
            </item>
            <item>
                <key> <string>comment</string> </key>
@@ -290,7 +320,7 @@
            </item>
            <item>
                <key> <string>serial</string> </key>
-                <value> <string>938.4544.32819.35584</string> </value>
+                <value> <string>938.15803.15252.14882</string> </value>
            </item>
            <item>
                <key> <string>state</string> </key>
@@ -308,7 +338,7 @@
                    </tuple>
                    <state>
                      <tuple>
-                        <float>1412607722.67</float>
+                        <float>1413280356.13</float>
                        <string>GMT</string>
                      </tuple>
                    </state>