protected void renderFooterButtons(
StringOutput sb, FlexiTableComponent ftC, Translator translator) {
FlexiTableElementImpl ftE = ftC.getFlexiTableElement();
if (ftE.isSelectAllEnable()) {
String formName = ftE.getRootForm().getFormName();
String dispatchId = ftE.getFormDispatchId();
sb.append("<div class='o_table_footer'><div class='o_table_checkall input-sm'>");
sb.append("<label class='checkbox-inline'><a id='")
.append(dispatchId)
.append("_sa' href=\"javascript:o_table_toggleCheck('")
.append(formName)
.append("', true);")
.append(
FormJSHelper.getXHRFnCallFor(
ftE.getRootForm(), dispatchId, 1, new NameValuePair("select", "checkall")))
.append("\"><i class='o_icon o_icon-lg o_icon_check_on'> </i> <span>")
.append(translator.translate("form.checkall"))
.append("</span></a></label>");
sb.append("<label class='checkbox-inline'><a id='")
.append(dispatchId)
.append("_dsa' href=\"javascript:o_table_toggleCheck('")
.append(formName)
.append("', false);")
.append(
FormJSHelper.getXHRFnCallFor(
ftE.getRootForm(), dispatchId, 1, new NameValuePair("select", "uncheckall")))
.append("\"><i class='o_icon o_icon-lg o_icon_check_off'> </i> <span>")
.append(translator.translate("form.uncheckall"))
.append("</span></a></label>");
sb.append("</div></div>");
}
if (ftE.getDefaultPageSize() > 0) {
renderPagesLinks(sb, ftC, translator);
}
}
protected void renderSortDropdown(
StringOutput sb, FlexiTableElementImpl ftE, List<FlexiTableSort> sorts) {
Form theForm = ftE.getRootForm();
String dispatchId = ftE.getFormDispatchId();
sb.append("<div class='btn-group'>")
.append("<button id='table-button-sorters-")
.append(dispatchId)
.append("' type='button' class='btn btn-default dropdown-toggle' data-toggle='dropdown'>")
.append("<i class='o_icon o_icon_sort_menu o_icon-lg'> </i> <b class='caret'></b></button>")
.append("<div id='table-sorters-")
.append(dispatchId)
.append("' class='hide'><ul class='o_dropdown list-unstyled' role='menu'>");
for (FlexiTableSort sort : sorts) {
if (FlexiTableSort.SPACER.equals(sort)) {
sb.append("<li class='divider'></li>");
} else {
sb.append("<li><a href=\"javascript:")
.append(
FormJSHelper.getXHRFnCallFor(
theForm,
dispatchId,
1,
new NameValuePair("sort", sort.getSortKey().getKey()),
new NameValuePair("asc", sort.getSortKey().isAsc() ? "desc" : "asc")))
.append("\">");
if (sort.isSelected()) {
if (sort.getSortKey().isAsc()) {
sb.append("<i class='o_icon o_icon_sort_desc o_icon-fw'> </i> ");
} else {
sb.append("<i class='o_icon o_icon_sort_asc o_icon-fw'> </i> ");
}
}
sb.append(sort.getLabel()).append("</a></li>");
}
}
sb.append("</ul></div></div> ")
.append("<script type='text/javascript'>\n")
.append("/* <![CDATA[ */\n")
.append("jQuery(function() { o_popover('table-button-sorters-")
.append(dispatchId)
.append("','table-sorters-")
.append(dispatchId)
.append("'); });\n")
.append("/* ]]> */\n")
.append("</script>");
}
private void appendPagenNumberLink(StringOutput sb, FlexiTableComponent ftC, int page, int i) {
FlexiTableElementImpl ftE = ftC.getFlexiTableElement();
Form theForm = ftE.getRootForm();
sb.append("<li")
.append(" class='active'", (page == i))
.append("><a href=\"javascript:")
.append(
FormJSHelper.getXHRFnCallFor(
theForm,
ftC.getFormDispatchId(),
1,
new NameValuePair("page", Integer.toString(i))))
.append("\">")
.append(i + 1)
.append("</a></li>");
}
protected String renderFilterDropdown(
StringOutput sb, FlexiTableElementImpl ftE, List<FlexiTableFilter> filters) {
Form theForm = ftE.getRootForm();
String dispatchId = ftE.getFormDispatchId();
String selected = null;
sb.append("<div class='btn-group'>")
.append("<button id='table-button-filters-")
.append(dispatchId)
.append("' type='button' class='btn btn-default dropdown-toggle' data-toggle='dropdown'>")
.append("<i class='o_icon o_icon_filter o_icon-lg'> </i> <b class='caret'></b></button>")
.append("<div id='table-filters-")
.append(dispatchId)
.append("' class='hide'><ul class='o_dropdown list-unstyled' role='menu'>");
for (FlexiTableFilter filter : filters) {
if (FlexiTableFilter.SPACER.equals(filter)) {
sb.append("<li class='divider'></li>");
} else {
sb.append("<li><a href=\"javascript:")
.append(
FormJSHelper.getXHRFnCallFor(
theForm, dispatchId, 1, new NameValuePair("filter", filter.getFilter())))
.append("\">")
.append("<i class='o_icon o_icon_check o_icon-fw'> </i> ", filter.isSelected());
if (filter.getIconLeftCSS() != null) {
sb.append("<i class='o_icon ").append(filter.getIconLeftCSS()).append("'> </i> ");
}
sb.append(filter.getLabel()).append("</a></li>");
if (filter.isSelected()) {
selected = filter.getLabel();
}
}
}
sb.append("</ul></div></div> ")
.append("<script type='text/javascript'>\n")
.append("/* <![CDATA[ */\n")
.append("jQuery(function() { o_popover('table-button-filters-")
.append(dispatchId)
.append("','table-filters-")
.append(dispatchId)
.append("'); });\n")
.append("/* ]]> */\n")
.append("</script>");
return selected;
}
private void renderPageNextLink(StringOutput sb, FlexiTableComponent ftC, int page, int maxPage) {
boolean disabled = (page >= maxPage);
FlexiTableElementImpl ftE = ftC.getFlexiTableElement();
Form theForm = ftE.getRootForm();
sb.append("<li ").append(" class='disabled'", disabled).append("><a href=\"");
if (disabled) {
sb.append("#");
} else {
sb.append("javascript:")
.append(
FormJSHelper.getXHRFnCallFor(
theForm,
ftC.getFormDispatchId(),
1,
new NameValuePair("page", Integer.toString(page + 1))));
}
sb.append("\">").append("»").append("</li></a>");
}
private void renderPageSize(StringOutput sb, FlexiTableComponent ftC, Translator translator) {
FlexiTableElementImpl ftE = ftC.getFlexiTableElement();
FlexiTableDataModel<?> dataModel = ftE.getTableDataModel();
Form theForm = ftE.getRootForm();
String dispatchId = ftE.getFormDispatchId();
int pageSize = ftE.getPageSize();
int firstRow = ftE.getFirstRow();
int maxRows = ftE.getMaxRows();
int rows = dataModel.getRowCount();
int lastRow = Math.min(rows, firstRow + maxRows);
sb.append("<div class='o_table_rows_infos'>");
sb.append(
translator.translate(
"page.size.a",
new String[] {
Integer.toString(firstRow + 1), // for humans
Integer.toString(lastRow),
Integer.toString(rows)
}))
.append(" ");
sb.append(
"<div class='btn-group dropup'><button type='button' class='btn btn-default dropdown-toggle' data-toggle='dropdown' aria-expanded='false'>")
.append(" <span>");
if (pageSize < 0) {
sb.append(translator.translate("show.all"));
} else {
sb.append(Integer.toString(pageSize));
}
sb.append("</span> <span class='caret'></span></button>")
.append("<ul class='dropdown-menu' role='menu'>");
int[] sizes = new int[] {20, 50, 100, 250};
for (int size : sizes) {
sb.append("<li><a href=\"javascript:")
.append(
FormJSHelper.getXHRFnCallFor(
theForm, dispatchId, 1, new NameValuePair("pagesize", Integer.toString(size))))
.append("\" onclick=\"return o2cl();\">")
.append(Integer.toString(size))
.append("</a></li>");
}
if (ftE.isShowAllRowsEnabled()) {
sb.append("<li><a href=\"javascript:")
.append(
FormJSHelper.getXHRFnCallFor(
theForm, dispatchId, 1, new NameValuePair("pagesize", "all")))
.append("\" onclick=\"return o2cl();\">")
.append(translator.translate("show.all"))
.append("</a></li>");
}
sb.append("</ul></div>")
.append(" ")
.append(translator.translate("page.size.b"))
.append("</div> ");
}
@Override
public void render(
Renderer renderer,
StringOutput sb,
Component source,
URLBuilder ubu,
Translator translator,
RenderResult renderResult,
String[] args) {
FlexiTableComponent ftC = (FlexiTableComponent) source;
FlexiTableElementImpl ftE = ftC.getFlexiTableElement();
String id = ftC.getFormDispatchId();
renderHeaderButtons(renderer, sb, ftE, ubu, translator, renderResult, args);
if (ftE.getTableDataModel().getRowCount() == 0
&& StringHelper.containsNonWhitespace(ftE.getEmtpyTableMessageKey())) {
String emptyMessageKey = ftE.getEmtpyTableMessageKey();
sb.append("<div class='o_info'>")
.append(translator.translate(emptyMessageKey))
.append("</div>");
} else {
sb.append("<div class='o_table_wrapper o_table_flexi")
.append(" o_table_edit", ftE.isEditMode());
String css = ftE.getElementCssClass();
if (css != null) {
sb.append(" ").append(css);
}
switch (ftE.getRendererType()) {
case custom:
sb.append(" o_rendertype_custom");
break;
case classic:
sb.append(" o_rendertype_classic");
break;
}
sb.append("'");
String wrapperSelector = ftE.getWrapperSelector();
if (wrapperSelector != null) {
sb.append(" id='").append(wrapperSelector).append("'");
}
sb.append("><table id=\"")
.append(id)
.append("\" class=\"table table-condensed table-striped table-hover\">");
// render headers
renderHeaders(sb, ftC, translator);
// render body
sb.append("<tbody>");
renderBody(renderer, sb, ftC, ubu, translator, renderResult);
sb.append("</tbody></table>");
renderFooterButtons(sb, ftC, translator);
// draggable
if (ftE.getColumnIndexForDragAndDropLabel() > 0) {
sb.append("<script type='text/javascript'>")
.append("/* <![CDATA[ */ \n")
.append("jQuery(function() {\n")
.append(" jQuery('.o_table_flexi table tr').draggable({\n")
.append(" containment: '#o_main',\n")
.append(" zIndex: 10000,\n")
.append(" cursorAt: {left: 0, top: 0},\n")
.append(" accept: function(event,ui){ return true; },\n")
.append(" helper: function(event,ui,zt) {\n")
.append(" var helperText = jQuery(this).children('.o_dnd_label').text();\n")
.append(
" return jQuery(\"<div class='ui-widget-header o_table_drag'>\" + helperText + \"</div>\").appendTo('body').css('zIndex',5).show();\n")
.append(" }\n")
.append("});\n")
.append("});\n")
.append("/* ]]> */\n")
.append("</script>\n");
}
sb.append("</div>");
}
// source
if (source.isEnabled()) {
FormJSHelper.appendFlexiFormDirty(sb, ftE.getRootForm(), id);
}
}