Skip to content

erp5
erp5
Commit a3362a62 authored by Romain Courteaud's avatar Romain Courteaud
Browse files
Options

[erp5_web_renderjs_ui] Listbox: only modify the DOM in the onStateChange method

parent a27baa7f
Show whitespace changes
Inline Side-by-side
Showing with 338 additions and 296 deletions
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_listbox_html.html
View file @ a3362a62
...@@ -4,6 +4,8 @@ ...@@ -4,6 +4,8 @@
<!-- <!--
data-i18n=No records data-i18n=No records
data-i18n=Records data-i18n=Records
data-i18n=Hide Rows
data-i18n=Submit
--> -->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" /> <meta name="viewport" content="width=device-width, user-scalable=no" />
...@@ -152,7 +154,7 @@ ...@@ -152,7 +154,7 @@
<h1 data-i18n="{{title}}" class="ui-title ui-override-theme">{{title}}<span> <span class="listboxloader ui-icon-spinner ui-btn-icon-left"></span></span></h1> <h1 data-i18n="{{title}}" class="ui-title ui-override-theme">{{title}}<span> <span class="listboxloader ui-icon-spinner ui-btn-icon-left"></span></span></h1>
<!--div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-left"> <!--div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-left">
<div class="ui-controlgroup-controls"--> <div class="ui-controlgroup-controls"-->
<button data-rel="hide" data-i18n="Hide Rows" name="Hide" type="submit" class="submit responsive ui-last-child ui-btn ui-icon-eye ui-btn-icon-left {{hide_class}}">Hide Rows</button> <button data-rel="hide" data-i18n="{{hide_button_text}}" name="{{hide_button_name}}" type="submit" class="submit responsive ui-last-child ui-btn ui-icon-eye ui-btn-icon-left {{hide_class}}">{{hide_button_text}}</button>
<!--/div> <!--/div>
</div> </div>
<div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-right"> <div class="ui-controlgroup ui-controlgroup-horizontal ui-btn-right">
......
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_listbox_html.xml
View file @ a3362a62
...@@ -234,7 +234,7 @@ ...@@ -234,7 +234,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>957.57984.47063.18944</string> </value> <value> <string>958.1079.25051.23586</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -252,7 +252,7 @@ ...@@ -252,7 +252,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1489052266.08</float> <float>1489595378.88</float>
<string>UTC</string> <string>UTC</string>
</tuple> </tuple>
</state> </state>
......
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_listbox_js.js
View file @ a3362a62
...@@ -37,16 +37,9 @@ ...@@ -37,16 +37,9 @@
.getElementById("error-message-template") .getElementById("error-message-template")
.innerHTML, .innerHTML,
error_message_template = Handlebars.compile(error_message_source), error_message_template = Handlebars.compile(error_message_source),
variable = {}; variable = {},
loading_class_list = ['ui-icon-spinner', 'ui-btn-icon-left'],
disabled_class = 'ui-disabled';
function renderListboxThead(gadget, template) {
return gadget.translateHtml(template({
head_value: gadget.props.head_value,
show_anchor: gadget.state.show_anchor,
line_icon: gadget.state.line_icon
}));
}
function renderEditableField(gadget, element, column_list) { function renderEditableField(gadget, element, column_list) {
...@@ -74,30 +67,30 @@ ...@@ -74,30 +67,30 @@
column = element_list[i].getAttribute("column"); column = element_list[i].getAttribute("column");
line = element_list[i].getAttribute("line"); line = element_list[i].getAttribute("line");
if (gadget.props.listbox_uid_dict.key === undefined) { if (gadget.props.listbox_uid_dict.key === undefined) {
gadget.props.listbox_uid_dict.key = gadget.props.result.data.rows[line].value["listbox_uid:list"].key; gadget.props.listbox_uid_dict.key = gadget.state.allDocs_result.data.rows[line].value["listbox_uid:list"].key;
gadget.props.listbox_uid_dict.value = [gadget.props.result.data.rows[line].value["listbox_uid:list"].value]; gadget.props.listbox_uid_dict.value = [gadget.state.allDocs_result.data.rows[line].value["listbox_uid:list"].value];
uid_value_dict[gadget.props.result.data.rows[line].value["listbox_uid:list"].value] = null; uid_value_dict[gadget.state.allDocs_result.data.rows[line].value["listbox_uid:list"].value] = null;
} else { } else {
uid_value = gadget.props.result.data.rows[line].value["listbox_uid:list"].value; uid_value = gadget.state.allDocs_result.data.rows[line].value["listbox_uid:list"].value;
if (!uid_value_dict.hasOwnProperty(uid_value)) { if (!uid_value_dict.hasOwnProperty(uid_value)) {
uid_value_dict[uid_value] = null; uid_value_dict[uid_value] = null;
gadget.props.listbox_uid_dict.value.push(uid_value); gadget.props.listbox_uid_dict.value.push(uid_value);
} }
} }
promise_list.push(renderSubCell(element_list[i], promise_list.push(renderSubCell(element_list[i],
gadget.props.result.data.rows[line].value[column_list[column][0]] || "")); gadget.state.allDocs_result.data.rows[line].value[column_list[column][0]] || ""));
} }
return RSVP.all(promise_list); return RSVP.all(promise_list);
} }
function renderListboxTbody(gadget, template) { function renderListboxTbody(gadget, template, body_value) {
var tmp, var tmp,
column_list = JSON.parse(gadget.state.column_list_json); column_list = JSON.parse(gadget.state.column_list_json);
return gadget.translateHtml(template( return gadget.translateHtml(template(
{ {
"body_value": gadget.props.body_value, "body_value": body_value,
"show_anchor": gadget.state.show_anchor, "show_anchor": gadget.state.show_anchor,
"column_list": column_list "column_list": column_list
} }
...@@ -116,15 +109,15 @@ ...@@ -116,15 +109,15 @@
} }
function renderListboxTfoot(gadget) { function renderListboxTfoot(gadget, foot) {
return gadget.translateHtml(listbox_tfoot_template( return gadget.translateHtml(listbox_tfoot_template(
{ {
"colspan": gadget.props.foot.colspan, "colspan": foot.colspan,
"previous_classname": gadget.props.foot.previous_classname, "previous_classname": foot.previous_classname,
"previous_url": gadget.props.foot.previous_url, "previous_url": foot.previous_url,
"record": gadget.props.foot.record, "record": foot.record,
"next_classname": gadget.props.foot.next_classname, "next_classname": foot.next_classname,
"next_url": gadget.props.foot.next_url "next_url": foot.next_url
} }
)); ));
} }
...@@ -162,6 +155,8 @@ ...@@ -162,6 +155,8 @@
i, i,
sort_column_list = [], sort_column_list = [],
search_column_list = [], search_column_list = [],
query_string,
url_query,
queue; queue;
//only display which is in listbox's column list //only display which is in listbox's column list
...@@ -188,6 +183,17 @@ ...@@ -188,6 +183,17 @@
} }
search_column_list.push(["searchable_text", "Searchable Text"]); search_column_list.push(["searchable_text", "Searchable Text"]);
url_query = options.extended_search;
query_string = new URI(field_json.query).query(true).query;
if (url_query) {
//query_string = field_json.column_list.reduce(buildQueryString, ' AND (').replace(new RegExp("OR " + '$'), ')');
if (query_string) {
query_string = '(' + query_string + ') AND (' + url_query + ')';
} else {
query_string = url_query;
}
}
queue = RSVP.Queue(); queue = RSVP.Queue();
if (!variable.translated_records) { if (!variable.translated_records) {
queue queue
...@@ -205,7 +211,7 @@ ...@@ -205,7 +211,7 @@
queue queue
.push(function () { .push(function () {
// Cancel previous line rendering to not conflict with the asynchronous render for now // Cancel previous line rendering to not conflict with the asynchronous render for now
return gadget.renderContent(true, {}); return gadget.fetchLineContent(true);
}) })
.push(function () { .push(function () {
// XXX Fix in case of multiple listboxes // XXX Fix in case of multiple listboxes
...@@ -226,6 +232,7 @@ ...@@ -226,6 +232,7 @@
show_anchor: field_json.show_anchor, show_anchor: field_json.show_anchor,
line_icon: field_json.line_icon, line_icon: field_json.line_icon,
query: field_json.query, query: field_json.query,
query_string: query_string,
lines: field_json.lines, lines: field_json.lines,
list_method: field_json.list_method, list_method: field_json.list_method,
list_method_template: field_json.list_method_template, list_method_template: field_json.list_method_template,
...@@ -239,16 +246,14 @@ ...@@ -239,16 +246,14 @@
field_id: options.field_id, field_id: options.field_id,
extended_search: options.extended_search, extended_search: options.extended_search,
hide_class: options.hide_enabled ? "" : "ui-disabled", hide_class: options.hide_enabled ? "" : "ui-disabled",
command: field_json.command || 'index' command: field_json.command || 'index',
});
})
.push(function () {
// Force line calculation in any case // Force line calculation in any case
return gadget.renderContent(false, { allDocs_result: undefined,
sort_list: JSON.parse(gadget.state.sort_list_json),
column_list: field_json.column_list, // No error message
sort_column_list: sort_column_list, has_error: false,
search_column_list: search_column_list show_line_selector: false
}); });
}); });
return queue; return queue;
...@@ -256,17 +261,52 @@ ...@@ -256,17 +261,52 @@
.onStateChange(function (modification_dict) { .onStateChange(function (modification_dict) {
var gadget = this, var gadget = this,
head_value = [], head_value_list = [],
class_value, class_value,
sort_list, sort_list,
column_list, column_list,
tmp, tmp,
i, i,
j; j,
result_queue = new RSVP.Queue();
/*
if (modification_dict.hasOwnProperty('error_text') && this.state.error_text !== undefined) {
// XXX TODO
this.element.querySelector('tfoot').textContent =
"Unsupported list method: '" + this.state.list_method + "'";
loading_element_classList.remove.apply(loading_element_classList, loading_class_list);
return;
}
*/
if (gadget.state.has_error) {
return result_queue
.push(function () {
var options = {extended_search: undefined};
options[gadget.state.key + "_sort_list:json"] = undefined;
return gadget.getUrlFor({
command: 'store_and_change',
options: options
});
})
.push(function (url) {
return gadget.translateHtml(error_message_template({
reset_url: url
}));
})
.push(function (html) {
gadget.element.querySelector(".document_table").innerHTML = html;
});
}
if ((modification_dict.hasOwnProperty('sort_list_json')) || if ((modification_dict.hasOwnProperty('sort_list_json')) ||
(modification_dict.hasOwnProperty('column_list_json')) || (modification_dict.hasOwnProperty('column_list_json')) ||
(modification_dict.hasOwnProperty('title')) || (modification_dict.hasOwnProperty('title')) ||
(modification_dict.hasOwnProperty('has_error')) ||
(modification_dict.hasOwnProperty('show_line_selector')) ||
(modification_dict.hasOwnProperty('hide_sort')) || (modification_dict.hasOwnProperty('hide_sort')) ||
(modification_dict.hasOwnProperty('hide_class'))) { (modification_dict.hasOwnProperty('hide_class'))) {
...@@ -286,23 +326,41 @@ ...@@ -286,23 +326,41 @@
break; break;
} }
} }
head_value.push({ head_value_list.push({
"data-i18n": column_list[i][1], "data-i18n": column_list[i][1],
"class_value": class_value, "class_value": class_value,
"text": column_list[i][1] "text": column_list[i][1]
}); });
} }
gadget.props.head_value = head_value; result_queue
return new RSVP.Queue()
.push(function () { .push(function () {
var listbox_thead_template,
hide_button_text,
hide_button_name;
if (gadget.state.show_line_selector) {
listbox_thead_template = listbox_show_thead_template;
hide_button_text = 'Submit';
hide_button_name = 'SelectRows';
} else {
listbox_thead_template = listbox_hidden_thead_template;
hide_button_text = 'Hide Rows';
hide_button_name = 'Hide';
}
return RSVP.all([ return RSVP.all([
gadget.translateHtml(listbox_template({ gadget.translateHtml(listbox_template({
hide_class: gadget.state.hide_class, hide_class: gadget.state.hide_class,
hide_sort: gadget.state.hide_sort, hide_sort: gadget.state.hide_sort,
title: gadget.state.title title: gadget.state.title,
hide_button_text: hide_button_text,
hide_button_name: hide_button_name
})), })),
renderListboxThead(gadget, listbox_hidden_thead_template) gadget.translateHtml(listbox_thead_template({
head_value: head_value_list,
show_anchor: gadget.state.show_anchor,
line_icon: gadget.state.line_icon
}))
]); ]);
}) })
.push(function (result_list) { .push(function (result_list) {
...@@ -310,103 +368,50 @@ ...@@ -310,103 +368,50 @@
gadget.element.querySelector(".thead").innerHTML = result_list[1]; gadget.element.querySelector(".thead").innerHTML = result_list[1];
}); });
} }
})
.declareMethod('getListboxInfo', function () { if (gadget.state.allDocs_result === undefined) {
//XXXXX search column list is used for search editor to // Trigger line content calculation
//construct search panel result_queue
//hardcoded begin_from key to define search position .push(function () {
return { var loading_element_classList = gadget.element.querySelector(".listboxloader").classList,
search_column_list: JSON.parse(this.state.search_column_list_json), tbody_classList = gadget.element.querySelector("table").querySelector("tbody").classList;
begin_from: this.state.key + "_begin_from" // Set the loading icon and trigger line calculation
}; loading_element_classList.add.apply(loading_element_classList, loading_class_list);
}) tbody_classList.add(disabled_class);
//////////////////////////////////////////////
// render the listbox in an asynchronous way
//////////////////////////////////////////////
.declareJob('renderContent', function (only_cancel, parsed_json_options) {
var gadget = this,
// props = gadget.props,
// field_json = props.field_json,
begin_from = this.state.begin_from,
url_query = this.state.extended_search,
query_string,
lines = this.state.lines,
select_list = [],
dataset,
counter,
limit_options,
loading_element_classList = gadget.element.querySelector(".listboxloader").classList,
tbody_classList = gadget.element.querySelector("table").querySelector("tbody").classList,
loading_class_list = ['ui-icon-spinner', 'ui-btn-icon-left'],
disabled_class = 'ui-disabled',
sort_list = parsed_json_options.sort_list,
i;
if (only_cancel) { return gadget.fetchLineContent(false);
return; });
}
if (this.state.query === undefined) { } else if ((modification_dict.hasOwnProperty('show_line_selector')) ||
gadget.element.querySelector('tfoot').textContent = (modification_dict.hasOwnProperty('allDocs_result'))) {
"Unsupported list method: '" + this.state.list_method + "'";
loading_element_classList.remove.apply(loading_element_classList, loading_class_list);
return;
}
// function buildQueryString(previous, next) {
// return previous + next[0] + ':= "' + url_query + '" OR ';
// }
query_string = new URI(this.state.query).query(true).query; // Render the listbox content
if (url_query) { result_queue
//query_string = field_json.column_list.reduce(buildQueryString, ' AND (').replace(new RegExp("OR " + '$'), ')'); .push(function () {
if (query_string) { var lines = gadget.state.lines,
query_string = '(' + query_string + ') AND (' + url_query + ')'; promise_list = [],
} else { allDocs_result = gadget.state.allDocs_result,
query_string = url_query; counter;
}
}
for (i = 0; i < parsed_json_options.column_list.length; i += 1) { column_list = JSON.parse(gadget.state.column_list_json);
select_list.push(parsed_json_options.column_list[i][0]);
}
select_list.push("uid");
if (lines === 0) { if (lines === 0) {
limit_options = undefined; lines = allDocs_result.data.total_rows;
counter = allDocs_result.data.total_rows;
} else { } else {
limit_options = [begin_from, lines + 1]; counter = Math.min(allDocs_result.data.total_rows, lines);
} }
loading_element_classList.add.apply(loading_element_classList, loading_class_list); sort_list = JSON.parse(gadget.state.sort_list_json);
tbody_classList.add(disabled_class);
return gadget.jio_allDocs({
// XXX Not jIO compatible, but until a better api is found...
"list_method_template": this.state.list_method_template,
"query": query_string,
"limit": limit_options,
"select_list": select_list,
"sort_on": sort_list
})
.push(function (result) {
var promise_list = [result];
if (lines === 0) {
lines = result.data.total_rows;
counter = result.data.total_rows;
} else {
counter = Math.min(result.data.total_rows, lines);
}
for (i = 0; i < counter; i += 1) { for (i = 0; i < counter; i += 1) {
promise_list.push( promise_list.push(
gadget.getUrlFor({ gadget.getUrlFor({
command: gadget.state.command, command: gadget.state.command,
options: { options: {
jio_key: result.data.rows[i].id, jio_key: allDocs_result.data.rows[i].id,
uid: result.data.rows[i].value.uid, uid: allDocs_result.data.rows[i].value.uid,
selection_index: begin_from + i, selection_index: gadget.state.begin_from + i,
query: query_string, query: gadget.state.query_string,
list_method_template: gadget.state.list_method_template, list_method_template: gadget.state.list_method_template,
"sort_list:json": sort_list "sort_list:json": sort_list
} }
...@@ -417,19 +422,19 @@ ...@@ -417,19 +422,19 @@
.push(function () { .push(function () {
return RSVP.all(promise_list); return RSVP.all(promise_list);
}) })
.push(function (result_list) { .push(function (result_list) {
var j, var value,
allDocs_result = result_list[0],
value,
body_value = [], body_value = [],
tr_value = [], tr_value = [],
tmp_url; tmp_url,
dataset = allDocs_result; listbox_tbody_template;
for (i = 0; i < counter; i += 1) { for (i = 0; i < counter; i += 1) {
tmp_url = result_list[i + 1]; tmp_url = result_list[i];
tr_value = []; tr_value = [];
for (j = 0; j < parsed_json_options.column_list.length; j += 1) { for (j = 0; j < column_list.length; j += 1) {
value = allDocs_result.data.rows[i].value[parsed_json_options.column_list[j][0]] || ""; value = allDocs_result.data.rows[i].value[column_list[j][0]] || "";
tr_value.push({ tr_value.push({
"type": value.type, "type": value.type,
"editable": value.editable && gadget.state.editable, "editable": value.editable && gadget.state.editable,
...@@ -446,23 +451,28 @@ ...@@ -446,23 +451,28 @@
"line_icon": gadget.state.line_icon "line_icon": gadget.state.line_icon
}); });
} }
gadget.props.body_value = body_value;
gadget.props.result = result; if (gadget.state.show_line_selector) {
return renderListboxTbody(gadget, listbox_hidden_tbody_template); listbox_tbody_template = listbox_show_tbody_template;
} else {
listbox_tbody_template = listbox_hidden_tbody_template;
}
return renderListboxTbody(gadget, listbox_tbody_template, body_value);
}) })
.push(function () { .push(function () {
var prev_param = {}, var prev_param = {},
next_param = {}; next_param = {};
function setNext() { function setNext() {
if (dataset.data.rows.length > lines) { if (allDocs_result.data.rows.length > lines) {
next_param[gadget.state.key + '_begin_from'] = begin_from + lines; next_param[gadget.state.key + '_begin_from'] = gadget.state.begin_from + lines;
} }
} }
if (begin_from === 0) { if (gadget.state.begin_from === 0) {
setNext(); setNext();
} else { } else {
prev_param[gadget.state.key + '_begin_from'] = begin_from - lines; prev_param[gadget.state.key + '_begin_from'] = gadget.state.begin_from - lines;
setNext(); setNext();
} }
return RSVP.all([ return RSVP.all([
...@@ -473,64 +483,110 @@ ...@@ -473,64 +483,110 @@
}) })
.push(function (url_list) { .push(function (url_list) {
var foot = {}; var foot = {};
foot.colspan = parsed_json_options.column_list.length + gadget.state.show_anchor + foot.colspan = column_list.length + gadget.state.show_anchor +
(gadget.state.line_icon ? 1 : 0); (gadget.state.line_icon ? 1 : 0);
foot.default_colspan = foot.colspan;
foot.previous_classname = "ui-btn ui-icon-carat-l ui-btn-icon-left responsive ui-first-child"; foot.previous_classname = "ui-btn ui-icon-carat-l ui-btn-icon-left responsive ui-first-child";
foot.previous_url = url_list[0]; foot.previous_url = url_list[0];
foot.next_classname = "ui-btn ui-icon-carat-r ui-btn-icon-right responsive ui-last-child"; foot.next_classname = "ui-btn ui-icon-carat-r ui-btn-icon-right responsive ui-last-child";
foot.next_url = url_list[1]; foot.next_url = url_list[1];
if ((begin_from === 0) && (counter === 0)) { if ((gadget.state.begin_from === 0) && (counter === 0)) {
foot.record = variable.translated_no_record; foot.record = variable.translated_no_record;
} else if ((dataset.data.rows.length <= lines) && (begin_from === 0)) { } else if ((allDocs_result.data.rows.length <= lines) && (gadget.state.begin_from === 0)) {
foot.record = counter + " " + variable.translated_records; foot.record = counter + " " + variable.translated_records;
} else { } else {
foot.record = variable.translated_records + " " + (((begin_from + lines) / lines - 1) * lines + 1) + " - " + (((begin_from + lines) / lines - 1) * lines + counter); foot.record = variable.translated_records + " " + (((gadget.state.begin_from + lines) / lines - 1) * lines + 1) + " - " + (((gadget.state.begin_from + lines) / lines - 1) * lines + counter);
} }
if (begin_from === 0) { if (gadget.state.begin_from === 0) {
foot.previous_classname += " ui-disabled"; foot.previous_classname += " ui-disabled";
} }
if (dataset.data.rows.length <= lines) { if (allDocs_result.data.rows.length <= lines) {
foot.next_classname += " ui-disabled"; foot.next_classname += " ui-disabled";
} }
gadget.props.foot = foot; return renderListboxTfoot(gadget, foot);
return renderListboxTfoot(gadget);
}) })
.push(function (my_html) { .push(function (my_html) {
gadget.element.querySelector(".tfoot").innerHTML = my_html; gadget.element.querySelector(".tfoot").innerHTML = my_html;
var loading_element_classList = gadget.element.querySelector(".listboxloader").classList;
loading_element_classList.remove.apply(loading_element_classList, loading_class_list);
});
}); });
}, function (error) {
if (error instanceof RSVP.CancellationError) {
throw error;
} }
// do not crash interface if allDocs fails return result_queue;
//this will catch all error, not only search criteria invalid error
console.warn(error);
var options = {extended_search: undefined};
options[gadget.state.key + "_sort_list:json"] = undefined;
return gadget.getUrlFor({
command: 'store_and_change',
options: options
}) })
.push(function (url) {
return gadget.translateHtml(error_message_template({ .declareMethod('getListboxInfo', function () {
reset_url: url //XXXXX search column list is used for search editor to
})); //construct search panel
//hardcoded begin_from key to define search position
return {
search_column_list: JSON.parse(this.state.search_column_list_json),
begin_from: this.state.key + "_begin_from"
};
}) })
.push(function (html) {
gadget.element.querySelector(".document_table").innerHTML = html; //////////////////////////////////////////////
// render the listbox in an asynchronous way
//////////////////////////////////////////////
.declareJob('fetchLineContent', function (only_cancel) {
if (only_cancel) {
return;
}
if (this.state.query === undefined) {
/*
return this.changeState({
error_text: "Unsupported list method: '" + this.state.list_method + "'"
});
*/
return this.changeState({
has_error: true
}); });
}
var gadget = this,
select_list = [],
limit_options,
column_list = JSON.parse(gadget.state.column_list_json),
i;
for (i = 0; i < column_list.length; i += 1) {
select_list.push(column_list[i][0]);
}
select_list.push("uid");
if (gadget.state.lines === 0) {
limit_options = undefined;
} else {
limit_options = [gadget.state.begin_from, gadget.state.lines + 1];
}
return gadget.jio_allDocs({
// XXX Not jIO compatible, but until a better api is found...
"list_method_template": this.state.list_method_template,
"query": gadget.state.query_string,
"limit": limit_options,
"select_list": select_list,
"sort_on": JSON.parse(gadget.state.sort_list_json)
}) })
.push(function (result) { .push(function (result) {
loading_element_classList.remove.apply(loading_element_classList, loading_class_list); return gadget.changeState({
tbody_classList.remove(disabled_class); allDocs_result: result
return result;
}); });
}, function (error) {
// do not crash interface if allDocs fails
//this will catch all error, not only search criteria invalid error
if (error instanceof RSVP.CancellationError) {
throw error;
}
console.warn(error);
return gadget.changeState({
has_error: true
});
});
}) })
.declareMethod("getContent", function (options) { .declareMethod("getContent", function (options) {
...@@ -570,8 +626,15 @@ ...@@ -570,8 +626,15 @@
var gadget = this, var gadget = this,
sort_button = gadget.element.querySelector('button[name="Sort"]'), sort_button = gadget.element.querySelector('button[name="Sort"]'),
hide_button = gadget.element.querySelector('button[name="Hide"]'), hide_button = gadget.element.querySelector('button[name="Hide"]'),
select_button = gadget.element.querySelector('button[name="SelectRows"]'),
url, url,
options = {}; options = {},
all_hide_element_list,
hide_element_list = [],
query_list = [],
search_query,
i;
if (evt.target === sort_button) { if (evt.target === sort_button) {
evt.preventDefault(); evt.preventDefault();
url = "gadget_erp5_sort_editor.html"; url = "gadget_erp5_sort_editor.html";
...@@ -580,39 +643,32 @@ ...@@ -580,39 +643,32 @@
options.key = gadget.state.key + "_sort_list:json"; options.key = gadget.state.key + "_sort_list:json";
return gadget.renderEditorPanel(url, options); return gadget.renderEditorPanel(url, options);
} }
if (evt.target === hide_button) { if (evt.target === hide_button) {
evt.preventDefault(); evt.preventDefault();
return new RSVP.Queue() return gadget.changeState({
.push(function () { show_line_selector: true
var i, });
all_hide_elements, }
query_list = [],
search_query, if (evt.target === select_button) {
thead_template, evt.preventDefault();
tbody_template,
hide_button_html,
hide_elements = [];
if (gadget.props.foot.colspan === gadget.props.foot.default_colspan) {
thead_template = listbox_show_thead_template;
tbody_template = listbox_show_tbody_template;
hide_button_html = "Submit";
gadget.props.foot.colspan += 1;
} else {
//hide closed //hide closed
//maybe submit //maybe submit
all_hide_elements = gadget.element.querySelectorAll(".hide_element"); all_hide_element_list = gadget.element.querySelectorAll(".hide_element");
for (i = 0; i < all_hide_elements.length; i += 1) { for (i = 0; i < all_hide_element_list.length; i += 1) {
if (!all_hide_elements[i].checked) { if (!all_hide_element_list[i].checked) {
hide_elements.push(all_hide_elements[i]); hide_element_list.push(all_hide_element_list[i]);
} }
} }
if (hide_elements.length) { if (hide_element_list.length) {
for (i = 0; i < hide_elements.length; i += 1) { for (i = 0; i < hide_element_list.length; i += 1) {
query_list.push(new SimpleQuery({ query_list.push(new SimpleQuery({
key: "catalog.uid", key: "catalog.uid",
type: "simple", type: "simple",
operator: "!=", operator: "!=",
value: hide_elements[i].getAttribute("value") value: hide_element_list[i].getAttribute("value")
})); }));
} }
if (gadget.state.extended_search) { if (gadget.state.extended_search) {
...@@ -635,28 +691,12 @@ ...@@ -635,28 +691,12 @@
}); });
} }
gadget.props.foot.colspan -= 1; return gadget.changeState({
hide_button_html = "Hide Rows"; show_line_selector: false
thead_template = listbox_hidden_thead_template;
tbody_template = listbox_hidden_tbody_template;
}
return new RSVP.Queue()
.push(function () {
return RSVP.all([
renderListboxThead(gadget, thead_template),
renderListboxTbody(gadget, tbody_template),
renderListboxTfoot(gadget, listbox_tfoot_template),
gadget.translate(hide_button_html)
]);
})
.push(function (all_innerHTML) {
//change hide button's text
hide_button.innerHTML = all_innerHTML[3];
gadget.element.querySelector(".thead").innerHTML = all_innerHTML[0];
gadget.element.querySelector(".tfoot").innerHTML = all_innerHTML[2];
});
}); });
} }
}, false, false) }, false, false)
.allowPublicAcquisition("notifyInvalid", function () { .allowPublicAcquisition("notifyInvalid", function () {
......
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_listbox_js.xml
View file @ a3362a62
...@@ -236,7 +236,7 @@ ...@@ -236,7 +236,7 @@
</item> </item>
<item> <item>
<key> <string>serial</string> </key> <key> <string>serial</string> </key>
<value> <string>957.58432.2656.37034</string> </value> <value> <string>958.1409.21281.2338</string> </value>
</item> </item>
<item> <item>
<key> <string>state</string> </key> <key> <string>state</string> </key>
...@@ -254,7 +254,7 @@ ...@@ -254,7 +254,7 @@
</tuple> </tuple>
<state> <state>
<tuple> <tuple>
<float>1489079675.51</float> <float>1489590055.78</float>
<string>UTC</string> <string>UTC</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