erp5_web_renderjs_ui: Implement pagehelp gadget

0ecb76f1 · Łukasz Nowak · c502e47c · 0ecb76f1 · 0ecb76f1 · 0ecb76f1
Commit 0ecb76f1 authored May 25, 2020 by Łukasz Nowak
6 changed files
--- a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_pagehelp_css.css
+++ b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_pagehelp_css.css
+.pagehelp {
+  background-color: #ffffd5;
+}
+p.pagehelp {
+  display: none;
+}
\ No newline at end of file
--- a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_pagehelp_css.xml
+++ b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_pagehelp_css.xml
--- a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_pagehelp_html.html
+++ b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_pagehelp_html.html
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+    <meta name="viewport" content="width=device-width, user-scalable=no" />
+    <title>Pagehelp</title>
+
+    <!-- renderjs -->
+    <script src="rsvp.js" type="text/javascript"></script>
+    <script src="renderjs.js" type="text/javascript"></script>
+
+    <script src="gadget_pagehelp.js" type="text/javascript"></script>
+    <link href="gadget_pagehelp.css" rel="stylesheet">
+  </head>
+  <body>
+    <div class="ui-btn ui-btn-icon-left ui-icon-info pagehelp">
+      <p class="pagehelp">Page help placeholder.</p>
+    </div>
+  </body>
+</html>
+
--- a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_pagehelp_html.xml
+++ b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_pagehelp_html.xml
--- a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_pagehelp_js.js
+++ b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_pagehelp_js.js
+(function (window, rJS) {
+  rJS(window)
+    .onStateChange(function (modification_dict) {
+      if (modification_dict.hasOwnProperty('helptext')) {
+        var x = this.element.getElementsByTagName("P")[0];
+        x.innerText = modification_dict.helptext.trim();
+      }
+    })
+    .onEvent('click', function (evt) {
+      var x = this.element.getElementsByTagName("P")[0];
+      if (x.style.display === "none") {
+        x.style.display = "block";
+      } else {
+        x.style.display = "none";
+      }
+    }, false, false);
+}(window, rJS));
+
--- a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_pagehelp_js.xml
+++ b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_pagehelp_js.xml