Skip to content

erp5
erp5
Commit c3f8cad0 authored by Sven Franck's avatar Sven Franck Committed by Romain Courteaud
Browse files
Options

erp5_web_renderjs_ui: converted search field into handlebars template

parent c22c543a
Show whitespace changes
Inline Side-by-side
Showing with 52 additions and 25 deletions
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_searchfield_html.xml
View file @ c3f8cad0
...@@ -115,29 +115,30 @@ ...@@ -115,29 +115,30 @@
<!-- renderjs -->\n <!-- renderjs -->\n
<script src="RSVP.js"></script>\n <script src="RSVP.js"></script>\n
<script src="renderjs.js"></script>\n <script src="renderjs.js"></script>\n
<!-- <script src="handlebars.js"></script> -->\n <script src="handlebars.js"></script>\n
\n \n
<!-- custom script -->\n <!-- custom script -->\n
<script src="gadget_erp5_searchfield.js"></script>\n <script src="gadget_erp5_searchfield.js"></script>\n
\n \n
</head>\n <!-- XXX widget-status is bad! -->\n
<body>\n <script id="panel-template" type="text/x-handlebars-template">\n
\n
<form class="save_form document_form">\n <form class="save_form document_form">\n
<div class="center">\n <div class="center">\n
<div class="ui-field-contain">\n <div class="ui-field-contain">\n
<!-- XXX needs a theme set for now -->\n <div class="ui-input-text ui-body-{{widget_theme}} ui-corner-all ui-shadow-inset ui-input-has-clear {{widget_status_class}}">\n
<div class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset ui-input-has-clear">\n <input type="text" data-enhanced="true" value="{{widget_value}}" name="search" {{widget_status_attribute}} />\n
<input type="text" data-enhanced="true" value="" name="search" />\n
<div class="ui-btn ui-input-clear ui-input-btn ui-corner-all ui-icon-search ui-btn-icon-notext">\n <div class="ui-btn ui-input-clear ui-input-btn ui-corner-all ui-icon-search ui-btn-icon-notext">\n
Submit<input data-enhanced="true" type="submit" value="Submit">\n Submit<input data-enhanced="true" type="submit" value="Submit" {{widget_status_attribute}} />\n
</div>\n </div>\n
</div>\n </div>\n
<!-- XXX needs a theme set for now -->\n <a href="#" class="ui-btn ui-btn-{{widget_theme}} ui-btn-icon-notext ui-icon-filter ui-override-theme ui-disabled">Filters</a>\n
<a href="#" class="ui-btn ui-btn-c ui-btn-icon-notext ui-icon-filter ui-override-theme">Filters</a>\n
</div>\n </div>\n
</div>\n </div>\n
</form>\n </form>\n
</script>\n
\n
</head>\n
<body>\n
</body>\n </body>\n
</html> </html>
...@@ -276,7 +277,7 @@ ...@@ -276,7 +277,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>938.24471.49375.27665</string> </value> <value> <string>938.25792.30699.44322</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -294,7 +295,7 @@ ...@@ -294,7 +295,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1413799940.71</float> <float>1413879096.17</float>
<string>GMT</string> <string>GMT</string>
</tuple> </tuple>
</state> </state>
......
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_searchfield_js.xml
View file @ c3f8cad0
...@@ -104,7 +104,17 @@ ...@@ -104,7 +104,17 @@
(function (window, rJS, RSVP, loopEventListener) {\n (function (window, rJS, RSVP, loopEventListener) {\n
"use strict";\n "use strict";\n
\n \n
rJS(window)\n /////////////////////////////////////////////////////////////////\n
// Handlebars\n
/////////////////////////////////////////////////////////////////\n
// Precompile the templates while loading the first gadget instance\n
var gadget_klass = rJS(window),\n
source = gadget_klass.__template_element\n
.getElementById("panel-template")\n
.innerHTML,\n
panel_template = Handlebars.compile(source);\n
\n
gadget_klass\n
/////////////////////////////////////////////////////////////////\n /////////////////////////////////////////////////////////////////\n
// ready\n // ready\n
/////////////////////////////////////////////////////////////////\n /////////////////////////////////////////////////////////////////\n
...@@ -126,8 +136,24 @@ ...@@ -126,8 +136,24 @@
/////////////////////////////////////////////////////////////////\n /////////////////////////////////////////////////////////////////\n
// declared methods\n // declared methods\n
/////////////////////////////////////////////////////////////////\n /////////////////////////////////////////////////////////////////\n
.declareMethod(\'render\', function (options) {\n .declareMethod(\'render\', function (option_dict) {\n
this.props.element.querySelector("input").value = options.extended_search || "";\n var append_class,\n
append_attribute,\n
placeholder = "",\n
is_disabled = option_dict.disabled,\n
search_gadget = this;\n
\n
if (is_disabled) {\n
append_class = " ui-disabled";\n
append_attribute = \' disabled="disabled\';\n
}\n
\n
search_gadget.props.element.innerHTML = panel_template({\n
widget_value: option_dict.extended_search || placeholder,\n
widget_theme: option_dict.theme || "c",\n
widget_status_attribute: append_attribute || placeholder,\n
widget_status_class: append_class || placeholder\n
});\n
})\n })\n
\n \n
.declareMethod(\'getContent\', function () {\n .declareMethod(\'getContent\', function () {\n
...@@ -286,7 +312,7 @@ ...@@ -286,7 +312,7 @@
</item> </item>
<item> <item>
<key> <string>actor</string> </key> <key> <string>actor</string> </key>
<value> <string>romain</string> </value> <value> <string>sven</string> </value>
</item> </item>
<item> <item>
<key> <string>comment</string> </key> <key> <string>comment</string> </key>
...@@ -300,7 +326,7 @@ ...@@ -300,7 +326,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>937.42848.57946.4044</string> </value> <value> <string>938.24816.20339.61866</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -318,7 +344,7 @@ ...@@ -318,7 +344,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1411056079.35</float> <float>1413819887.51</float>
<string>GMT</string> <string>GMT</string>
</tuple> </tuple>
</state> </state>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7