Commit 0e498c50 authored by Tomáš Peterka's avatar Tomáš Peterka Committed by Eteri

[renderjs_ui] Refactor of action and export page

parent a69c66f1
......@@ -21,6 +21,7 @@
<script src="gadget_erp5_page_action.js" type="text/javascript"></script>
<script id="table-template" type="text/x-handlebars-template">
{{#if document_list}}
<section class="ui-content-header-plain">
<h3 class="ui-content-title ui-body-c" data-i18n="[last]{{definition_i18n}}">
<span class="ui-icon ui-icon-custom ui-icon-{{definition_icon}}">&nbsp;</span>
......@@ -28,10 +29,11 @@
</h3>
</section>
<ul data-role="listview" data-theme="c" data-inset="true" class="document-listview">
{{#each documentlist}}
{{#each document_list}}
<li><a data-i18n="{{title}}" class="ui-body-inherit" href="{{link}}">{{title}}</a></li>
{{/each}}
</ul>
{{/if}}
</script>
</head>
......
......@@ -234,7 +234,7 @@
</item>
<item>
<key> <string>serial</string> </key>
<value> <string>953.48219.30595.27340</string> </value>
<value> <string>962.2453.12386.29235</string> </value>
</item>
<item>
<key> <string>state</string> </key>
......@@ -252,7 +252,7 @@
</tuple>
<state>
<tuple>
<float>1474556323.96</float>
<float>1505211775.45</float>
<string>UTC</string>
</tuple>
</state>
......
......@@ -12,6 +12,54 @@
.getElementById("table-template")
.innerHTML);
/** Render translated HTML of title + links
*
* @param {string} title - H3 title of the section with the links
* @param {string} icon - alias used in font-awesome iconset
* @param {Array} command_list - array of links obtained from ERP5 HATEOAS
*/
function renderLinkList(gadget, title, icon, erp5_link_list, editable) {
return new RSVP.Queue()
.push(function () {
// obtain RJS links from ERP5 links
return RSVP.all(
erp5_link_list.map(function (erp5_link) {
return gadget.getUrlFor({
"command": 'change',
"options": {
"view": erp5_link.href,
"page": undefined,
"editable": editable
}
});
})
);
})
.push(function (url_list) {
// prepare links for template (replace @href for RJS link)
return gadget.translateHtml(
table_template({
"definition_i18n": title,
"definition_title": title,
"definition_icon": icon,
"document_list": erp5_link_list.map(function (erp5_link, index) {
return {
"title": erp5_link.title,
"i18n": erp5_link.title,
"link": url_list[index]
};
})
})
);
});
}
function asArray(obj) {
if (!obj) {return []; }
if (Array.isArray(obj)) {return obj; }
return [obj];
}
gadget_klass
/////////////////////////////////////////////////////////////////
// Acquired methods
......@@ -27,97 +75,32 @@
.declareMethod("render", function (options) {
var gadget = this,
erp5_document,
result_list,
view_list,
action_list;
return gadget.jio_getAttachment(options.jio_key, "links")
.push(function (result) {
var i, i_len,
promise_list = [
gadget.getUrlFor({command: 'change', options: {page: undefined}})
];
erp5_document = result;
view_list = erp5_document._links.action_workflow || [];
action_list = erp5_document._links.action_object_action_jio || [];
if (view_list.constructor !== Array) {
view_list = [view_list];
}
if (action_list.constructor !== Array) {
action_list = [action_list];
}
for (i = 0; i < view_list.length; i += 1) {
promise_list.push(
gadget.getUrlFor({
command: 'change',
options: {
view: view_list[i].href,
page: undefined
}
})
);
}
if (erp5_document._links.action_object_clone_action) {
action_list.push(erp5_document._links.action_object_clone_action);
}
for (i = 0, i_len = action_list.length; i < i_len; i += 1) {
promise_list.push(
gadget.getUrlFor({
command: 'change',
options: {
view: action_list[i].href,
page: undefined,
editable: true
}
})
);
}
return RSVP.all(promise_list);
})
.push(function (all_result) {
var i,
tab_list = [],
action_tab_list = [];
result_list = all_result;
view_list = asArray(erp5_document._links.action_workflow);
action_list = asArray(erp5_document._links.action_object_action_jio)
.concat(asArray(erp5_document._links.action_object_clone_action));
for (i = 0; i < view_list.length; i += 1) {
tab_list.push({
title: view_list[i].title,
link: all_result[i + 1],
i18n: view_list[i].title
});
}
for (i = 0; i < action_list.length; i += 1) {
action_tab_list.push({
title: action_list[i].title,
link: all_result[i + 1 + view_list.length],
i18n: action_list[i].title
});
}
return RSVP.all([
gadget.translateHtml(
table_template({
definition_title: "Workflow Transitions",
definition_icon: "random",
documentlist: tab_list,
definition_i18n: "Workflow-Transitions"
}) + table_template({
definition_i18n: "Actions",
definition_title: "Actions",
definition_icon: "gear",
documentlist: action_tab_list
})
),
calculatePageTitle(gadget, erp5_document)
renderLinkList(gadget, "Actions", "gear", view_list, options.editable),
renderLinkList(gadget, "Workflow Transitions", "random", action_list, true)
]);
})
.push(function (last_result_list) {
gadget.element.innerHTML = last_result_list[0];
.push(function (translated_html_link_list) {
gadget.element.innerHTML = translated_html_link_list.join("\n");
return RSVP.all([
calculatePageTitle(gadget, erp5_document),
gadget.getUrlFor({command: 'change', options: {page: undefined}})
]);
})
.push(function (result_list) {
return gadget.updateHeader({
back_url: result_list[0],
page_title: last_result_list[1]
page_title: result_list[0],
back_url: result_list[1]
});
});
});
......
......@@ -216,7 +216,7 @@
</item>
<item>
<key> <string>actor</string> </key>
<value> <string>cedric.le.ninivin</string> </value>
<value> <string>zope</string> </value>
</item>
<item>
<key> <string>comment</string> </key>
......@@ -230,7 +230,7 @@
</item>
<item>
<key> <string>serial</string> </key>
<value> <string>960.54321.50792.6877</string> </value>
<value> <string>962.4062.25838.43485</string> </value>
</item>
<item>
<key> <string>state</string> </key>
......@@ -248,7 +248,7 @@
</tuple>
<state>
<tuple>
<float>1500456255.01</float>
<float>1505824423.08</float>
<string>UTC</string>
</tuple>
</state>
......
......@@ -20,6 +20,7 @@
<script src="gadget_erp5_page_export.js" type="text/javascript"></script>
<script id="table-template" type="text/x-handlebars-template">
{{#if document_list}}
<section class="ui-content-header-plain">
<h3 class="ui-content-title ui-body-c" data-i18n="[last]{{definition_i18n}}">
<span class="ui-icon ui-icon-custom ui-icon-{{definition_icon}}">&nbsp;</span>
......@@ -27,10 +28,11 @@
</h3>
</section>
<ul data-role="listview" data-theme="c" data-inset="true" class="document-listview">
{{#each documentlist}}
{{#each document_list}}
<li><a data-i18n="{{title}}" class="ui-body-inherit" href="{{link}}">{{title}}</a></li>
{{/each}}
</ul>
{{/if}}
</script>
</head>
......
......@@ -234,7 +234,7 @@
</item>
<item>
<key> <string>serial</string> </key>
<value> <string>957.58323.64047.9540</string> </value>
<value> <string>960.5523.58984.43537</string> </value>
</item>
<item>
<key> <string>state</string> </key>
......@@ -252,7 +252,7 @@
</tuple>
<state>
<tuple>
<float>1489072645.22</float>
<float>1505229776.11</float>
<string>UTC</string>
</tuple>
</state>
......
......@@ -12,6 +12,54 @@
.getElementById("table-template")
.innerHTML);
/** Render translated HTML of title + links
*
* @param {string} title - H3 title of the section with the links
* @param {string} icon - alias used in font-awesome iconset
* @param {Array} command_list - array of links obtained from ERP5 HATEOAS
*/
function renderLinkList(gadget, title, icon, erp5_link_list, editable) {
return new RSVP.Queue()
.push(function () {
// obtain RJS links from ERP5 links
return RSVP.all(
erp5_link_list.map(function (erp5_link) {
return gadget.getUrlFor({
"command": 'change',
"options": {
"view": erp5_link.href,
"page": undefined,
"editable": editable
}
});
})
);
})
.push(function (url_list) {
// prepare links for template (replace @href for RJS link)
return gadget.translateHtml(
table_template({
"definition_i18n": title,
"definition_title": title,
"definition_icon": icon,
"document_list": erp5_link_list.map(function (erp5_link, index) {
return {
"title": erp5_link.title,
"i18n": erp5_link.title,
"link": url_list[index]
};
})
})
);
});
}
function asArray(obj) {
if (!obj) {return []; }
if (Array.isArray(obj)) {return obj; }
return [obj];
}
gadget_klass
/////////////////////////////////////////////////////////////////
// Acquired methods
......@@ -27,69 +75,28 @@
.declareMethod("render", function (options) {
var gadget = this,
erp5_document,
result_list,
report_list;
return gadget.jio_getAttachment(options.jio_key, "links")
.push(function (result) {
var i, i_len,
promise_list = [
gadget.getUrlFor({command: 'change', options: {page: undefined}})
];
erp5_document = result;
report_list = erp5_document._links.action_object_report_jio || [];
if (report_list.constructor !== Array) {
report_list = [report_list];
}
for (i = 0; i < report_list.length; i += 1) {
promise_list.push(
gadget.getUrlFor({
command: 'change',
options: {
view: report_list[i].href,
page: undefined,
editable: options.editable
}
})
);
}
return RSVP.all(promise_list);
})
.push(function (all_result) {
var i,
tab_list = [],
report_tab_list = [],
html = "";
result_list = all_result;
for (i = 0; i < report_list.length; i += 1) {
report_tab_list.push({
title: report_list[i].title,
link: all_result[i + 1],
i18n: report_list[i].title
});
}
if (i) {
html += table_template({
definition_i18n: "Report",
definition_title: "Report",
definition_icon: "gear",
documentlist: report_tab_list
});
}
report_list = asArray(erp5_document._links.action_object_report_jio);
return RSVP.all([
gadget.translateHtml(html),
calculatePageTitle(gadget, erp5_document)
renderLinkList(gadget, "Reports", "bar-chart-o", report_list, true)
]);
})
.push(function (last_result_list) {
gadget.element.innerHTML = last_result_list[0];
.push(function (translated_html_link_list) {
gadget.element.innerHTML = translated_html_link_list.join("\n");
return RSVP.all([
calculatePageTitle(gadget, erp5_document),
gadget.getUrlFor({command: 'change', options: {page: undefined}})
]);
})
.push(function (result_list) {
return gadget.updateHeader({
back_url: result_list[0],
page_title: last_result_list[1]
page_title: result_list[0],
back_url: result_list[1]
});
});
});
......
......@@ -230,7 +230,7 @@
</item>
<item>
<key> <string>serial</string> </key>
<value> <string>958.23104.13268.55347</string> </value>
<value> <string>962.12722.31387.26146</string> </value>
</item>
<item>
<key> <string>state</string> </key>
......@@ -248,7 +248,7 @@
</tuple>
<state>
<tuple>
<float>1490968345.34</float>
<float>1505824496.49</float>
<string>UTC</string>
</tuple>
</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