banananetwork
/
roundcubemail
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

- Improved compose screen: resizable body and attachments list, vertical splitter, options menu

Browse Source 
- Removed productname/version element, changed footer size to 20px
release-0.6
alecpl 14 years ago
parent 02cc63c515
commit 087c7dc5d2
25 changed files with 403 additions and 384 deletions
Show Stats Download Patch File Download Diff File

1
CHANGELOG
Unescape Escape View File

@ -1,6 +1,7 @@
CHANGELOG RoundCube Webmail
===========================
- Improved compose screen: resizable body and attachments list, vertical splitter, options menu
- Fix RC forgets search results (#1483883)
- TinyMCE 3.3.7
- Improve parsing of styled empty tags in HTML messages (#1486812)

33
program/js/app.js
Unescape Escape View File

@ -225,7 +225,7 @@ function rcube_webmail()
}
}
else if (this.env.action == 'compose') {
this.enable_command('add-attachment', 'send-attachment', 'remove-attachment', 'send', true);
this.enable_command('send-attachment', 'remove-attachment', 'send', true);
if (this.env.spellcheck) {
this.env.spellcheck.spelling_state_observer = function(s){ ref.set_spellcheck_state(s); };
@ -872,9 +872,6 @@ function rcube_webmail()
clearTimeout(this.request_timer);
break;
case 'add-attachment':
this.show_attachment_form(true);
case 'send-attachment':
// Reset the auto-save timer
self.clearTimeout(this.save_timer);
@ -3068,32 +3065,6 @@ function rcube_webmail()
return true;
};
this.show_attachment_form = function(a)
{
if (!this.gui_objects.uploadbox)
return false;
var elm, list;
if (elm = this.gui_objects.uploadbox) {
if (a && (list = this.gui_objects.attachmentlist)) {
var pos = $(list).offset();
elm.style.top = (pos.top + list.offsetHeight + 10) + 'px';
elm.style.left = pos.left + 'px';
}
$(elm).toggle();
}
// clear upload form
try {
if (!a && this.gui_objects.attachmentform != this.gui_objects.messageform)
this.gui_objects.attachmentform.reset();
}
catch(e){} // ignore errors
return true;
};
// upload attachment file
this.upload_file = function(form)
{
@ -3156,8 +3127,6 @@ function rcube_webmail()
form.setAttribute('enctype', 'multipart/form-data');
form.submit();
// hide upload form
this.show_attachment_form(false);
// display upload indicator and cancel button
var content = this.get_label('uploading');
if (this.env.loadingicon)

18
program/js/editor.js
Unescape Escape View File

@ -103,8 +103,7 @@ function rcmail_toggle_editor(select, textAreaId, flagElement)
else
ishtml = select.value == 'html';
if (ishtml)
{
if (ishtml) {
rcmail.display_spellcheck_controls(false);
rcmail.plain2html(composeElement.value, textAreaId);
@ -113,25 +112,24 @@ function rcmail_toggle_editor(select, textAreaId, flagElement)
setTimeout("rcmail_editor_tabindex();", 500);
if (flagElement && (flag = rcube_find_object(flagElement)))
flag.value = '1';
}
else
{
}
else {
var thisMCE = tinyMCE.get(textAreaId);
var existingHtml = thisMCE.getContent();
if (existingHtml) {
if (!confirm(rcmail.get_label('editorwarning'))) {
if (select.tagName == 'SELECT')
select.value = 'html';
select.value = 'html';
return false;
}
}
rcmail.html2plain(existingHtml, textAreaId);
}
}
tinyMCE.execCommand('mceRemoveControl', false, textAreaId);
rcmail.display_spellcheck_controls(true);
if (flagElement && (flag = rcube_find_object(flagElement)))
flag.value = '0';
}
};
}
}

42
program/js/googiespell.js
Unescape Escape View File

@ -767,6 +767,27 @@ this.hideLangWindow = function() {
$(this.switch_lan_pic).removeClass().addClass('googie_lang_3d_on');
};
this.showLangWindow = function(elm) {
if (this.show_menu_observer)
this.show_menu_observer(this);
this.createLangWindow();
$('body').append(this.language_window);
var pos = $(elm).offset(),
height = $(elm).height(),
width = $(elm).width(),
h = $(this.language_window).height(),
pageheight = $(document).height(),
left = this.change_lang_pic_placement == 'right' ?
pos.left - 100 + width : pos.left + width,
top = pos.top + h < pageheight ? pos.top + height : pos.top - h - 4;
$(this.language_window).css({'visibility': 'visible', 'top' : top+'px','left' : left+'px'});
this.highlightCurSel();
};
this.deHighlightCurSel = function() {
$(this.lang_cur_elm).removeClass().addClass('googie_list_onout');
};
@ -776,32 +797,15 @@ this.highlightCurSel = function() {
GOOGIE_CUR_LANG = GOOGIE_DEFAULT_LANG;
for (var i=0; i < this.lang_elms.length; i++) {
if ($(this.lang_elms[i]).attr('googieId') == GOOGIE_CUR_LANG) {
this.lang_elms[i].className = "googie_list_selected";
this.lang_elms[i].className = 'googie_list_selected';
this.lang_cur_elm = this.lang_elms[i];
}
else {
this.lang_elms[i].className = "googie_list_onout";
this.lang_elms[i].className = 'googie_list_onout';
}
}
};
this.showLangWindow = function(elm) {
if (this.show_menu_observer)
this.show_menu_observer(this);
this.createLangWindow();
$('body').append(this.language_window);
var pos = $(elm).offset(),
top = pos.top + $(elm).height(),
left = this.change_lang_pic_placement == 'right' ?
pos.left - 100 + $(elm).width() : pos.left + $(elm).width();
$(this.language_window).css({'visibility': 'visible', 'top' : top+'px','left' : left+'px'});
this.highlightCurSel();
};
this.createChangeLangPic = function() {
var img = $('<img>')
.attr({src: this.img_dir + 'change_lang.gif', 'alt': 'Change language', 'googie_action_btn': '1'}),

43
program/steps/mail/compose.inc
Unescape Escape View File

@ -188,8 +188,11 @@ if (!empty($msg_uid))
}
}
/****** compose mode functions ********/
// process $MESSAGE body/attachments, set $MESSAGE_BODY/$HTML_MODE vars and some session data
$MESSAGE_BODY = rcmail_prepare_message_body();
/****** compose mode functions ********/
function rcmail_compose_headers($attrib)
{
@ -318,7 +321,6 @@ function rcmail_compose_headers($attrib)
}
function rcmail_compose_header_from($attrib)
{
global $IMAP, $MESSAGE, $DB, $USER, $OUTPUT, $compose_mode;
@ -416,17 +418,9 @@ function rcmail_compose_header_from($attrib)
}
function rcmail_compose_body($attrib)
function rcmail_prepare_message_body()
{
global $RCMAIL, $CONFIG, $OUTPUT, $MESSAGE, $compose_mode, $LINE_LENGTH;
list($form_start, $form_end) = get_form_tags($attrib);
unset($attrib['form']);
if (empty($attrib['id']))
$attrib['id'] = 'rcmComposeBody';
$attrib['name'] = '_message';
global $RCMAIL, $CONFIG, $MESSAGE, $compose_mode, $LINE_LENGTH, $HTML_MODE;
if ($CONFIG['htmleditor'] || (($compose_mode == RCUBE_COMPOSE_DRAFT || $compose_mode == RCUBE_COMPOSE_EDIT) && $MESSAGE->has_html_part()))
$isHtml = true;
@ -494,6 +488,25 @@ function rcmail_compose_body($attrib)
}
}
$HTML_MODE = $isHtml;
return $body;
}
function rcmail_compose_body($attrib)
{
global $RCMAIL, $CONFIG, $OUTPUT, $MESSAGE, $compose_mode, $LINE_LENGTH, $HTML_MODE, $MESSAGE_BODY;
list($form_start, $form_end) = get_form_tags($attrib);
unset($attrib['form']);
if (empty($attrib['id']))
$attrib['id'] = 'rcmComposeBody';
$attrib['name'] = '_message';
$isHtml = $HTML_MODE;
$out = $form_start ? "$form_start\n" : '';
$saveid = new html_hiddenfield(array('name' => '_draft_saveid', 'value' => $compose_mode==RCUBE_COMPOSE_DRAFT ? str_replace(array('<','>'), "", $MESSAGE->headers->messageID) : ''));
@ -508,7 +521,7 @@ function rcmail_compose_body($attrib)
// If desired, set this textarea to be editable by TinyMCE
if ($isHtml) $attrib['class'] = 'mce_editor';
$textarea = new html_textarea($attrib);
$out .= $textarea->show($body);
$out .= $textarea->show($MESSAGE_BODY);
$out .= $form_end ? "\n$form_end" : '';
$OUTPUT->set_env('composebody', $attrib['id']);
@ -908,7 +921,7 @@ function rcmail_compose_attachment_list($attrib)
$out = "\n";
$jslist = array();
if (is_array($_SESSION['compose']['attachments']))
{
if ($attrib['deleteicon']) {
@ -972,7 +985,7 @@ function rcmail_compose_attachment_form($attrib)
html::div(null, rcmail_compose_attachment_field(array('size' => $attrib[attachmentfieldsize]))) .
html::div('hint', rcube_label(array('name' => 'maxuploadsize', 'vars' => array('size' => $max_filesize)))) .
html::div('buttons',
$button->show(rcube_label('close'), array('class' => 'button', 'onclick' => "$('#$attrib[id]').hide()")) . ' ' .
// $button->show(rcube_label('close'), array('class' => 'button', 'onclick' => "$('#$attrib[id]').hide()")) . ' ' .
$button->show(rcube_label('upload'), array('class' => 'button mainaction', 'onclick' => JS_OBJECT_NAME . ".command('send-attachment', this.form)"))
)
)

26
skins/default/addressbook.css
Unescape Escape View File

@ -84,7 +84,7 @@
position: absolute;
top: 85px;
right: 20px;
bottom: 30px;
bottom: 20px;
left: 225px;
}
@ -92,7 +92,7 @@
{
position: absolute;
top: 85px;
bottom: 30px;
bottom: 20px;
left: 20px;
width: 195px;
border: 1px solid #999999;
@ -109,8 +109,8 @@
#addresslist
{
position: absolute;
top: 0px;
bottom: 0px;
top: 0;
bottom: 0;
border: 1px solid #999999;
background-color: #F9F9F9;
overflow: hidden;
@ -121,30 +121,12 @@
border-top: 1px solid #999;
}
#importbox
{
position: absolute;
top: 85px;
bottom: 30px;
left: 20px;
right: 20px;
border: 1px solid #999999;
background-color: #F2F2F2;
padding-bottom: 4ex;
overflow: auto;
}
#addresslist
{
left: 0px;
width: 280px;
}
#importbox a
{
color: blue;
}
#directorylist
{
list-style: none;

35
skins/default/common.css
Unescape Escape View File

@ -128,6 +128,15 @@ img
/** common user interface objects */
#mainscreen
{
position: absolute;
top: 85px;
right: 20px;
bottom: 20px;
left: 20px;
}
#header
{
position: absolute;
@ -235,11 +244,9 @@ img
border: 1px solid #CCCCCC;
}
#pagecontent
.box
{
position: absolute;
top: 95px;
left: 20px;
border: 1px solid #999;
}
.boxtitle
@ -250,6 +257,7 @@ img
color: #333;
font-size: 11px;
font-weight: bold;
overflow: hidden;
background: url(images/listheader.gif) top left repeat-x #CCC;
}
@ -277,6 +285,18 @@ img
overflow-x: hidden;
}
.boxsubject
{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
overflow: hidden;
height: 22px;
border-bottom: 1px solid #999;
background: url(images/listheader.gif) top left repeat-x #CCC;
}
.boxfooter
{
position: absolute;
@ -318,6 +338,7 @@ img
color: #444;
font-size: 11px;
text-shadow: white 1px 1px;
white-space: nowrap;
}
.pagenav a.button,
@ -728,3 +749,9 @@ ul.toolbarmenu li.separator_above
{
color: #999;
}
font.bold
{
font-weight: bold;
}

88
skins/default/functions.js
Unescape Escape View File

@ -41,7 +41,8 @@ function rcmail_show_header_form(id)
var div = document.getElementById('compose-div'),
headers_div = document.getElementById('compose-headers-div');
row.style.display = (document.all && !window.opera) ? 'block' : 'table-row';
div.style.top = parseInt(headers_div.offsetHeight, 10) + 'px';
div.style.top = (parseInt(headers_div.offsetHeight, 10) + 1) + 'px';
rcmail_resize_compose_body();
}
return false;
@ -71,7 +72,8 @@ function rcmail_hide_header_form(id)
var div = document.getElementById('compose-div'),
headers_div = document.getElementById('compose-headers-div');
row.style.display = 'none';
div.style.top = parseInt(headers_div.offsetHeight, 10) + 'px';
div.style.top = (parseInt(headers_div.offsetHeight, 10) + 1) + 'px';
rcmail_resize_compose_body();
}
return false;
@ -115,8 +117,30 @@ function rcmail_init_compose_form()
};
}
// fix editor position on some browsers
div.style.top = parseInt(headers_div.offsetHeight, 10) + 'px';
$(window).resize(function() {
rcmail_resize_compose_body();
});
$('#compose-container').resize(function() {
rcmail_resize_compose_body();
});
div.style.top = (parseInt(headers_div.offsetHeight, 10) + 1) + 'px';
$(window).resize();
}
function rcmail_resize_compose_body(elem)
{
var ed, div = $('#compose-div'), w = div.width(), h = div.height();
w = w-4;
h = h-25;
$('#compose-body').width(w-(bw.ie || bw.opera || bw.safari ? 2 : 0)+'px').height(h+'px');
if (window.tinyMCE && tinyMCE.get('compose-body')) {
$('#compose-body_tbl').width((w+4)+'px').height('');
$('#compose-body_ifr').width((w+2)+'px').height((h-54)+'px');
}
}
/**
@ -132,7 +156,9 @@ function rcube_mail_ui()
listmenu:'listmenu',
dragmessagemenu:'dragmessagemenu',
groupmenu:'groupoptionsmenu',
mailboxmenu:'mailboxoptionsmenu'
mailboxmenu:'mailboxoptionsmenu',
composemenu:'composeoptionsmenu',
uploadform:'attachment-form'
};
var obj;
@ -179,6 +205,20 @@ show_mailboxmenu: function(show)
this.show_popupmenu(this.mailboxmenu, 'mboxactionslink', show, true);
},
show_composemenu: function(show)
{
this.show_popupmenu(this.composemenu, 'composemenulink', show, true);
},
show_uploadform: function(show)
{
if (typeof show == 'object') // called as event handler
show = false;
if (!show)
$('input[type=file]').val('');
this.show_popupmenu(this.uploadform, 'uploadformlink', show, true);
},
show_searchmenu: function(show)
{
if (typeof show == 'undefined')
@ -297,26 +337,35 @@ body_mouseup: function(evt, p)
this.show_groupmenu(false);
else if (this.mailboxmenu && this.mailboxmenu.is(':visible') && target != rcube_find_object('mboxactionslink'))
this.show_mailboxmenu(false);
else if (this.listmenu && this.listmenu.is(':visible') && target != rcube_find_object('listmenulink')) {
var menu = rcube_find_object('listmenu');
while (target.parentNode) {
if (target.parentNode == menu)
return;
target = target.parentNode;
}
else if (this.composemenu && this.composemenu.is(':visible') && target != rcube_find_object('composemenulink')
&& !this.target_overlaps(target, this.popupmenus.composemenu)) {
this.show_composemenu(false);
}
else if (this.uploadform && this.uploadform.is(':visible') && target != rcube_find_object('uploadformlink')
&& !this.target_overlaps(target, this.popupmenus.uploadform)) {
this.show_uploadform(false);
}
else if (this.listmenu && this.listmenu.is(':visible') && target != rcube_find_object('listmenulink')
&& !this.target_overlaps(target, this.popupmenus.listmenu)) {
this.show_listmenu(false);
}
else if (this.searchmenu && this.searchmenu.is(':visible') && target != rcube_find_object('searchmod')) {
var menu = rcube_find_object('searchmenu');
while (target.parentNode) {
if (target.parentNode == menu)
return;
target = target.parentNode;
}
else if (this.searchmenu && this.searchmenu.is(':visible') && target != rcube_find_object('searchmod')
&& !this.target_overlaps(target, this.popupmenus.searchmenu)) {
this.show_searchmenu(false);
}
},
target_overlaps: function (target, elementid)
{
var element = rcube_find_object(elementid);
while (target.parentNode) {
if (target.parentNode == element)
return true;
target = target.parentNode;
}
return false;
},
body_keypress: function(evt, p)
{
if (rcube_event.get_keycode(evt) == 27) {
@ -386,6 +435,7 @@ function rcube_init_mail_ui()
if (rcmail.env.task == 'mail') {
rcmail.addEventListener('menu-open', 'open_listmenu', rcmail_ui);
rcmail.addEventListener('menu-save', 'save_listmenu', rcmail_ui);
rcmail.addEventListener('aftersend-attachment', 'show_uploadform', rcmail_ui);
rcmail.gui_object('message_dragmenu', 'dragmessagemenu');
}
}

10
skins/default/ie6hacks.css
Unescape Escape View File

@ -55,6 +55,11 @@ img
background-image: url(images/icons/groupactions.gif);
}
.pagenav
{
width: 200px;
}
.pagenav a.button,
.pagenav a.buttonPas
{
@ -107,3 +112,8 @@ ul.toolbarmenu li.separator_below
top: 21px;
height: expression((parseInt(this.parentNode.offsetHeight)-24-parseInt(this.style.top?this.style.top:21))+'px');
}
#directorylistbox
{
height: expression((parseInt(document.documentElement.clientHeight)-105)+'px');
}

64
skins/default/iehacks.css
Unescape Escape View File

@ -32,9 +32,15 @@ input, textarea
width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
}
#mainscreen
{
width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
height: expression((parseInt(document.documentElement.clientHeight)-105)+'px');
}
#folder-manager
{
height: expression((parseInt(document.documentElement.clientHeight)-235)+'px');
height: expression((parseInt(this.parentNode.offsetHeight)-105)+'px');
}
#messagetoolbar
@ -71,23 +77,20 @@ input, textarea
z-index: 250;
}
#mainscreen
{
width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
height: expression((parseInt(document.documentElement.clientHeight)-96)+'px');
}
#directorylistbox
{
height: expression((parseInt(document.documentElement.clientHeight)-115)+'px');
}
#addresslist,
#sectionslist,
#identities-list,
#mailleftcontainer,
#mailrightcontainer,
#compose-container,
#compose-attachments,
#mailcontframe,
#identity-details
#mailboxlist-container,
#mailrightcontent,
#messageframe,
#identity-details,
#contacts-box,
#prefs-box
{
height: expression(parseInt(this.parentNode.offsetHeight)+'px');
}
@ -95,7 +98,6 @@ input, textarea
#mailrightcontainer
{
width: expression((parseInt(this.parentNode.offsetWidth)-170)+'px');
height: expression(parseInt(this.parentNode.offsetHeight)+'px');
}
#messagepartcontainer
@ -106,18 +108,17 @@ input, textarea
#mailrightcontent
{
height: expression((parseInt(this.parentNode.offsetHeight)-20)+'px');
width: 100%;
}
#partheader
#compose-div
{
width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
height: expression((parseInt(this.parentNode.offsetHeight)-1-parseInt(document.getElementById('compose-headers').offsetHeight))+'px');
}
#mailboxlist-container
#partheader
{
height: expression((parseInt(this.parentNode.offsetHeight)-20)+'px');
width: expression((parseInt(document.documentElement.clientWidth)-240)+'px');
}
#subscription-table
@ -137,7 +138,7 @@ input, textarea
{
height: 18px;
}
#messagelist tbody tr.unroot td.subject
{
text-decoration: underline;
@ -146,7 +147,6 @@ input, textarea
#messageframe
{
width: expression((parseInt(this.parentNode.offsetWidth)-180)+'px');
height: expression((parseInt(this.parentNode.offsetHeight)-20)+'px');
overflow: hidden;
}
@ -161,13 +161,6 @@ body.iframe
width: expression((parseInt(document.documentElement.clientWidth))+'px');
}
#compose-container
{
width: expression((parseInt(document.documentElement.clientWidth)-230)+'px');
height: expression((parseInt(document.documentElement.clientHeight)-120)+'px');
}
#compose-body,
#compose-headers td textarea,
#compose-headers td input
{
@ -184,19 +177,7 @@ div.message-part div.pre
#addressscreen
{
width: expression((parseInt(document.documentElement.clientWidth)-245)+'px');
height: expression((parseInt(document.documentElement.clientHeight)-115)+'px');
}
#prefsscreen
{
width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
height: expression((parseInt(document.documentElement.clientHeight)-125)+'px');
}
#importbox
{
width: expression((parseInt(document.documentElement.clientWidth)-40)+'px');
height: expression((parseInt(document.documentElement.clientHeight)-140)+'px');
height: expression((parseInt(document.documentElement.clientHeight)-105)+'px');
}
#contacts-table
@ -207,7 +188,6 @@ div.message-part div.pre
#contacts-box,
#prefs-box
{
height: expression(parseInt(this.parentNode.offsetHeight)+'px');
width: expression((parseInt(this.parentNode.offsetWidth)-555)+'px');
}

170
skins/default/mail.css
Unescape Escape View File

@ -246,29 +246,6 @@
font-size: 11px;
}
td.formlinks a,
td.formlinks a:visited
{
color: #999999;
font-size: 11px;
text-decoration: none;
}
td.formlinks a,
td.formlinks a:visited
{
color: #CC0000;
}
#mainscreen
{
position: absolute;
top: 85px;
right: 20px;
bottom: 30px;
left: 20px;
}
#mailleftcontainer
{
position: absolute;
@ -515,7 +492,7 @@ td.formlinks a:visited
position: relative;
white-space: nowrap;
left: 4px;
height: 22px;
line-height: 22px;
width: auto;
min-width: 300px;
}
@ -525,7 +502,6 @@ td.formlinks a:visited
{
display: block;
float: left;
margin-top: 4px;
font-size: 11px;
}
@ -542,6 +518,7 @@ td.formlinks a:visited
width: 15px;
height: 15px;
padding: 0;
margin-top: 4px;
margin-right: 2px;
overflow: hidden;
background: url(images/mail_footer.png) 0 0 no-repeat transparent;
@ -1115,35 +1092,38 @@ div.message-htmlpart div.rcmBody
/** message compose styles */
#compose-toolbar
{
white-space: nowrap;
}
#compose-container
{
position: absolute;
top: 90px;
left: 205px;
right: 25px;
bottom: 30px;
margin: 0px;
top: 0;
left: 185px;
right: 0;
bottom: 0;
margin: 0;
}
#spellcheck-control
#compose-div
{
text-align: right;
padding-top: 3px;
position: absolute;
top: 85px;
bottom: 0;
margin: 0;
width: 100%;
border: 1px solid #999;
}
#compose-div
#compose-body
{
position: absolute;
top: 130px;
bottom: 30px;
width: 100%;
vertical-align: top;
padding-top: 2px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0;
font-size: 9pt;
border: none;
font-family: monospace;
resize: none;
}
#compose-headers
@ -1151,6 +1131,12 @@ div.message-htmlpart div.rcmBody
width: 100%;
}
#compose-headers td.editfield
{
padding-right: 5px;
min-width: 200px;
}
#compose-headers td.top
{
vertical-align: top;
@ -1160,23 +1146,28 @@ div.message-htmlpart div.rcmBody
#compose-subject td.title
{
width: 80px !important;
color: #666;
font-size: 11px;
font-weight: bold;
padding-right: 10px;
white-space: nowrap;
}
#compose-body,
#compose-headers td textarea,
#compose-headers td input
{
resize: none;
width: 100%;
border: 1px solid #999;
}
#compose-headers td select
{
width: 100%;
}
#compose-headers td textarea
{
height: 38px;
height: 32px;
}
#compose-cc,
@ -1186,28 +1177,60 @@ div.message-htmlpart div.rcmBody
display: none;
}
#compose-body
#formlinks
{
min-height: 100px;
height: 100%;
font-size: 9pt;
font-family: monospace;
text-align: right;
white-space: nowrap;
width: 1%;
padding-left: 5px;
}
#formlinks a,
#formlinks a:visited
{
color: #999999;
font-size: 11px;
text-decoration: none;
}
#formlinks a,
#formlinks a:visited
{
color: #CC0000;
}
#compose-editorfooter
{
position: absolute;
right: 5px;
bottom: 0;
text-align: right;
line-height: 22px;
}
#compose-buttons
{
position: absolute;
left: 40px;
top: 1px;
}
#compose-attachments
{
position: absolute;
top: 100px;
left: 20px;
top: 0;
left: 0;
bottom: 0;
width: 175px;
border: 1px solid #999;
background-color: #F9F9F9;
}
#compose-attachments ul
{
margin: 0px;
padding: 0px;
border: 1px solid #CCCCCC;
background-color: #F9F9F9;
background-color: #FFF;
list-style-image: none;
list-style-type: none;
}
@ -1230,16 +1253,6 @@ div.message-htmlpart div.rcmBody
vertical-align: middle;
}
#attachment-title
{
color: #666666;
font-weight: bold;
font-size: 11px;
background: url(images/icons/attachment.png) top left no-repeat;
padding: 0px 0px 3px 18px;
margin-left: 3px;
}
#attachment-form
{
padding: 6px;
@ -1255,26 +1268,6 @@ div.message-htmlpart div.rcmBody
margin-top: 4px;
}
#editor-select
{
float: left;
white-space: nowrap;
width: auto;
}
#editor-select label
{
color: #666;
font-size: 11px;
font-weight: bold;
padding-left: 20px;
}
#editor-select input
{
width: auto !important;
}
td.show-headers
{
background: url(images/icons/down_small.gif) no-repeat center;
@ -1306,11 +1299,6 @@ td.hide-headers
color: #333;
}
font.bold
{
font-weight: bold;
}
#listmenu
{
padding: 6px;

45
skins/default/settings.css
Unescape Escape View File

@ -53,15 +53,10 @@ span.tablink-selected a
#folder-manager
{
position: absolute;
top: 95px;
left: 20px;
overflow: auto;
}
#folder-manager
{
width: 600px;
bottom: 140px;
top: 0;
left: 0;
bottom: 105px;
overflow: auto;
border: 1px solid #999999;
}
@ -195,16 +190,9 @@ input.disabled
{
position: absolute;
width: 600px;
height: 120px;
left: 20px;
bottom: 25px;
}
div.settingsbox
{
width: 600px;
margin-top: 20px;
border: 1px solid #999999;
height: 95px;
left: 0;
bottom: 0;
}
fieldset
@ -219,22 +207,13 @@ legend
color: #999999;
}
#prefsscreen
{
position: absolute;
top: 95px;
right: 20px;
bottom: 30px;
left: 20px;
}
#identities-list,
#sectionslist
{
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
top: 0;
left: 0;
bottom: 0;
border: 1px solid #999999;
background-color: #F9F9F9;
overflow: hidden;
@ -254,9 +233,9 @@ legend
#prefs-box
{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
top: 0;
right: 0;
bottom: 0;
border: 1px solid #999999;
overflow: hidden;
}

2
skins/default/splitter.js
Unescape Escape View File

@ -82,6 +82,8 @@ function rcube_splitter(attrib)
this.p2.style.width = (new_width > 0 ? new_width : 0) + 'px';
}
}
$(this.p2).resize();
$(this.p1).resize();
};
/**

2
skins/default/templates/addressbook.html
Unescape Escape View File

@ -82,7 +82,5 @@
</div>
<div id="rcmversion"><roundcube:object name="productname" /> <roundcube:object name="version" /></div>
</body>
</html>

175
skins/default/templates/compose.html
Unescape Escape View File

@ -5,8 +5,15 @@
<roundcube:include file="/includes/links.html" />
<link rel="stylesheet" type="text/css" href="/googiespell.css" />
<script type="text/javascript" src="/functions.js"></script>
<script type="text/javascript" src="/splitter.js"></script>
<style type="text/css">
#compose-attachments { width: <roundcube:exp expression="!empty(cookie:composesplitterv) ? cookie:composesplitterv-5 : 175" />px; }
#compose-container { left: <roundcube:exp expression="!empty(cookie:composesplitterv) ? cookie:composesplitterv+5 : 185" />px;
<roundcube:exp expression="browser:ie ? ('width: expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:composesplitterv) ? cookie:composesplitterv+5 : 180).')+\\'px\\');') : ''" />
}
</style>
</head>
<body onload="rcmail_init_compose_form()">
<body onload="rcmail_init_compose_form(); rcube_init_mail_ui()">
<roundcube:include file="/includes/taskbar.html" />
<roundcube:include file="/includes/header.html" />
@ -14,89 +21,117 @@
<form name="form" action="./" method="post">
<div id="messagetoolbar">
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td id="compose-toolbar">
<roundcube:button command="list" type="link" class="button back" classAct="button back" classSel="button backSel" title="backtolist" content=" " />
<roundcube:button command="send" type="link" class="buttonPas send" classAct="button send" classSel="button sendSel" title="sendmessage" content=" " />
<roundcube:button command="spellcheck" type="link" class="buttonPas spellcheck" classAct="button spellcheck" classSel="button spellcheckSel" title="checkspelling" content=" " />
<roundcube:button command="add-attachment" type="link" class="buttonPas attach" classAct="button attach" classSel="button attachSel" title="addattachment" content=" " />
<roundcube:button command="insert-sig" type="link" class="buttonPas insertsig" classAct="button insertsig" classSel="button insertsigSel" title="insertsignature" content=" " />
<roundcube:button command="savedraft" type="link" class="buttonPas savedraft" classAct="button savedraft" classSel="button savedraftSel" title="savemessage" content=" " />
<roundcube:container name="toolbar" id="compose-toolbar" />
</td>
</tr></table>
<roundcube:button command="list" type="link" class="button back" classAct="button back" classSel="button backSel" title="backtolist" content=" " />
<roundcube:button command="send" type="link" class="buttonPas send" classAct="button send" classSel="button sendSel" title="sendmessage" content=" " />
<roundcube:button command="spellcheck" type="link" class="buttonPas spellcheck" classAct="button spellcheck" classSel="button spellcheckSel" title="checkspelling" content=" " />
<roundcube:button command="insert-sig" type="link" class="buttonPas insertsig" classAct="button insertsig" classSel="button insertsigSel" title="insertsignature" content=" " />
<roundcube:button command="savedraft" type="link" class="buttonPas savedraft" classAct="button savedraft" classSel="button savedraftSel" title="savemessage" content=" " />
<roundcube:container name="toolbar" id="compose-toolbar" />
</div>
<div id="mainscreen">
<div id="compose-attachments">
<div class="boxtitle"><roundcube:label name="attachments" /></div>
<div class="boxlistcontent">
<roundcube:object name="composeAttachmentList" deleteIcon="/images/icons/delete.png" cancelIcon="/images/icons/delete.png" loadingIcon="/images/display/loading_blue.gif" />
</div>
<div class="boxfooter">
<roundcube:button name="uploadform" id="uploadformlink" type="link" title="addattachment" class="button addgroup" onclick="rcmail_ui.show_uploadform();return false" content=" " />
</div>
</div>
<script type="text/javascript">
var composesplitv = new rcube_splitter({id:'composesplitterv', p1: 'compose-attachments', p2: 'compose-container', orientation: 'v', relative: true, start: 165});
rcmail.add_onload('composesplitv.init()');
</script>
<div id="compose-container">
<div id="compose-headers-div" style="width: 100%;">
<table border="0" cellspacing="0" cellpadding="1" id="compose-headers" summary="">
<tbody>
<table border="0" cellspacing="0" cellpadding="1" id="compose-headers">
<tr>
<td class="title"><label for="_from"><roundcube:label name="from" /></label></td>
<td><roundcube:object name="composeHeaders" part="from" form="form" id="_from" tabindex="1" /></td>
<td class="title"><label for="_from"><roundcube:label name="from" /></label></td>
<td class="editfield">
<roundcube:object name="composeHeaders" part="from" form="form" id="_from" tabindex="1" />
</td>
<td id="formlinks">
<a href="#cc" onclick="return rcmail_show_header_form('cc')" id="cc-link"><roundcube:label name="addcc" /></a>
<span class="separator">|</span>
<a href="#bcc" onclick="return rcmail_show_header_form('bcc')" id="bcc-link"><roundcube:label name="addbcc" /></a>
<span class="separator">|</span>
<a href="#reply-to" onclick="return rcmail_show_header_form('replyto')" id="replyto-link"><roundcube:label name="addreplyto" /></a>
</td>
</tr><tr>
<td class="title top"><label for="_to"><roundcube:label name="to" /></label></td>
<td><roundcube:object name="composeHeaders" part="to" form="form" id="_to" cols="70" rows="2" tabindex="2" /></td>
<td class="title top"><label for="_to"><roundcube:label name="to" /></label></td>
<td colspan="2" class="editfield">
<roundcube:object name="composeHeaders" part="to" form="form" id="_to" cols="70" rows="2" tabindex="2" />
</td>
</tr><tr id="compose-cc">
<td class="title top"><a href="#cc" onclick="return rcmail_hide_header_form('cc');"><img src="/images/icons/minus.gif" alt="" title="<roundcube:label name='delete' />" /></a>
<label for="_cc"><roundcube:label name="cc" /></label></td>
<td><roundcube:object name="composeHeaders" part="cc" form="form" id="_cc" cols="70" rows="2" tabindex="3" /></td>
<td class="title top">
<a href="#cc" onclick="return rcmail_hide_header_form('cc');"><img src="/images/icons/minus.gif" alt="" title="<roundcube:label name='delete' />" /></a>
<label for="_cc"><roundcube:label name="cc" /></label>
</td>
<td colspan="2" class="editfield">
<roundcube:object name="composeHeaders" part="cc" form="form" id="_cc" cols="70" rows="2" tabindex="3" />
</td>
</tr><tr id="compose-bcc">
<td class="title top"><a href="#bcc" onclick="return rcmail_hide_header_form('bcc');"><img src="/images/icons/minus.gif" alt="" title="<roundcube:label name='delete' />" /></a>
<label for="_bcc"><roundcube:label name="bcc" /></label></td>
<td><roundcube:object name="composeHeaders" part="bcc" form="form" id="_bcc" cols="70" rows="2" tabindex="4" /></td>
<td class="title top">
<a href="#bcc" onclick="return rcmail_hide_header_form('bcc');"><img src="/images/icons/minus.gif" alt="" title="<roundcube:label name='delete' />" /></a>
<label for="_bcc"><roundcube:label name="bcc" /></label>
</td>
<td colspan="2" class="editfield">
<roundcube:object name="composeHeaders" part="bcc" form="form" id="_bcc" cols="70" rows="2" tabindex="4" />
</td>
</tr><tr id="compose-replyto">
<td class="title top"><a href="#replyto" onclick="return rcmail_hide_header_form('replyto');"><img src="/images/icons/minus.gif" alt="" title="<roundcube:label name='delete' />" /></a>
<label for="_replyto"><roundcube:label name="replyto" /></label></td>
<td><roundcube:object name="composeHeaders" part="replyto" form="form" id="_replyto" size="70" tabindex="5" /></td>
</tr><tr id="compose-links">
<td></td>
<td class="formlinks">
<a href="#cc" onclick="return rcmail_show_header_form('cc')" id="cc-link"><roundcube:label name="addcc" /></a>
<span class="separator">|</span>
<a href="#bcc" onclick="return rcmail_show_header_form('bcc')" id="bcc-link"><roundcube:label name="addbcc" /></a>
<span class="separator">|</span>
<a href="#reply-to" onclick="return rcmail_show_header_form('replyto')" id="replyto-link"><roundcube:label name="addreplyto" /></a>
</td>
</tr><tr>
<td class="title"><label for="compose-subject"><roundcube:label name="subject" /></label></td>
<td><roundcube:object name="composeSubject" id="compose-subject" form="form" tabindex="6" /></td>
</tr><tr>
<td class="title"><roundcube:label name="editortype" /></td>
<td>
<div id="editor-select">
<roundcube:object name="editorSelector" editorid="compose-body" tabindex="7" />
<label for="rcmcomposepriority"><roundcube:label name="priority" /></label>
<roundcube:object name="prioritySelector" form="form" id="rcmcomposepriority" />
<label for="rcmcomposereceipt"><roundcube:label name="returnreceipt" /></label>
<roundcube:object name="receiptCheckBox" form="form" id="rcmcomposereceipt" />
</div>
<div id="spellcheck-control"></div>
</td>
</tr>
</tbody>
</table>
<td class="title top">
<a href="#replyto" onclick="return rcmail_hide_header_form('replyto');"><img src="/images/icons/minus.gif" alt="" title="<roundcube:label name='delete' />" /></a>
<label for="_replyto"><roundcube:label name="replyto" /></label>
</td>
<td colspan="2" class="editfield">
<roundcube:object name="composeHeaders" part="replyto" form="form" id="_replyto" size="70" tabindex="5" />
</td>
</tr><tr>
<td class="title"><label for="compose-subject"><roundcube:label name="subject" /></label></td>
<td colspan="2" class="editfield">
<roundcube:object name="composeSubject" id="compose-subject" form="form" tabindex="6" />
</td>
</table>
</div>
<div id="compose-div">
<roundcube:object name="composeBody" id="compose-body" form="form" cols="70" rows="20" tabindex="8" />
<table border="0" cellspacing="0" summary="" style="width:100%; margin-top: 5px;"><tbody>
<tr>
<td style="white-space: nowrap">
<roundcube:button type="input" command="send" class="button mainaction" label="sendmessage" tabindex="9" />
<roundcube:button type="input" command="list" class="button" label="cancel" tabindex="10" />
</td>
<td style="text-align:right; white-space: nowrap">
<label><roundcube:label name="savesentmessagein" />: <roundcube:object name="storetarget" maxlength="30" tabindex="11" /></label>
</td>
</tr>
</tbody></table>
<div class="boxlistcontent" style="overflow: hidden; top: 0">
<roundcube:object name="composeBody" id="compose-body" form="form" cols="70" rows="20" tabindex="7" />
</div>
<div class="boxfooter">
<roundcube:button name="messageoptions" id="composemenulink" type="link" title="messageoptions" class="button groupactions" onclick="rcmail_ui.show_composemenu();return false" content=" " />
<span id="compose-buttons">
<roundcube:button type="input" command="send" class="button mainaction" label="sendmessage" tabindex="8" />
<roundcube:button type="input" command="list" class="button" label="cancel" tabindex="9" />
</span>
<div id="compose-editorfooter" class="pagenav">
<span id="spellcheck-control" style="margin-right: 10px"></span>
<span>
<roundcube:label name="editortype" />
<roundcube:object name="editorSelector" editorid="compose-body" tabindex="10" />
</span>
</div>
</div>
</div>
</div>
<div id="compose-attachments">
<div id="attachment-title"><roundcube:label name="attachments" /></div>
<roundcube:object name="composeAttachmentList" deleteIcon="/images/icons/delete.png" cancelIcon="/images/icons/delete.png" loadingIcon="/images/display/loading_blue.gif" />
<p><roundcube:button command="add-attachment" imagePas="/images/buttons/add_pas.png" imageSel="/images/buttons/add_sel.png" imageAct="/images/buttons/add_act.png" width="23" height="18" title="addattachment" /></p>
</div>
<div id="composeoptionsmenu" class="popupmenu">
<table>
<tr><td><label for="rcmcomposereceipt"><roundcube:label name="returnreceipt" />:</label></td>
<td><roundcube:object name="receiptCheckBox" form="form" id="rcmcomposereceipt" /></td>
</tr>
<tr><td><label for="rcmcomposepriority"><roundcube:label name="priority" />:</label></td>
<td><roundcube:object name="prioritySelector" form="form" id="rcmcomposepriority" /></td>
</tr>
<tr><td><label><roundcube:label name="savesentmessagein" />:</label></td>
<td><roundcube:object name="storetarget" maxlength="30" /></td>
</tr>
</table>
</div>
</form>

4
skins/default/templates/editidentity.html
Unescape Escape View File

@ -19,7 +19,7 @@
<roundcube:include file="/includes/header.html" />
<roundcube:include file="/includes/settingstabs.html" />
<div id="prefsscreen">
<div id="mainscreen">
<div id="identities-list">
<div id="identity-title" class="boxtitle"><roundcube:label name="identities" /></div>
@ -51,7 +51,5 @@
</div>
<div id="rcmversion"><roundcube:object name="productname" /> <roundcube:object name="version" /></div>
</body>
</html>

2
skins/default/templates/error.html
Unescape Escape View File

@ -12,7 +12,5 @@
$__page_content
</div>
<div id="rcmversion"><roundcube:object name="productname" /> <roundcube:object name="version" /></div>
</body>
</html>

4
skins/default/templates/identities.html
Unescape Escape View File

@ -19,7 +19,7 @@
<roundcube:include file="/includes/header.html" />
<roundcube:include file="/includes/settingstabs.html" />
<div id="prefsscreen">
<div id="mainscreen">
<div id="identities-list">
<div id="identity-title" class="boxtitle"><roundcube:label name="identities" /></div>
@ -44,7 +44,5 @@
</div>
<div id="rcmversion"><roundcube:object name="productname" /> <roundcube:object name="version" /></div>
</body>
</html>

4
skins/default/templates/importcontacts.html
Unescape Escape View File

@ -9,7 +9,7 @@
<roundcube:include file="/includes/taskbar.html" />
<roundcube:include file="/includes/header.html" />
<div id="importbox">
<div id="mainscreen" class="box">
<div class="boxtitle"><roundcube:label name="importcontacts" /></div>
<div class="boxcontent">
@ -22,7 +22,5 @@
</div>
</div>
<div id="rcmversion"><roundcube:object name="productname" /> <roundcube:object name="version" /></div>
</body>
</html>

2
skins/default/templates/mail.html
Unescape Escape View File

@ -230,7 +230,5 @@
</div>
</div>
<div id="rcmversion"><roundcube:object name="productname" /> <roundcube:object name="version" /></div>
</body>
</html>

7
skins/default/templates/managefolders.html
Unescape Escape View File

@ -13,6 +13,8 @@
<form name="subscriptionform" action="./" onsubmit="rcmail.command('create-folder');return false;">
<div id="mainscreen">
<div id="folder-manager">
<roundcube:object name="foldersubscription" form="subscriptionform" id="subscription-table"
cellpadding="1" cellspacing="0" summary="Folder subscription table" class="records-table"
@ -20,8 +22,7 @@
renameIcon="/images/icons/rename.png" />
</div>
<div id="bottomboxes">
<div class="settingsbox">
<div id="bottomboxes" class="box">
<div class="boxtitle"><roundcube:label name="createfolder" /></div>
<div class="boxcontent">
@ -36,7 +37,5 @@
</form>
<div id="rcmversion"><roundcube:object name="productname" /> <roundcube:object name="version" /></div>
</body>
</html>

2
skins/default/templates/message.html
Unescape Escape View File

@ -79,7 +79,5 @@
</ul>
</div>
<div id="rcmversion"><roundcube:object name="productname" /> <roundcube:object name="version" /></div>
</body>
</html>

2
skins/default/templates/messageerror.html
Unescape Escape View File

@ -72,8 +72,6 @@
</ul>
</div>
<div id="rcmversion"><roundcube:object name="productname" /> <roundcube:object name="version" /></div>
</body>
<roundcube:endif />

2
skins/default/templates/plugin.html
Unescape Escape View File

@ -13,7 +13,7 @@
<roundcube:include file="/includes/settingstabs.html" />
<roundcube:endif />
<div id="pagecontent">
<div id="mainscreen">
<roundcube:object name="plugin.body" />
</div>

4
skins/default/templates/settings.html
Unescape Escape View File

@ -20,7 +20,7 @@
<roundcube:include file="/includes/header.html" />
<roundcube:include file="/includes/settingstabs.html" />
<div id="prefsscreen">
<div id="mainscreen">
<div id="sectionslist">
<roundcube:object name="sectionslist" id="sections-table" class="records-table" cellspacing="0" />
@ -37,7 +37,5 @@
</div>
<div id="rcmversion"><roundcube:object name="productname" /> <roundcube:object name="version" /></div>
</body>
</html>

Write Preview
Loading…
Cancel
Save