diff options
author | alecpl <alec@alec.pl> | 2009-08-03 18:27:53 +0000 |
---|---|---|
committer | alecpl <alec@alec.pl> | 2009-08-03 18:27:53 +0000 |
commit | f05834857c74b60a03378e01e3a178dfb15f297c (patch) | |
tree | 1a663ccf6272bca4fc7aff20e9a91bb94e73bb9c /skins/default/templates | |
parent | 7c6bc1a187026c149fa78d7e5c28838a4ed7e3bb (diff) |
- Re-designed User Preferences interface
Diffstat (limited to 'skins/default/templates')
-rw-r--r-- | skins/default/templates/settings.html | 41 | ||||
-rw-r--r-- | skins/default/templates/settingsedit.html | 34 |
2 files changed, 53 insertions, 22 deletions
diff --git a/skins/default/templates/settings.html b/skins/default/templates/settings.html index b2a3c15b9..25d4e6779 100644 --- a/skins/default/templates/settings.html +++ b/skins/default/templates/settings.html @@ -4,6 +4,15 @@ <title><roundcube:object name="pagetitle" /></title> <roundcube:include file="/includes/links.html" /> <script type="text/javascript" src="/functions.js"></script> +<script type="text/javascript" src="/splitter.js"></script> + +<style type="text/css"> +#sectionslist { width: <roundcube:exp expression="!empty(cookie:prefsviewsplitter) ? cookie:prefsviewsplitter-5 : 205" />px; } +#prefs-box { left: <roundcube:exp expression="!empty(cookie:prefsviewsplitter) ? cookie:prefsviewsplitter+5 : 205" />px; +<roundcube:exp expression="browser:ie ? ('width:expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:prefsviewsplitter) ? cookie:prefsviewsplitter+5 : 205).')+\\'px\\');') : ''" /> +} +</style> + </head> <body> @@ -11,33 +20,21 @@ <roundcube:include file="/includes/header.html" /> <roundcube:include file="/includes/settingstabs.html" /> -<form name="form" action="./" method="post"> - -<div id="userprefs-box"> -<div id="userprefs-title"><roundcube:label name="userpreferences" /></div> - -<div id="userprefscontainer" style="padding:15px 0 15px 15px"> -<div class="userprefs-block"> - <roundcube:object name="userprefs" form="form" parts="general,mailbox,mailview" /> -</div> -<div class="userprefs-block"> - <roundcube:object name="userprefs" form="form" parts="compose,folders,server" /> -</div> -<div style="clear:left"></div> +<div id="prefsscreen"> -<roundcube:container name="userprefs" id="userprefscontainer" /> -</div> +<div id="sectionslist"> +<roundcube:object name="sectionslist" id="sections-table" class="records-table" cellspacing="0" /> </div> -<p id="listbuttons"> -<roundcube:button command="save" type="input" class="button mainaction" label="save" /> -</p> +<script type="text/javascript"> + var prefviewsplit = new rcube_splitter({id:'prefsviewsplitter', p1: 'sectionslist', p2: 'prefs-box', orientation: 'v', relative: true, start: 200}); + rcmail.add_onload('prefviewsplit.init()'); +</script> -</form> +<div id="prefs-box"> +<roundcube:object name="prefsframe" id="prefs-frame" width="100%" height="100%" frameborder="0" src="/watermark.html" /> +</div> -<div class="advswitch"> -<label for="advswitch"><roundcube:label name="advancedoptions"></label> -<input type="checkbox" id="advswitch" name="_advanced" value="0" onclick="rcube_show_advanced(this.checked)" /> </div> </body> diff --git a/skins/default/templates/settingsedit.html b/skins/default/templates/settingsedit.html new file mode 100644 index 000000000..3a0bc603d --- /dev/null +++ b/skins/default/templates/settingsedit.html @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> +<head> +<title><roundcube:object name="pagetitle" /></title> +<roundcube:include file="/includes/links.html" /> +<script type="text/javascript" src="/functions.js"></script> +</head> +<body class="iframe"> + +<div id="prefs-title" class="boxtitle"><roundcube:object name="sectionname" /></div> + +<form name="form" action="./" method="post"> + +<div id="prefs-details"> +<roundcube:object name="userprefs" form="form" /> +</div> + +<div id="formfooter"> +<div class="footerleft"> +<roundcube:button command="save" type="input" class="button mainaction" label="save" /> +</div> + +<div class="footerright"> +<label for="advswitch"><roundcube:label name="advancedoptions"></label> +<input type="checkbox" id="advswitch" name="_advanced" value="0" onclick="rcube_show_advanced(this.checked)" /> +</div> + +</div> +<p> </p> + +</form> + +</body> +</html> |