Skip to content

erp5
erp5
Commit 3c2db1a7 authored by Ivan Tyagov's avatar Ivan Tyagov
Browse files
Options

Introduce page navigation mode. 

Follow CSS naming convention.

git-svn-id: https://svn.erp5.org/repos/public/erp5/trunk@37361 20353a03-c40f-0410-a6d1-a30d3c3de9de
parent efa60961
Hide whitespace changes
Inline Side-by-side
Showing with 81 additions and 61 deletions
bt5/erp5_km/SkinTemplateItem/portal_skins/erp5_km_theme/ListBox_asHTML.xml
View file @ 3c2db1a7
...@@ -79,7 +79,8 @@ ...@@ -79,7 +79,8 @@
current_page_stop python: (total_line < current_page_max) and total_line or current_page_max;\n current_page_stop python: (total_line < current_page_max) and total_line or current_page_max;\n
listbox_id request/current_form_id | form_id ;\n listbox_id request/current_form_id | form_id ;\n
listbox_url string:${context_url}/${listbox_id};\n listbox_url string:${context_url}/${listbox_id};\n
need_pagination python: total_line > listbox_max_lines;">\n need_pagination python: total_line > listbox_max_lines;\n
page_navigation_mode here/getPageNavigationMode;">\n
\n \n
<!-- Define hidden input. -->\n <!-- Define hidden input. -->\n
<input type="hidden" name="list_selection_name" value="default" tal:attributes="value selection_name" />\n <input type="hidden" name="list_selection_name" value="default" tal:attributes="value selection_name" />\n
...@@ -100,9 +101,9 @@ ...@@ -100,9 +101,9 @@
</tal:block>\n </tal:block>\n
</tal:block>\n </tal:block>\n
\n \n
<div class="listbox_block">\n <div class="listbox-container">\n
\n \n
<div class="listbox_left">\n <div class="listbox-tree">\n
<div class="listbox_domain_tree_mode" tal:condition="is_domain_tree_mode">\n <div class="listbox_domain_tree_mode" tal:condition="is_domain_tree_mode">\n
<div tal:define="selected_domain_path here/getSelectedDomainPath">\n <div tal:define="selected_domain_path here/getSelectedDomainPath">\n
<select name="domain_root_url"\n <select name="domain_root_url"\n
...@@ -141,12 +142,10 @@ ...@@ -141,12 +142,10 @@
</div>\n </div>\n
</div>\n </div>\n
</div>\n </div>\n
<tal:comment tal:replace="nothing">\n \n
Minimize the withd in domain tree mode else maximize\n <div class="listbox-content">\n
</tal:comment>\n \n
<div class="listbox_center"\n <div class="listbox-head">\n
tal:attributes="style python: is_domain_tree_mode and \'width: auto\' or \'width: 100%\'">\n
<div class="listbox_head">\n
<span tal:content="here/getTitle"/>\n <span tal:content="here/getTitle"/>\n
<span tal:condition="python: here.getTitle() and total_line>0"> - </span>\n <span tal:condition="python: here.getTitle() and total_line>0"> - </span>\n
<!--Show search result -->\n <!--Show search result -->\n
...@@ -155,12 +154,12 @@ ...@@ -155,12 +154,12 @@
\n \n
<!-- Set a slot for additional content ? -->\n <!-- Set a slot for additional content ? -->\n
</div>\n </div>\n
<div class="listox_body">\n <div class="listbox-body">\n
<table class="listbox"> \n <table class="listbox"> \n
<thead>\n <thead>\n
<!--Column title -->\n <!--Column title -->\n
<tr id="listbox_label_line" class="listbox_label_line"\n <tr id="listbox-label-line" class="listbox-label-line"\n
tal:attributes="id string:${field_id}_label_line"> \n tal:attributes="id string:${field_id}-label-line"> \n
<!--Report tree-->\n <!--Report tree-->\n
<th tal:condition="is_report_tree_mode"\n <th tal:condition="is_report_tree_mode"\n
style="width: 50px; text-align: left; vertical-align: middle">\n style="width: 50px; text-align: left; vertical-align: middle">\n
...@@ -175,9 +174,7 @@ ...@@ -175,9 +174,7 @@
</select>\n </select>\n
</th>\n </th>\n
<!--Anchor Column -->\n <!--Anchor Column -->\n
<th class="AnchorColumn" tal:condition="show_anchor_column">\n <th class="AnchorColumn" tal:condition="show_anchor_column">&nbsp;</th>\n
&nbsp;\n
</th>\n
<!--Add colum for checkbox-->\n <!--Add colum for checkbox-->\n
<th tal:condition="python: show_select_column"\n <th tal:condition="python: show_select_column"\n
class="select_cell"\n class="select_cell"\n
...@@ -186,20 +183,24 @@ ...@@ -186,20 +183,24 @@
vertical-align: middle;\n vertical-align: middle;\n
white-space: nowrap;">\n white-space: nowrap;">\n
\n \n
<input id="listbox_check_all" type="image"\n <input id="listbox-check-all"\n
name="checkAll:method" value="1"\n class="listbox-selection-action listbox-check-all"\n
alt="Check All" title="Check All"\n type="image"\n
tal:attributes="id string:${field_id}_check_all;\n name="checkAll:method" value="1"\n
name string:${field_id}_checkAll:method;\n alt="Check All" title="Check All"\n
src string:${portal_url_string}/images/checkall.png"\n tal:attributes="id string:${field_id}-check-all;\n
i18n:domain="ui" i18n:attributes="title" />\n name string:${field_id}_checkAll:method;\n
src string:${portal_url_string}/images/checkall.png"\n
i18n:domain="ui" i18n:attributes="title" />\n
&nbsp;\n &nbsp;\n
<input id="listbox_uncheck_all"\n <input id="listbox-uncheck-all"\n
type="image" name="uncheckAll:method" value="1"\n class="listbox-selection-action listbox-uncheck-all"\n
style="border: 0" alt="Uncheck All" title="Uncheck All"\n type="image" \n
tal:attributes="id string:${field_id}_uncheck_all;\n name="uncheckAll:method" value="1"\n
src string:${portal_url_string}/images/decheckall.png;\n alt="Uncheck All" title="Uncheck All"\n
name string:${field_id}_uncheckAll:method;"\n tal:attributes="id string:${field_id}-uncheck-all;\n
src string:${portal_url_string}/images/decheckall.png;\n
name string:${field_id}_uncheckAll:method;"\n
i18n:domain="ui" i18n:attributes="title" /> \n i18n:domain="ui" i18n:attributes="title" /> \n
\n \n
</th>\n </th>\n
...@@ -246,8 +247,9 @@ ...@@ -246,8 +247,9 @@
\n \n
<!--Search column input -->\n <!--Search column input -->\n
<tr tal:condition="python: show_search_line or is_report_tree_mode"\n <tr tal:condition="python: show_search_line or is_report_tree_mode"\n
id="listbox_search_line" class="listbox_search_line"\n id="listbox_search_line" \n
tal:attributes="id python: show_search_line and (\'%s_search_line\' % field_id) or (\'%s_report_depth_line\' % field_id)">\n class="listbox-search-line"\n
tal:attributes="id python: show_search_line and (\'%s-search-line\' % field_id) or (\'%s-report-depth-line\' % field_id)">\n
<!--Report Tree -->\n <!--Report Tree -->\n
<tal:block tal:condition="is_report_tree_mode">\n <tal:block tal:condition="is_report_tree_mode">\n
<th style="width: 50px; text-align: left; vertical-align: middle" colspan="1"\n <th style="width: 50px; text-align: left; vertical-align: middle" colspan="1"\n
...@@ -415,30 +417,35 @@ ...@@ -415,30 +417,35 @@
<div class="listbox-footer-box">\n <div class="listbox-footer-box">\n
<!-- List mode choice -->\n <!-- List mode choice -->\n
<div tal:condition="python: not is_gadget_mode and (is_domain_tree_supported or is_report_tree_supported)"\n <div tal:condition="python: not is_gadget_mode and (is_domain_tree_supported or is_report_tree_supported)"\n
class="list_mode_selection">\n class="listbox-tree-mode-selection">\n
\n \n
<input tal:condition="python: is_domain_tree_supported or is_report_tree_supported"\n <input tal:condition="python: is_domain_tree_supported or is_report_tree_supported"\n
type="image" src="text_block.png" id="listbox_flat_list_mode"\n type="image" \n
class="listbox_flat_list_mode"\n class="listbox-tree-flat-list-mode"\n
title="Flat List" name="setFlatListMode:method"\n title="Flat List" \n
value="1" alt="Flat List"\n name="setFlatListMode:method"\n
tal:attributes="src string:${portal_url_string}/images/text_block.png;\n value="1" \n
id string:${field_id}_flat_list_mode"\n alt="Flat List"\n
i18n:domain="ui" i18n:attributes="title" />\n tal:attributes="src string:${portal_url_string}/images/text_block.png;"\n
<input tal:condition="python: not is_gadget_mode and is_report_tree_supported"\n i18n:domain="ui" i18n:attributes="title alt" />\n
type="image" src="view_tree.png" id="listbox_report_tree_mode"\n <input tal:condition="python: not is_gadget_mode and is_report_tree_supported"\n
title="Report Tree" name="setReportTreeMode:method"\n type="image" \n
value="1" alt="Report Tree"\n class="listbox-tree-report-tree-mode"\n
tal:attributes="src string:${portal_url_string}/images/view_tree.png;\n title="Report Tree" \n
id string:${field_id}_report_tree_mode"\n name="setReportTreeMode:method"\n
i18n:domain="ui" i18n:attributes="title" />\n value="1" \n
<input tal:condition="python: not is_gadget_mode and is_domain_tree_supported"\n alt="Report Tree"\n
type="image" src="view_choose.png" id="listbox_domain_tree_mode"\n tal:attributes="src string:${portal_url_string}/images/view_tree.png;"\n
title="Domain Tree" name="setDomainTreeMode:method"\n i18n:domain="ui" i18n:attributes="title alt" />\n
value="1" alt="Domain Tree"\n <input tal:condition="python: not is_gadget_mode and is_domain_tree_supported"\n
tal:attributes="src string:${portal_url_string}/images/view_choose.png;\n type="image" \n
id string:${field_id}_domain_tree_mode"\n class="listbox-tree-domain-tree-mode"\n
i18n:domain="ui" i18n:attributes="title" />\n title="Domain Tree" \n
name="setDomainTreeMode:method"\n
value="1" \n
alt="Domain Tree"\n
tal:attributes="src string:${portal_url_string}/images/view_choose.png;"\n
i18n:domain="ui" i18n:attributes="title alt" />\n
</div>\n </div>\n
\n \n
<!-- List display mode -->\n <!-- List display mode -->\n
......
bt5/erp5_km/SkinTemplateItem/portal_skins/erp5_km_theme/km_css/listbox.css.xml
View file @ 3c2db1a7
...@@ -169,29 +169,39 @@ div.search_popup{\n ...@@ -169,29 +169,39 @@ div.search_popup{\n
/*********************/\n /*********************/\n
/* Listbox style */\n /* Listbox style */\n
/*********************/\n /*********************/\n
.listbox_left {\n div.listbox-container{\n
width: 100%;\n
}\n
\n
div.listbox-tree {\n
margin-right: 4px;\n margin-right: 4px;\n
width: auto;\n width: auto;\n
float: left;\n float: left;\n
}\n }\n
\n \n
.listbox_center{\n div.listbox-content{\n
float: left;\n float: left; \n
width: auto; \n
}\n }\n
.listbox_head{\n \n
div.listbox-head{\n
color:#9D968D;\n color:#9D968D;\n
font-weight:bold;\n font-weight:bold;\n
margin-bottom: 10px;\n margin-bottom: 10px;\n
}\n }\n
\n \n
div.listbox-body{\n
width:auto;\n
}\n
\n
/* List mode selection*/\n /* List mode selection*/\n
.list_mode_selection{\n div.listbox-tree-mode-selection{\n
height: 22px;\n height: 22px;\n
width: auto;\n width: auto;\n
float: left;\n float: left;\n
}\n }\n
\n \n
.list_mode_selection input{\n div.listbox-tree-mode-selection input{\n
width: auto;\n width: auto;\n
}\n }\n
\n \n
...@@ -287,15 +297,18 @@ a.tree_open {\n ...@@ -287,15 +297,18 @@ a.tree_open {\n
padding-left:15px;\n padding-left:15px;\n
}\n }\n
\n \n
div.listbox-tree select{\n
max-width:120px;\n
}\n
/*Table Listbox elements */\n /*Table Listbox elements */\n
.listbox th {\n .listbox th {\n
text-align:left;\n text-align:left;\n
vertical-align: top;\n vertical-align: top;\n
}\n }\n
.listbox_search_line, .listbox_label_line{\n .listbox-search-line, .listbox-label-line{\n
background-color: #F0EFE9;\n background-color: #F0EFE9;\n
}\n }\n
.listbox_search_line th{\n .listbox-search-line th{\n
background-color: inherit;\n background-color: inherit;\n
}\n }\n
\n \n
......
bt5/erp5_km/bt/revision
View file @ 3c2db1a7
1500 1501
\ No newline at end of file \ No newline at end of file
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