Commit 9841bfcc authored by Vincent Pelletier's avatar Vincent Pelletier

Fix a glitch which happened when left or right groups were too wide for...

Fix a glitch which happened when left or right groups were too wide for browser window: right group used to wrap under left group. The chosen way is to wrap both groups in a table using a javascript. This used to be done by page template in html_style, but as form_render must remain generic it can't be done there.
Fix the display of login_form: make the html source code closer to what would be rendered by form_view if login_form was a formulator form.


git-svn-id: https://svn.erp5.org/repos/public/erp5/trunk@21211 20353a03-c40f-0410-a6d1-a30d3c3de9de
parent 7560a65d
...@@ -595,6 +595,14 @@ div.index_html table {\n ...@@ -595,6 +595,14 @@ div.index_html table {\n
min-height: 2.5em;\n min-height: 2.5em;\n
}\n }\n
\n \n
table.fake {\n
width: 100%;\n
}\n
\n
table.fake > tr > fieldset {\n
display: table-cell;\n
}\n
\n
.content .field {\n .content .field {\n
position: relative;\n position: relative;\n
clear: left;\n clear: left;\n
...@@ -613,14 +621,14 @@ div.index_html table {\n ...@@ -613,14 +621,14 @@ div.index_html table {\n
display: none;\n display: none;\n
}\n }\n
\n \n
div.top_group,\n table.fake,\n
fieldset.left,\n fieldset.left,\n
fieldset.center,\n fieldset.center,\n
fieldset.bottom {\n fieldset.bottom {\n
clear: both;\n clear: both;\n
}\n }\n
\n \n
div.top_group,\n table.fake,\n
fieldset.left,\n fieldset.left,\n
fieldset.right,\n fieldset.right,\n
fieldset.center,\n fieldset.center,\n
...@@ -628,7 +636,7 @@ fieldset.bottom {\n ...@@ -628,7 +636,7 @@ fieldset.bottom {\n
margin-bottom: 5px;\n margin-bottom: 5px;\n
}\n }\n
\n \n
div.top_group,\n table.fake,\n
fieldset.left,\n fieldset.left,\n
fieldset.right,\n fieldset.right,\n
fieldset.center {\n fieldset.center {\n
...@@ -644,6 +652,11 @@ fieldset.center {\n ...@@ -644,6 +652,11 @@ fieldset.center {\n
padding-bottom: 5px;\n padding-bottom: 5px;\n
}\n }\n
\n \n
.login fieldset {\n
width: 50%;\n
float: left;\n
}\n
\n
fieldset.left {\n fieldset.left {\n
width: 50%;\n width: 50%;\n
float: left;\n float: left;\n
...@@ -656,10 +669,10 @@ fieldset.right {\n ...@@ -656,10 +669,10 @@ fieldset.right {\n
margin-left: -12px; /* 5px margin *2 + 2px for left & right border width */\n margin-left: -12px; /* 5px margin *2 + 2px for left & right border width */\n
}\n }\n
\n \n
div.top_group fieldset.left,\n table.fake fieldset {\n
div.top_group fieldset.right {\n
border-width: 0;\n border-width: 0;\n
padding: 0;\n padding: 0;\n
margin: 0;\n
width: 50%;\n width: 50%;\n
}\n }\n
\n \n
...@@ -677,6 +690,7 @@ fieldset.bottom .field label {\n ...@@ -677,6 +690,7 @@ fieldset.bottom .field label {\n
}\n }\n
\n \n
.login fieldset,\n .login fieldset,\n
.dialog_box table.fake,\n
.dialog_box .left,\n .dialog_box .left,\n
.dialog_box .right,\n .dialog_box .right,\n
.dialog_box .center {\n .dialog_box .center {\n
......
...@@ -94,45 +94,94 @@ function autoFocus() {\n ...@@ -94,45 +94,94 @@ function autoFocus() {\n
}\n }\n
}\n }\n
\n \n
function fixLeftRightHeight(){\n function buildTables(element_list, rowPredicate, columnPredicate,\n
var lh = 0;\n tableClassName) {\n
var lfieldset;\n /* Generic code to build a table from elements in element_list.\n
var rh = 0;\n * rowPredicate(element) -> bool\n
var rfieldset;\n * When it returns a true value, a new line is started with element.\n
var list=document.getElementsByTagName(\'fieldset\');\n * When is returns a false value, element is skipped.\n
for(i=0; i<list.length; i=i+1){\n * columnPredicate(element, initial_element) -> bitfield\n
list_parts = list[i].id.split(\'_\');\n * bit 3: end_table (if true, imlies end_row)\n
for(j=1; j<list_parts.length; j=j+1){\n * End current table.\n
if(list_parts[j] == "left"){\n * bit 2: end_row\n
lfieldset = list[i];\n * End current row.\n
lh = lfieldset.offsetHeight;\n * bit 1: use_element\n
break;\n * Element passed to columnPredicate will be put in current row.\n
}else{\n * Hardcoded:\n
if(list_parts[j] == "right"){\n * - items in a table line must be siblings in existing DOM\n
rfieldset = list[i];\n * - table is put in place of first element of the first row\n
rh = rfieldset.offsetHeight;\n */\n
break;\n var element_index = 0;\n
while (element_index < element_list.length) {\n
var row_list = [];\n
var end_table = false;\n
while ((!end_table) && element_index < element_list.length) {\n
var row_begin = element_list[element_index];\n
if (rowPredicate(row_begin)) {\n
var item_list = [row_begin];\n
var row_item = row_begin;\n
var end_line = false;\n
while ((!end_line) && (row_item = row_item.nextSibling) != null) {\n
var predicate_result = columnPredicate(row_item, row_begin)\n
if ((predicate_result & 1) != 0)\n
item_list.push(row_item);\n
end_table = ((predicate_result & 4) != 0);\n
end_line = ((predicate_result & 6) != 0);\n
}\n }\n
row_list.push(item_list);\n
}\n }\n
element_index++;\n
}\n }\n
if(lh && rh){\n /* Do not create a table with just one cell. */\n
break;\n if ((row_list.length > 1) ||\n
(row_list.length == 1 && row_list[0].length > 1)) {\n
var first_element = row_list[0][0];\n
var container = first_element.parentNode;\n
var fake_table = document.createElement("table");\n
var i;\n
var j;\n
fake_table.className = tableClassName;\n
container.insertBefore(fake_table, first_element);\n
for (i = 0; i < row_list.length; i++) {\n
var fake_row = document.createElement("tr");\n
var row_element_list = row_list[i];\n
for (j = 0; j < row_element_list.length; j++)\n
fake_row.appendChild(row_element_list[j]);\n
fake_table.appendChild(fake_row);\n
}\n
}\n }\n
}\n }\n
if(lh && rh){\n }\n
lfieldset.style.height = (lh>rh)? lh+"px" : rh+"px";\n \n
rfieldset.style.height = (lh>rh)? lh+"px" : rh+"px";\n function matchChunk(string, separator, chunk_value) {\n
lfieldset.style.borderRightWidth = 0;\n if (string != null) {\n
rfieldset.style.borderLeftWidth = 0;\n var id_chunks = string.split(separator);\n
/* XXX: hardcoded values required unless there is a way to compute "12px"-"1px" in js */\n var i;\n
lfieldset.style.marginRight = "-11px";\n for (i = 0; i < id_chunks.length; i++) {\n
rfieldset.style.marginLeft = "-11px";\n if (id_chunks[i] == chunk_value)\n
return true;\n
}\n
}\n }\n
return false;\n
}\n
\n
function matchLeftFieldset(element) {\n
return (element.tagName == "FIELDSET") &&\n
matchChunk(element.id, \'_\', "left");\n
}\n
\n
function matchRightFieldset(element, ignored) {\n
if ((element.tagName == "FIELDSET") &&\n
matchChunk(element.id, \'_\', "right"))\n
return 7; /* End row, table and use element */\n
return 0;\n
}\n }\n
\n \n
function fixLeftRightHeightAndFocus(fix_height) {\n function fixLeftRightHeightAndFocus(fix_height) {\n
if (fix_height == 1) {\n if (fix_height == 1) {\n
fixLeftRightHeight();\n buildTables(document.getElementsByTagName(\'fieldset\'),\n
matchLeftFieldset, matchRightFieldset,\n
"fake");\n
}\n }\n
autoFocus();\n autoFocus();\n
}\n }\n
......
...@@ -78,18 +78,21 @@ ...@@ -78,18 +78,21 @@
<input tal:condition="exists: request/came_from"\n <input tal:condition="exists: request/came_from"\n
type="hidden" name="came_from"\n type="hidden" name="came_from"\n
tal:attributes="value request/came_from" />\n tal:attributes="value request/came_from" />\n
<fieldset id="fieldset_left" class="left">\n <fieldset>\n
<div class="field">\n <div class="field">\n
<label for="name" class="required" i18n:translate="" i18n:domain="ui">Name</label>\n <label for="name" class="required" i18n:translate="" i18n:domain="ui">Name</label>\n
<div class="input"><input type="text" name="__ac_name" id="name" tal:attributes="value python: request.get(\'__ac_name\') or \'\'" /></div>\n <div class="input"><input type="text" name="__ac_name" id="name" tal:attributes="value python: request.get(\'__ac_name\') or \'\'" /></div>\n
<p class="clear"></p>\n
</div>\n </div>\n
<div class="field">\n <div class="field">\n
<label for="password" i18n:translate="" i18n:domain="ui">Password</label>\n <label for="password" i18n:translate="" i18n:domain="ui">Password</label>\n
<div class="input"><input type="password" name="__ac_password" id="password" /></div>\n <div class="input"><input type="password" name="__ac_password" id="password" /></div>\n
<p class="clear"></p>\n
</div>\n </div>\n
<div class="field">\n <div class="field">\n
<label for="cb_remember" i18n:translate="" i18n:domain="ui">Remember my name</label>\n <label for="cb_remember" i18n:translate="" i18n:domain="ui">Remember my name</label>\n
<div class="input"><input type="checkbox" name="__ac_persistent" value="1" checked="checked" id="cb_remember" /></div>\n <div class="input"><input type="checkbox" name="__ac_persistent" value="1" checked="checked" id="cb_remember" /></div>\n
<p class="clear"></p>\n
</div>\n </div>\n
<div class="field">\n <div class="field">\n
<label>&nbsp;</label>\n <label>&nbsp;</label>\n
...@@ -98,6 +101,7 @@ ...@@ -98,6 +101,7 @@
tal:attributes="name python: \'%s:method\' % (form_action, )"\n tal:attributes="name python: \'%s:method\' % (form_action, )"\n
i18n:attributes="value" i18n:domain="ui" />\n i18n:attributes="value" i18n:domain="ui" />\n
</div>\n </div>\n
<p class="clear"></p>\n
</div>\n </div>\n
<div class="field">\n <div class="field">\n
<label>&nbsp;</label>\n <label>&nbsp;</label>\n
......
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