Micke/roundcubemail-plugins-kolab
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improved reposition/resize of calendar create/edit dialog

Browse source
This commit is contained in:
Aleksander Machniak (Kolab Systems) 2011-07-26 19:04:38 +02:00
parent 2408eff2f1
commit 60de7848b7
2 changed files with 17 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
plugins/calendar/calendar_ui.js
View file

@ -1295,6 +1295,8 @@ function rcube_calendar_ui(settings)
data: { action:(calendar.id ? 'form-edit' : 'form-new'), c:{ id:calendar.id } },
success: function(data) {
$dialog.html(data);
// resize and reposition dialog window
me.dialog_resize('#calendarform', $('#calendar-details').height(), $('#calendar-details').width());
form = $('form', $('#calendarform')); // '#calendarform > form' doesn't work here
name = $('#calendar-name').prop('disabled', !calendar.editable).val(calendar.editname || calendar.name);
color = $('#calendar-color').val(calendar.color).miniColors({ value: calendar.color });
@ -1444,8 +1446,21 @@ function rcube_calendar_ui(settings)
{
if (this.search_request && !count)
this._search_message = rcmail.display_message(rcmail.gettext('searchnoresults', 'calendar'), 'notice');
}
};
// resize and reposition (center) the dialog window
this.dialog_resize = function(id, height, width)
{
height = Math.min(400, height+90);
width = Math.min(500, width+50);
var win = $(window), w = win.width(), h = win.height();
w = w - width < 0 ? 0 : (w - width) / 2;
h = h - height < 0 ? 0 : (h - height) / 2;
$(id).dialog('option', { height: height, width: width, position: [w, h] });
};
/*** startup code ***/

8
plugins/calendar/skins/default/templates/calendarform-kolab.html
View file

@ -7,13 +7,7 @@
%FORM_CONTENT%
</form>
</div>
<script type="text/javascript">
rcube_init_tabs('calendar-details > form');
$('#calendarform').dialog({
height: Math.min(400, $('#calendar-details').height()+90),
width: Math.min(500, $('#calendar-details').width()+50),
});
</script>
<script type="text/javascript">rcube_init_tabs('calendar-details > form');</script>
</body>
</html>