holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Popup resize handler enhancement:

Browse Source 
- Fix multi-line textbox resizing
- Introduce tab_height to tab widget and remove extra height set on tab containers children
- Let mail compose uses its own resize handling as it deals with some special resizing
This commit is contained in:
Hadi Nategh 2014-12-05 17:29:41 +00:00
parent 42b0814429
commit 1869e94f84
11 changed files with 58 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
addressbook/templates/default/app.css
View File

@ -35,7 +35,6 @@ div#addressbook_view_sidebox img.photo {
* new addressbook.edit * new addressbook.edit
*/ */
div#addressbook-edit.et2_container { div#addressbook-edit.et2_container {
width: 842px;
} }
div.addressbook_edit_general_picture { div.addressbook_edit_general_picture {
position: relative; position: relative;

24
addressbook/templates/default/edit.xet
View File

@ -54,7 +54,7 @@
</grid> </grid>
</template> </template>
<template id="addressbook.edit.general" template="" lang="" group="0" version="1.9.003"> <template id="addressbook.edit.general" template="" lang="" group="0" version="1.9.003">
<grid width="100%" height="200"> <grid width="100%">
<columns> <columns>
<column width="82"/> <column width="82"/>
<column width="300"/> <column width="300"/>
@ -162,7 +162,7 @@
</grid> </grid>
</template> </template>
<template id="addressbook.edit.details" template="" lang="" group="0" version="1.9.002"> <template id="addressbook.edit.details" template="" lang="" group="0" version="1.9.002">
<grid width="100%" height="200" overflow="auto"> <grid width="100%" overflow="auto">
<columns> <columns>
<column disabled="!@cat_tab=Tree"/> <column disabled="!@cat_tab=Tree"/>
<column disabled="@cat_tab=Tree"/> <column disabled="@cat_tab=Tree"/>
@ -172,7 +172,7 @@
<row valign="top"> <row valign="top">
<tree-cat id="cat_id_tree" options="13,,width:99%"/> <tree-cat id="cat_id_tree" options="13,,width:99%"/>
<listbox type="select-cat" id="cat_id" rows="013" options=",width:99%"/> <listbox type="select-cat" id="cat_id" rows="013" options=",width:99%"/>
<grid width="100%" height="200"> <grid width="100%">
<columns> <columns>
<column width="80"/> <column width="80"/>
<column/> <column/>
@ -192,7 +192,7 @@
</row> </row>
<row valign="top"> <row valign="top">
<description for="pubkey" value="Public key"/> <description for="pubkey" value="Public key"/>
<textbox multiline="true" id="pubkey" rows="4" class="et2_fullWidth"/> <textbox multiline="true" id="pubkey" rows="4" resize_ratio="0" class="et2_fullWidth"/>
</row> </row>
</rows> </rows>
</grid> </grid>
@ -201,7 +201,7 @@
</grid> </grid>
</template> </template>
<template id="addressbook.edit.home" template="" lang="" group="0" version="1.9.001"> <template id="addressbook.edit.home" template="" lang="" group="0" version="1.9.001">
<grid width="100%" height="200"> <grid width="100%">
<columns> <columns>
<column width="82"/> <column width="82"/>
<column width="300"/> <column width="300"/>
@ -304,7 +304,7 @@
</grid> </grid>
</template> </template>
<template id="addressbook.edit.links" template="" lang="" group="0" version="1.9.001"> <template id="addressbook.edit.links" template="" lang="" group="0" version="1.9.001">
<grid width="100%" height="200" overflow="auto"> <grid width="100%" overflow="auto">
<columns> <columns>
<column/> <column/>
</columns> </columns>
@ -325,26 +325,26 @@
</grid> </grid>
</template> </template>
<template id="addressbook.edit.distribution_list" template="" lang="" group="0" version="1.9.001"> <template id="addressbook.edit.distribution_list" template="" lang="" group="0" version="1.9.001">
<box height="200" width="100%" overflow="auto"> <box width="100%" overflow="auto">
<description id="distrib_lists" span="all"/> <description id="distrib_lists" span="all"/>
</box> </box>
</template> </template>
<template id="addressbook.edit.custom" template="" lang="" group="0" version="1.9.001"> <template id="addressbook.edit.custom" template="" lang="" group="0" version="1.9.001">
<box height="200" width="100%" overflow="auto"> <box width="100%" overflow="auto">
<customfields options="$cont[tid],$cont[no_private_cfs]"/> <customfields options="$cont[tid],$cont[no_private_cfs]"/>
</box> </box>
</template> </template>
<template id="addressbook.edit.custom_private" template="" lang="" group="0" version="1.9.001"> <template id="addressbook.edit.custom_private" template="" lang="" group="0" version="1.9.001">
<box height="200" width="100%" overflow="auto"> <box width="100%" overflow="auto">
<customfields id="private_cfs" options="$cont[tid],1"/> <customfields id="private_cfs" options="$cont[tid],1"/>
</box> </box>
</template> </template>
<template id="addressbook.edit.history" template="" lang="" group="0" version="1.9.001"> <template id="addressbook.edit.history" template="" lang="" group="0" version="1.9.001">
<historylog id="history" height="200" width="100%" overflow="hidden"/> <historylog id="history" width="100%" overflow="hidden"/>
</template> </template>
<template id="addressbook.edit" template="" lang="" group="0" version="1.9.004" class="addressbook_edit"> <template id="addressbook.edit" template="" lang="" group="0" version="1.9.004" class="addressbook_edit">
<template id="addressbook.editname"/> <template id="addressbook.editname"/>
<grid class="addressbook_edit" border="1"> <grid class="addressbook_edit" border="1" width="100%">
<columns> <columns>
<column width="90"/> <column width="90"/>
<column width="90"/> <column width="90"/>
@ -394,7 +394,7 @@
<description/> <description/>
</row> </row>
<row> <row>
<tabbox id="tabs" span="all" width="100%"> <tabbox id="tabs" span="all" width="100%" tab_height="200">
<tabs> <tabs>
<tab id="general" label="Organisation"/> <tab id="general" label="Organisation"/>
<tab id="home" label="Private" statustext="Home address, Birthday, ..."/> <tab id="home" label="Private" statustext="Home address, Birthday, ..."/>

6
addressbook/templates/pixelegg/app.css
View File

@ -46,9 +46,6 @@ div#addressbook_view_sidebox img.photo {
/** /**
* new addressbook.edit * new addressbook.edit
*/ */
div#addressbook-edit.et2_container {
width: 842px;
}
div.addressbook_edit_general_picture { div.addressbook_edit_general_picture {
position: relative; position: relative;
} }
@ -522,9 +519,6 @@ div#addressbook-index img.iphoto {
# # # #
# # # #
##############################################*/ ##############################################*/
div#addressbook-edit.et2_container {
width: 842px;
}
div.addressbook_edit_general_picture img { div.addressbook_edit_general_picture img {
top: -4px; top: -4px;
width: 70px; width: 70px;

1
addressbook/templates/pixelegg/app.less
View File

@ -394,7 +394,6 @@ button#tracker-index-addressbook_add{
##############################################*/ ##############################################*/
div#addressbook-edit.et2_container { div#addressbook-edit.et2_container {
width: 842px;
} }
// person image // person image

7
etemplate/js/et2_widget_grid.js
View File

@ -985,12 +985,11 @@ var et2_grid = et2_DOMWidget.extend([et2_IDetachedDOM, et2_IAligned, et2_IResize
resize: function (_height) resize: function (_height)
{ {
if (typeof this.options.resize_ratio != 'undefined' if (typeof this.options != 'undefined' && _height)
&&this.options.resize_ratio !='' && _height)
{ {
// apply the ratio // apply the ratio
_height *= this.options.resize_ratio; _height = (this.options.resize_ratio != '')? _height * this.options.resize_ratio: _height;
//this.table.height(this.table.height() + _height); //if (_height != 0) this.table.height(this.table.height() + _height );
} }
} }
}); });

18
etemplate/js/et2_widget_tabs.js
View File

@ -35,6 +35,11 @@ var et2_tabbox = et2_valueWidget.extend([et2_IInput,et2_IResizeable],
'name': 'Add tabs', 'name': 'Add tabs',
'default': false, 'default': false,
'description': 'Set to true if tabs should be added to tabs from read from template, default false if not' 'description': 'Set to true if tabs should be added to tabs from read from template, default false if not'
},
tab_height: {
name: 'Tabs innerHeight',
default: '',
description: 'Set the innerHeight for the tab content'
} }
}, },
@ -415,6 +420,12 @@ var et2_tabbox = et2_valueWidget.extend([et2_IInput,et2_IResizeable],
} }
}, },
set_tab_height: function (_height)
{
this.tab_height = _height;
this.tabContainer.css("height", _height);
},
set_height: function(_value) { set_height: function(_value) {
this.height = _value; this.height = _value;
@ -451,7 +462,12 @@ var et2_tabbox = et2_valueWidget.extend([et2_IInput,et2_IResizeable],
{ {
if(_height) if(_height)
{ {
this.tabContainer.height(this.tabContainer.height() + _height); this.set_height(this.tabContainer.height() + _height);
}
//Set the height of tabs with the heighest height
else if(_height === 0)
{
this.set_height(this.tabContainer.height());
} }
} }
}); });

8
etemplate/js/et2_widget_textbox.js
View File

@ -235,13 +235,11 @@ var et2_textbox = et2_inputWidget.extend([et2_IResizeable],
resize: function (_height) resize: function (_height)
{ {
if (typeof this.options.resize_ratio != 'undefined' if (_height && this.options.multiline)
&&this.options.resize_ratio !='' && _height)
{ {
// apply the ratio // apply the ratio
_height *= this.options.resize_ratio; _height = (this.options.resize_ratio != '')? _height * this.options.resize_ratio: _height;
if (_height != 0) this.input.height(this.input.height() + _height);
this.input.height(this.input.height() + _height);
} }
} }
}); });

8
etemplate/js/etemplate2.js
View File

@ -106,12 +106,14 @@ etemplate2.prototype.templates = {};
/** /**
* Calls the resize event of all widgets * Calls the resize event of all widgets
*/ */
etemplate2.prototype.resize = function() etemplate2.prototype.resize = function(e)
{ {
if (this.widgetContainer) if (this.widgetContainer)
{ {
//Calculate the excess height //Calculate the excess height
var excess_height = egw(window).is_popup()? $j(window).height() - $j('.et2_container').height() - 20: false; var excess_height = egw(window).is_popup()? $j(window).height() - $j('.et2_container').height() - 26: false;
if (typeof e != 'undefined' && e.type !== 'resize') excess_height = 0;
// Call the "resize" event of all functions which implement the // Call the "resize" event of all functions which implement the
// "IResizeable" interface // "IResizeable" interface
this.widgetContainer.iterateOver(function(_widget) { this.widgetContainer.iterateOver(function(_widget) {
@ -395,7 +397,7 @@ etemplate2.prototype.load = function(_name, _url, _data, _callback)
this.widgetContainer.loadingFinished(deferred); this.widgetContainer.loadingFinished(deferred);
// Connect to the window resize event // Connect to the window resize event
$j(window).on("resize."+this.uniqueId, this, function(e) {e.data.resize();}); $j(window).on("resize."+this.uniqueId, this, function(e) {e.data.resize(e);});
// Insert the document fragment to the DOM Container // Insert the document fragment to the DOM Container
this.DOMContainer.appendChild(frag); this.DOMContainer.appendChild(frag);

14
infolog/templates/default/edit.xet
View File

@ -5,7 +5,7 @@
<textbox multiline="true" id="info_des" no_lang="1" width="99%" height="243px"/> <textbox multiline="true" id="info_des" no_lang="1" width="99%" height="243px"/>
</template> </template>
<template id="infolog.edit.links" template="" lang="" group="0" version="1.3.001"> <template id="infolog.edit.links" template="" lang="" group="0" version="1.3.001">
<grid width="100%" height="245" overflow="auto"> <grid width="100%" overflow="auto">
<columns> <columns>
<column width="99%"/> <column width="99%"/>
<column/> <column/>
@ -27,7 +27,7 @@
</grid> </grid>
</template> </template>
<template id="infolog.edit.project" template="" lang="" group="0" version="1.5.004"> <template id="infolog.edit.project" template="" lang="" group="0" version="1.5.004">
<grid width="100%" height="245"> <grid width="100%">
<columns> <columns>
<column width="80" class="infolog_normalWrap"/> <column width="80" class="infolog_normalWrap"/>
<column width="190"/> <column width="190"/>
@ -67,7 +67,7 @@
</grid> </grid>
</template> </template>
<template id="infolog.edit.customfields" template="" lang="" group="0" version="1.0.1.001"> <template id="infolog.edit.customfields" template="" lang="" group="0" version="1.0.1.001">
<grid width="100%" height="245" class="row_on" spacing="0" padding="0" overflow="auto"> <grid width="100%" class="row_on" spacing="0" padding="0" overflow="auto">
<columns> <columns>
<column/> <column/>
</columns> </columns>
@ -82,10 +82,10 @@
</grid> </grid>
</template> </template>
<template id="infolog.edit.history" template="" lang="" group="0" version="1.3.002"> <template id="infolog.edit.history" template="" lang="" group="0" version="1.3.002">
<historylog id="history" height="245" width="100%" overflow="hidden"/> <historylog id="history" width="100%" overflow="hidden"/>
</template> </template>
<template id="infolog.edit.details" template="" lang="" group="0" version="1.9.001"> <template id="infolog.edit.details" template="" lang="" group="0" version="1.9.001">
<grid height="245" width="100%"> <grid width="100%">
<columns> <columns>
<column width="46%"/> <column width="46%"/>
<column width="4%"/> <column width="4%"/>
@ -212,8 +212,8 @@
<date-time statustext="til when should the ToDo or Phonecall be finished" id="info_enddate" class="et2_fullWidth" span="4"/> <date-time statustext="til when should the ToDo or Phonecall be finished" id="info_enddate" class="et2_fullWidth" span="4"/>
<description/> <description/>
</row> </row>
<row height="250"> <row>
<tabbox id="tabs" class="et2_nowrap" span="all" width="100%"> <tabbox id="tabs" class="et2_nowrap" span="all" width="100%" tab_height="246px">
<tabs> <tabs>
<tab id="description" label="Description" statustext="longer textual description"/> <tab id="description" label="Description" statustext="longer textual description"/>
<tab id="details" label="Details" statustext="Location, priority , ..."/> <tab id="details" label="Details" statustext="Location, priority , ..."/>

6
mail/templates/default/compose.xet
View File

@ -37,7 +37,7 @@
</menulist> </menulist>
</description> </description>
</hbox> </hbox>
<grid width="100%"> <grid width="100%" resize_ratio="0">
<columns> <columns>
<column widtd="10%"/> <column widtd="10%"/>
<column width="84%"/> <column width="84%"/>
@ -109,7 +109,7 @@
<htmlarea span="all" name="mail_htmltext" id="mail_htmltext" imageDataUrl="true" expand_toolbar="true" height="478px" width="100%" /> <htmlarea span="all" name="mail_htmltext" id="mail_htmltext" imageDataUrl="true" expand_toolbar="true" height="478px" width="100%" />
</hbox> </hbox>
<hbox disabled="@is_html" class="mailComposeBody"> <hbox disabled="@is_html" class="mailComposeBody">
<textbox multiline="true" rows="40" cols="120" width="100%" span="all" no_lang="1" name="mail_plaintext" id="mail_plaintext"/> <textbox multiline="true" rows="40" cols="120" width="100%" span="all" no_lang="1" name="mail_plaintext" id="mail_plaintext" resize_ratio="0"/>
</hbox> </hbox>
<vbox class="et2_file mailUploadSection" disabled="@no_griddata"> <vbox class="et2_file mailUploadSection" disabled="@no_griddata">
<hbox> <hbox>
@ -117,7 +117,7 @@
<date id="expiration" label="Expiration" blur="EPL only" data_format="Y-m-d"/> <date id="expiration" label="Expiration" blur="EPL only" data_format="Y-m-d"/>
<passwd id="password" blur="password protect" statustext="Only makes sense, if you transport password through a different channel / outside of this mail to recipients!"/> <passwd id="password" blur="password protect" statustext="Only makes sense, if you transport password through a different channel / outside of this mail to recipients!"/>
</hbox> </hbox>
<grid id="attachments" width="100%" maxheight="165" class="egwGridView_grid"> <grid id="attachments" width="100%" maxheight="165" class="egwGridView_grid" resize_ratio="0">
<columns> <columns>
<column disabled="!@showtempname" width="10%"/> <column disabled="!@showtempname" width="10%"/>
<column width="85%"/> <column width="85%"/>

14
timesheet/templates/default/edit.xet
View File

@ -2,7 +2,7 @@
<!-- $Id$ --> <!-- $Id$ -->
<overlay> <overlay>
<template id="timesheet.edit.general" template="" lang="" group="0" version="1.7.002"> <template id="timesheet.edit.general" template="" lang="" group="0" version="1.7.002">
<grid width="100%" height="165"> <grid width="100%" >
<columns> <columns>
<column width="72"/> <column width="72"/>
<column width="192"/> <column width="192"/>
@ -53,10 +53,10 @@
</grid> </grid>
</template> </template>
<template id="timesheet.edit.notes" template="" lang="" group="0" version="1.5.001"> <template id="timesheet.edit.notes" template="" lang="" group="0" version="1.5.001">
<textbox multiline="true" height="120" id="ts_description" rows="9" cols="70" class="et2_fullWidth"/> <textbox multiline="true" id="ts_description" rows="9" cols="70" class="et2_fullWidth"/>
</template> </template>
<template id="timesheet.edit.links" template="" lang="" group="0" version="0.1.001"> <template id="timesheet.edit.links" template="" lang="" group="0" version="0.1.001">
<grid width="100%" height="165" overflow="auto"> <grid width="100%" overflow="auto">
<columns> <columns>
<column width="99%"/> <column width="99%"/>
</columns> </columns>
@ -77,12 +77,12 @@
</grid> </grid>
</template> </template>
<template id="timesheet.edit.customfields" template="" lang="" group="0" version="1.5.001"> <template id="timesheet.edit.customfields" template="" lang="" group="0" version="1.5.001">
<box height="165" width="100%" overflow="auto"> <box width="100%" overflow="auto">
<customfields class="et2_fullWidth" height="165"/> <customfields class="et2_fullWidth"/>
</box> </box>
</template> </template>
<template id="timesheet.edit.history" template="" lang="" group="0" version="1.7.001"> <template id="timesheet.edit.history" template="" lang="" group="0" version="1.7.001">
<box height="165" width="100%" overflow="auto"> <box width="100%" overflow="auto">
<historylog id="history"/> <historylog id="history"/>
</box> </box>
</template> </template>
@ -123,7 +123,7 @@
<description/> <description/>
</row> </row>
<row> <row>
<tabbox id="tabs" class="et2_nowrap" width="100%" span="all"> <tabbox id="tabs" class="et2_nowrap" width="100%" span="all" tab_height="165">
<tabs> <tabs>
<tab id="notes" label="Description"/> <tab id="notes" label="Description"/>
<tab id="general" label="Details"/> <tab id="general" label="Details"/>