mirror of
https://github.com/EGroupware/egroupware.git
synced 2025-01-11 16:38:52 +01:00
Implement mail compose toolbar with toolbar widget which makes actions draggable
This commit is contained in:
Hadi Nategh
parent
8b5bc60235
commit
d3d84782a5
@ -101,6 +101,86 @@ class mail_compose
|
||||
$this->mailPreferences =& $this->mail_bo->mailPreferences;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Provide toolbar actions used for compose toolbar
|
||||
*
|
||||
* @return array an array of actions
|
||||
*/
|
||||
function getToolbarActions()
|
||||
{
|
||||
$actions = array(
|
||||
'send' => array(
|
||||
'caption' => 'Send',
|
||||
'icon' => 'mail_send',
|
||||
'group' => ++$group,
|
||||
'onExecute' => 'javaScript:app.mail.compose_submitAction',
|
||||
'hint' => 'Send'
|
||||
),
|
||||
'button[saveAsDraft]' => array(
|
||||
'caption' => 'Save',
|
||||
'icon' => 'save',
|
||||
'group' => ++$group,
|
||||
'onExecute' => 'javaScript:app.mail.saveAsDraft',
|
||||
'hint' => 'Save as Draft'
|
||||
),
|
||||
'button[saveAsDraftAndPrint]' => array(
|
||||
'caption' => 'Print',
|
||||
'icon' => 'print',
|
||||
'group' => ++$group,
|
||||
'onExecute' => 'javaScript:app.mail.saveAsDraft',
|
||||
'hint' => 'Save as Draft and Print'
|
||||
),
|
||||
'selectFromVFSForCompose' => array(
|
||||
'caption' => 'VFS',
|
||||
'icon' => 'filemanager',
|
||||
'group' => ++$group,
|
||||
'onExecute' => 'javaScript:app.mail.compose_triggerWidget',
|
||||
'hint' => 'Select file(s) from VFS'
|
||||
),
|
||||
'uploadForCompose' => array(
|
||||
'caption' => 'Upload files...',
|
||||
'icon' => 'attach',
|
||||
'group' => ++$group,
|
||||
'onExecute' => 'javaScript:app.mail.compose_triggerWidget',
|
||||
'hint' => 'Select files to upload'
|
||||
),
|
||||
'to_infolog' => array(
|
||||
'caption' => 'Infolog',
|
||||
'icon' => 'infolog/navbar',
|
||||
'group' => ++$group,
|
||||
'checkbox' => true,
|
||||
'hint' => 'check to save as infolog on send'
|
||||
),
|
||||
'to_tracker' => array(
|
||||
'caption' => 'Tracker',
|
||||
'icon' => 'tracker/navbar',
|
||||
'group' => $group,
|
||||
'checkbox' => true,
|
||||
'hint' => 'check to save as trackerentry on send'
|
||||
),
|
||||
'disposition' => array(
|
||||
'caption' => 'Notification',
|
||||
'icon' => 'notification',
|
||||
'group' => ++$group,
|
||||
'checkbox' => true,
|
||||
'hint' => 'check to recieve a notification when the message is read (note: not all clients support this and/or the reciever may not authorize the notification)'
|
||||
),
|
||||
'prty' => array(
|
||||
'caption' => 'Priority',
|
||||
'group' => ++$group,
|
||||
'children' => array(),
|
||||
'hint' => '',
|
||||
)
|
||||
);
|
||||
foreach (self::$priorities as $priority)
|
||||
{
|
||||
$actions['prty']['children'][$priority] = array(
|
||||
'caption' => $priority,
|
||||
);
|
||||
}
|
||||
return $actions;
|
||||
}
|
||||
|
||||
/**
|
||||
* Compose dialog
|
||||
@ -252,14 +332,14 @@ class mail_compose
|
||||
}
|
||||
//error_log(__METHOD__.__LINE__.array2string($_content));
|
||||
if (!empty($_content['serverID']) && $_content['serverID'] != $this->mail_bo->profileID &&
|
||||
($_content['button']['send'] || $_content['button']['saveAsDraft']||$_content['button']['saveAsDraftAndPrint'])
|
||||
($_content['toolbar'] === 'send' || $_content['button']['saveAsDraft']||$_content['button']['saveAsDraftAndPrint'])
|
||||
)
|
||||
{
|
||||
$this->changeProfile($_content['serverID']);
|
||||
$composeProfile = $this->mail_bo->profileID;
|
||||
}
|
||||
$buttonClicked = false;
|
||||
if ($_content['button']['send'])
|
||||
if ($_content['toolbar'] === 'send')
|
||||
{
|
||||
$buttonClicked = $suppressSigOnTop = true;
|
||||
$sendOK = true;
|
||||
@ -1120,7 +1200,8 @@ class mail_compose
|
||||
if (!isset($content['priority']) || empty($content['priority'])) $content['priority']=3;
|
||||
//$GLOBALS['egw_info']['flags']['currentapp'] = 'mail';//should not be needed
|
||||
$etpl = new etemplate_new('mail.compose');
|
||||
|
||||
|
||||
$etpl->setElementAttribute('toolbar', 'actions', $this->getToolbarActions());
|
||||
if ($content['mimeType']=='html')
|
||||
{
|
||||
//mode="$cont[rtfEditorFeatures]" validation_rules="$cont[validation_rules]" base_href="$cont[upload_dir]"
|
||||
|
||||
@ -3185,13 +3185,13 @@ app.classes.mail = AppJS.extend(
|
||||
* @param {widget object} _widget
|
||||
* @param {string} _action autosaving trigger action
|
||||
*/
|
||||
saveAsDraft: function(_egw, _widget, _action)
|
||||
saveAsDraft: function(_egw_action, _action)
|
||||
{
|
||||
//this.et2_obj.submit();
|
||||
var content = this.et2.getArrayMgr('content').data;
|
||||
if (_widget )
|
||||
if (_egw_action )
|
||||
{
|
||||
var action = _action == 'autosaving'?_action: _widget.id;
|
||||
var action = _action == 'autosaving'?_action: _egw_action.id;
|
||||
}
|
||||
|
||||
var widgets = ['from','to','cc','bcc','subject','folder','replyto','mailaccount', 'mail_htmltext', 'mail_plaintext', 'lastDrafted'];
|
||||
@ -4071,8 +4071,8 @@ app.classes.mail = AppJS.extend(
|
||||
});
|
||||
//Make used email-tag list widgets in mail compose droppable
|
||||
emailTags.droppable({
|
||||
access:'.ms-sel-item',
|
||||
|
||||
accept:'.ms-sel-item',
|
||||
|
||||
/**
|
||||
* Run after a draggable email item dropped over one of the email-taglists
|
||||
* -Set the dropped item to the dropped current target widget
|
||||
@ -4218,5 +4218,61 @@ app.classes.mail = AppJS.extend(
|
||||
if (widget) return widget.get_value();
|
||||
break;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Set the relevant widget to toolbar actions and submit
|
||||
* @param {type} _action toolbar action
|
||||
*/
|
||||
compose_submitAction: function (_action)
|
||||
{
|
||||
var action_widget = ['to_infolog','to_tracker','priority'];
|
||||
var toolbar = this.et2.getWidgetById('toolbar');
|
||||
for(var i=0;action_widget.length>i;i++)
|
||||
{
|
||||
var widget = this.et2.getWidgetById(action_widget[i]);
|
||||
if (toolbar._actionManager)
|
||||
{
|
||||
var action_event = toolbar._actionManager.getActionById(action_widget[i]== 'priority'?'prty':action_widget[i]);
|
||||
if (typeof action_event.checkbox != 'undefined' && action_event.checkbox)
|
||||
{
|
||||
widget.set_value(action_event.checked?"on":"off");
|
||||
}
|
||||
else if (action_event && toolbar.options)
|
||||
{
|
||||
var regex = new RegExp(toolbar.options.actions[action_event.id]['value'],'ig');
|
||||
jQuery(widget.options.select_options).each(function(_i,_a){
|
||||
|
||||
if (_a.label.match(regex))
|
||||
{
|
||||
widget.set_value(_a.value);
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
this.et2._inst.submit(null,null,true);
|
||||
},
|
||||
|
||||
/**
|
||||
* Triger relative widget via its toolbar identical action
|
||||
* @param {type} _action toolbar action
|
||||
*/
|
||||
compose_triggerWidget:function (_action)
|
||||
{
|
||||
var widget = this.et2.getWidgetById(_action.id);
|
||||
if (widget)
|
||||
{
|
||||
switch(widget.id)
|
||||
{
|
||||
case 'uploadForCompose':
|
||||
document.getElementById('mail-compose_uploadForCompose').click();
|
||||
break;
|
||||
default:
|
||||
widget.click();
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
@ -858,4 +858,16 @@ span#mail-compose_replyto_expander {
|
||||
margin-left: 12px;
|
||||
text-align: right;
|
||||
padding: 0;
|
||||
}
|
||||
/*Make file uploads in compose dialog invisible*/
|
||||
div.mail-compose_toolbar_assist div.mail-compose_fileselector, #mail-compose_selectFromVFSForCompose, div.mail-compose_toolbar_assist {
|
||||
display:none;
|
||||
}
|
||||
/*Make file uploads in compose dialog invisible*/
|
||||
div.mail-compose_toolbar_assist div.mail-compose_fileselector, #mail-compose_selectFromVFSForCompose, div.mail-compose_toolbar_assist {
|
||||
display:none;
|
||||
}
|
||||
|
||||
div.mailComposeHeaderSection>table {
|
||||
padding-top: 10px;
|
||||
}
|
||||
@ -3,40 +3,18 @@
|
||||
<overlay>
|
||||
<template id="mail.compose" template="" lang="" group="0" version="1.9.001">
|
||||
<vbox class="mailCompose mailComposeHeaderSection" width="100%">
|
||||
<hbox class="ui-widget-header ui-corner-all mail-compose_toolbar" width="100%">
|
||||
<description class="email-button-group sent">
|
||||
<button class="et2_button ui-button mail-compose_button" label="Send" id="button[send]"/>
|
||||
</description>
|
||||
<description class="email-button-group save">
|
||||
<buttononly class="et2_button ui-button" label="Save as Draft" value="saveAsDraft" id="button[saveAsDraft]" image="fileexport" onclick="app.mail.saveAsDraft"/>
|
||||
<buttononly class="et2_button ui-button" label="Save as Draft and Print" value="saveAsDraftAndPrint" id="button[saveAsDraftAndPrint]" image="print" onclick="app.mail.saveAsDraft"/>
|
||||
</description>
|
||||
<description class="email-button-group file">
|
||||
<vfs-select class="$cont[vfsNotAvailable] compose_egw_icons" id="selectFromVFSForCompose" onchange="app.mail.vfsUploadForCompose" button_caption=""/>
|
||||
<file class="mail-compose_fileselector" statustext="Select file to attach to message" multiple='true' progress='attachments' onFinish="app.mail.uploadForCompose" onStart="app.mail.composeUploadStart" id="uploadForCompose" drop_target ="mail-compose"/>
|
||||
</description>
|
||||
<description class="email-button-group egw">
|
||||
<description class="$cont[noSaveAsAvailable]" value="Save:"/>
|
||||
<hbox class="$cont[noInfologAvailable]">
|
||||
<image class="et2_button ui-button et2_button_icon compose_egw_icons" label="Save as infolog on send" src="infolog/navbar" no_lang="1"/>
|
||||
<checkbox statustext="check to save as infolog on send" id="to_infolog" options="on,off"/>
|
||||
</hbox>
|
||||
<hbox class="$cont[noTrackerAvailable]">
|
||||
<image class="et2_button ui-button et2_button_icon compose_egw_icons" label="Save as tracker on send" src="tracker/navbar" no_lang="1"/>
|
||||
<checkbox statustext="check to save as trackerentry on send" id="to_tracker" options="on,off"/>
|
||||
</hbox>
|
||||
</description>
|
||||
<description class="email-button-group notification">
|
||||
<description value="Recieve notification"/>
|
||||
<checkbox statustext="check to recieve a notification when the message is read (note: not all clients support this and/or the reciever may not authorize the notification)" id="disposition" options="on,off"/>
|
||||
</description>
|
||||
<description class="email-button-group priority">
|
||||
<description value="Priority"/>
|
||||
<menulist>
|
||||
<menupopup id="priority"/>
|
||||
</menulist>
|
||||
</description>
|
||||
<toolbar id="toolbar" width="et2_fullWidth" view_range="8" flat_list="false"/>
|
||||
<hbox class="mail-compose_toolbar_assist" width="100%">
|
||||
<vfs-select class="$cont[vfsNotAvailable] compose_egw_icons" id="selectFromVFSForCompose" onchange="app.mail.vfsUploadForCompose" button_caption=""/>
|
||||
<file class="mail-compose_fileselector" statustext="Select file to attach to message" multiple='true' progress='attachments' onFinish="app.mail.uploadForCompose" onStart="app.mail.composeUploadStart" id="uploadForCompose" drop_target ="mail-compose"/>
|
||||
<checkbox statustext="check to save as infolog on send" id="to_infolog" options="on,off"/>
|
||||
<checkbox statustext="check to save as trackerentry on send" id="to_tracker" options="on,off"/>
|
||||
<checkbox statustext="check to recieve a notification when the message is read (note: not all clients support this and/or the reciever may not authorize the notification)" id="disposition" options="on,off"/>
|
||||
<menulist>
|
||||
<menupopup id="priority"/>
|
||||
</menulist>
|
||||
</hbox>
|
||||
|
||||
<grid width="100%" resize_ratio="0">
|
||||
<columns>
|
||||
<column widtd="10%"/>
|
||||
|
||||
@ -842,6 +842,21 @@ span#mail-compose_replyto_expander {
|
||||
text-align: right;
|
||||
padding: 0;
|
||||
}
|
||||
/*Make file uploads in compose dialog invisible*/
|
||||
div.mail-compose_toolbar_assist div.mail-compose_fileselector,
|
||||
#mail-compose_selectFromVFSForCompose,
|
||||
div.mail-compose_toolbar_assist {
|
||||
display: none;
|
||||
}
|
||||
/*Make file uploads in compose dialog invisible*/
|
||||
div.mail-compose_toolbar_assist div.mail-compose_fileselector,
|
||||
#mail-compose_selectFromVFSForCompose,
|
||||
div.mail-compose_toolbar_assist {
|
||||
display: none;
|
||||
}
|
||||
div.mailComposeHeaderSection > table {
|
||||
padding-top: 10px;
|
||||
}
|
||||
#popupMainDiv {
|
||||
padding: 5px;
|
||||
}
|
||||
@ -1071,126 +1086,8 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
|
||||
/*background-color: @gray-0;*/
|
||||
/*.gradient_thead;*/
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar {
|
||||
float: left;
|
||||
width: 100%;
|
||||
height: 35px !important;
|
||||
padding: 0px 5px 5px 2px !important;
|
||||
/*.gradient_thead;*/
|
||||
color: #000000;
|
||||
background: transparent;
|
||||
/*######################################*/
|
||||
/*// Button senden -> dev_buttons.less*/
|
||||
/*######################################*/
|
||||
/*######################################*/
|
||||
/*######################################*/
|
||||
/*save / Speichern als */
|
||||
/*######################################*/
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar button[id="mail-compose_button[sent]"],
|
||||
#mail-compose .mail-compose_toolbar button.et2_button {
|
||||
/* background-color: @gray_30;*/
|
||||
/*height: 33px;*/
|
||||
/*margin: 0px 3px 0 !important;*/
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar span.email-button-group {
|
||||
float: left;
|
||||
margin: 0 6px 5px 0;
|
||||
padding: 2px 2px 2px 5px;
|
||||
border: 1px solid #a6a6a6;
|
||||
border-bottom-color: #979797;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.15) inset;
|
||||
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.15) inset;
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.15) inset;
|
||||
background: #e4e4e4;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4));
|
||||
background-image: -moz-linear-gradient(top, #ffffff, #e4e4e4);
|
||||
background-image: -webkit-linear-gradient(top, #ffffff, #e4e4e4);
|
||||
background-image: -o-linear-gradient(top, #ffffff, #e4e4e4);
|
||||
background-image: -ms-linear-gradient(top, #ffffff, #e4e4e4);
|
||||
background-image: linear-gradient(top, #ffffff, #e4e4e4);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
|
||||
height: 27px;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar span.sent {
|
||||
float: left;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar span.save {
|
||||
float: left;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar span.save img {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar span.file {
|
||||
float: left;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar span.file button {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar span.egw {
|
||||
float: left;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar span.egw img {
|
||||
height: 16px;
|
||||
padding: 1px;
|
||||
margin: 3px;
|
||||
vertical-align: middle;
|
||||
width: auto;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar span.notification {
|
||||
float: left;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar span.notification span.et2_label {
|
||||
line-height: 25px;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar span.priority {
|
||||
float: left;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar span.priority span.et2_label {
|
||||
line-height: 25px;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar img {
|
||||
#mail-compose #mail-compose_toolbar button#toolbar-send {
|
||||
height: 24px;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar img[src$="svg"] {
|
||||
background-color: #aaaaaa;
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjOWI5YjliIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
|
||||
background-image: -moz-linear-gradient(top, #b4b4b4, #9b9b9b);
|
||||
background-image: -ms-linear-gradient(top, #b4b4b4, #9b9b9b);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#9b9b9b));
|
||||
background-image: -webkit-linear-gradient(top, #b4b4b4, #9b9b9b);
|
||||
background-image: -o-linear-gradient(top, #b4b4b4, #9b9b9b);
|
||||
background-image: linear-gradient(top, #b4b4b4, #9b9b9b);
|
||||
background-repeat: repeat-x;
|
||||
background-color: #696969;
|
||||
height: 24px;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar img[src$="svg"]:hover {
|
||||
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
background-color: #189800;
|
||||
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMTg5ODAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMTg5ODAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
|
||||
background-image: -moz-linear-gradient(top, #189800, #189800);
|
||||
background-image: -ms-linear-gradient(top, #189800, #189800);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#189800), to(#189800));
|
||||
background-image: -webkit-linear-gradient(top, #189800, #189800);
|
||||
background-image: -o-linear-gradient(top, #189800, #189800);
|
||||
background-image: linear-gradient(top, #189800, #189800);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar span.et2_label {
|
||||
font-size: 8px;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar .mail-compose_button {
|
||||
height: 27px;
|
||||
/*margin-right: 3px !important;*/
|
||||
margin-top: 0.7px !important;
|
||||
padding: 0 3px 0 0;
|
||||
@ -1206,170 +1103,15 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
|
||||
background-color: #0c5da5;
|
||||
color: #ffffff;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar .mail-compose_button:hover {
|
||||
#mail-compose #mail-compose_toolbar button#toolbar-send:hover {
|
||||
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
background-color: #189800;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar .mail-compose_button:disabled {
|
||||
#mail-compose #mail-compose_toolbar button#toolbar-send:disabled {
|
||||
background-color: rgba(12, 93, 165, 0.2) !important;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar img[id="mail-compose_button[saveAsDraftAndPrint]"],
|
||||
#mail-compose .mail-compose_toolbar img[id="mail-compose_button[saveAsDraft]"] {
|
||||
vertical-align: middle;
|
||||
padding: 1px;
|
||||
margin: 3px;
|
||||
/*.background_color_10_gray;*/
|
||||
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
height: 16px;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar img[id="mail-compose_button[saveAsDraftAndPrint]"]:hover,
|
||||
#mail-compose .mail-compose_toolbar img[id="mail-compose_button[saveAsDraft]"]:hover {
|
||||
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
background-color: #189800;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar button[id="mail-compose_selectFromVFSForCompose"] {
|
||||
/*margin-left: 15px !important;*/
|
||||
height: 16px;
|
||||
margin: 3px;
|
||||
vertical-align: middle;
|
||||
float: left;
|
||||
height: 20px !important;
|
||||
width: auto;
|
||||
background-size: 16px 16px;
|
||||
padding: 0;
|
||||
/*.background_color_10_gray;*/
|
||||
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar button[id="mail-compose_selectFromVFSForCompose"]:hover {
|
||||
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
background-color: #189800;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar button[id="mail-compose_selectFromVFSForCompose"]:focus {
|
||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
background-color: #d9d9d9;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar .et2_file,
|
||||
#mail-compose .mail-compose_toolbar .mail-compose_fileselector {
|
||||
float: left;
|
||||
vertical-align: middle;
|
||||
margin: 2px;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar .et2_file span.et2_file_span,
|
||||
#mail-compose .mail-compose_toolbar .mail-compose_fileselector span.et2_file_span {
|
||||
font-size: 1.1em;
|
||||
font-weight: normal;
|
||||
/*.border_normal;*/
|
||||
/*.box_shadow_standard_light;*/
|
||||
/*.rounded (3px);*/
|
||||
color: #000000;
|
||||
-webkit-appearance: none;
|
||||
-webkit-transition-property: background-color;
|
||||
-moz-transition-property: background-color;
|
||||
-o-transition-property: background-color;
|
||||
transition-property: background-color;
|
||||
-webkit-transition-duration: 0.5s;
|
||||
-moz-transition-duration: 0.5s;
|
||||
-o-transition-duration: 0.5s;
|
||||
transition-duration: 0.5s;
|
||||
-webkit-transition-timing-function: linear;
|
||||
-moz-transition-timing-function: linear;
|
||||
-o-transition-timing-function: linear;
|
||||
transition-timing-function: linear;
|
||||
background-color: #b4b4b4;
|
||||
padding-left: 30px !important;
|
||||
background-position: 6px center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 20px auto !important;
|
||||
/*.Button_size_h32_auto;*/
|
||||
height: 24px;
|
||||
background-image: url(images/attach.png) !important;
|
||||
background-color: #fafafa;
|
||||
height: 16px;
|
||||
width: 100px;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar .et2_file span.et2_file_span:hover,
|
||||
#mail-compose .mail-compose_toolbar .mail-compose_fileselector span.et2_file_span:hover {
|
||||
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
|
||||
background-color: #189800;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar .et2_file span.et2_file_span:focus,
|
||||
#mail-compose .mail-compose_toolbar .mail-compose_fileselector span.et2_file_span:focus {
|
||||
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
|
||||
background-color: #d9d9d9;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar .et2_file input,
|
||||
#mail-compose .mail-compose_toolbar .mail-compose_fileselector input {
|
||||
border: none;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar .et2_file input.et2_file_upload,
|
||||
#mail-compose .mail-compose_toolbar .mail-compose_fileselector input.et2_file_upload {
|
||||
width: 120px;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar .et2_file div.progress,
|
||||
#mail-compose .mail-compose_toolbar .mail-compose_fileselector div.progress {
|
||||
width: 212px;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar #mail-compose_to_infolog {
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar #mail-compose_to_infolog:hover {
|
||||
-webkit-transform: scale(1.3);
|
||||
-moz-transform: scale(1.3);
|
||||
-o-transform: scale(1.3);
|
||||
-ms-transform: scale(1.3);
|
||||
transform: scale(1.3);
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar input[id="mail-compose_to_tracker"] {
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar input[id="mail-compose_to_tracker"]:hover {
|
||||
-webkit-transform: scale(1.3);
|
||||
-moz-transform: scale(1.3);
|
||||
-o-transform: scale(1.3);
|
||||
-ms-transform: scale(1.3);
|
||||
transform: scale(1.3);
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar #mail-compose_disposition {
|
||||
margin-right: 0px !important;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar #mail-compose_disposition:hover {
|
||||
-webkit-transform: scale(1.3);
|
||||
-moz-transform: scale(1.3);
|
||||
-o-transform: scale(1.3);
|
||||
-ms-transform: scale(1.3);
|
||||
transform: scale(1.3);
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar #mail-compose_priority {
|
||||
margin-right: 0px;
|
||||
font-size: 9px;
|
||||
}
|
||||
#mail-compose .mail-compose_toolbar #mail-compose_priority span.et2_label {
|
||||
margin-right: 3px;
|
||||
}
|
||||
#mail-compose table.et2_grid {
|
||||
display: inline-block;
|
||||
}
|
||||
@ -1819,7 +1561,7 @@ div.ui-toolbar-menulist {
|
||||
.et2_toolbar_actionlist .et2_toolbar-dropdown {
|
||||
/* background: @gray_10 !important;
|
||||
background-color: @gray_10 !important;*/
|
||||
margin: -4px 5px -2px 4px;
|
||||
margin: -4px 5px 2px 1px;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
@ -2303,22 +2045,6 @@ input[type=button] {
|
||||
#mail-compose_fileselector {
|
||||
width: 245px !important;
|
||||
}
|
||||
#mail-compose_toolbar {
|
||||
padding: 0px !important;
|
||||
}
|
||||
#mail-compose_toolbar > button {
|
||||
padding: .2em .4em;
|
||||
}
|
||||
#mail-compose_toolbar > img {
|
||||
width: 16px;
|
||||
padding: 0px;
|
||||
height: 16px !important;
|
||||
}
|
||||
#mail-compose_toolbar > button > span > img {
|
||||
width: 16px;
|
||||
padding: 0px;
|
||||
height: 16px !important;
|
||||
}
|
||||
.mailPreviewIcons {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
|
||||
@ -350,93 +350,11 @@ div#mail-index{
|
||||
// ##################################
|
||||
// Toolbar
|
||||
|
||||
.mail-compose_toolbar{
|
||||
|
||||
float: left;
|
||||
width: 100%;
|
||||
height: 35px !important;
|
||||
padding: 0px 5px 5px 2px !important;
|
||||
|
||||
/*.gradient_thead;*/
|
||||
.color_100_gray;
|
||||
background: transparent;
|
||||
|
||||
#mail-compose_toolbar{
|
||||
|
||||
// Senden Button
|
||||
button[id="mail-compose_button[sent]"],
|
||||
button.et2_button{
|
||||
/* background-color: @gray_30;*/
|
||||
|
||||
/*height: 33px;*/
|
||||
/*margin: 0px 3px 0 !important;*/
|
||||
}
|
||||
|
||||
|
||||
span.email-button-group {
|
||||
.span_tool_group;
|
||||
height: 27px;
|
||||
|
||||
}
|
||||
|
||||
// senden
|
||||
span.sent {
|
||||
float: left;
|
||||
}
|
||||
// save + print
|
||||
span.save {float: left;
|
||||
|
||||
img{background-color: @gray_0;}
|
||||
}
|
||||
|
||||
// file upload
|
||||
span.file {float: left;
|
||||
|
||||
button{background-color: @gray_0;}
|
||||
}
|
||||
|
||||
|
||||
// save as infolog + tracker
|
||||
span.egw {float: left;
|
||||
img{
|
||||
.dimension_height_s;
|
||||
padding: 1px;
|
||||
margin: 3px;
|
||||
vertical-align: middle;
|
||||
width :auto;
|
||||
.rounded(3px);
|
||||
background-color: @gray_0;
|
||||
}
|
||||
}
|
||||
span.notification {float: left;
|
||||
span.et2_label {line-height: 25px;}
|
||||
}
|
||||
span.priority {float: left;
|
||||
span.et2_label {line-height: 25px;}
|
||||
}
|
||||
|
||||
|
||||
img{.dimension_height_m;}
|
||||
img[src$="svg"]{
|
||||
.gradient_vertical (@gray_30, @gray_40);
|
||||
background-color: @gray_60;
|
||||
.dimension_height_m;
|
||||
&:hover {
|
||||
.box_shadow_standard_light_hover;
|
||||
background-color:@color_positive_action;
|
||||
.gradient_vertical (@color_positive_action, @color_positive_action);
|
||||
}
|
||||
}
|
||||
|
||||
span.et2_label {font-size: 8px;}
|
||||
|
||||
/*######################################*/
|
||||
/*// Button senden -> dev_buttons.less*/
|
||||
button.et2_button { }
|
||||
|
||||
|
||||
// Senden Button
|
||||
.mail-compose_button{
|
||||
height: 27px;
|
||||
button#toolbar-send{
|
||||
height: 24px;
|
||||
/*margin-right: 3px !important;*/
|
||||
margin-top: 0.7px !important;
|
||||
padding: 0 3px 0 0;
|
||||
@ -455,103 +373,6 @@ div#mail-index{
|
||||
&:disabled {background-color: @color_disabled !important;}
|
||||
|
||||
}
|
||||
/*######################################*/
|
||||
// Save + Print
|
||||
|
||||
img[id="mail-compose_button[saveAsDraftAndPrint]"],
|
||||
img[id="mail-compose_button[saveAsDraft]"]{
|
||||
vertical-align: middle;
|
||||
padding: 1px;
|
||||
margin: 3px;
|
||||
.Complete_Button_Icon_normal;
|
||||
.dimension_height_s;
|
||||
|
||||
&:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;}
|
||||
|
||||
}
|
||||
/*######################################*/
|
||||
// file
|
||||
|
||||
// Dateimanager
|
||||
button[id="mail-compose_selectFromVFSForCompose"] {
|
||||
/*margin-left: 15px !important;*/
|
||||
.dimension_height_s;
|
||||
margin: 3px;
|
||||
vertical-align: middle;
|
||||
float: left;
|
||||
height: 20px !important;
|
||||
width: auto;
|
||||
background-size: 16px 16px;
|
||||
padding: 0;
|
||||
.Complete_Button_Icon_normal;
|
||||
&:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;}
|
||||
&:focus {.box_shadow_standard_light_inset; .background_color_15_gray;}
|
||||
}
|
||||
|
||||
// Dateien Upload
|
||||
.et2_file,
|
||||
.mail-compose_fileselector{
|
||||
|
||||
float: left;
|
||||
vertical-align: middle;
|
||||
margin:2px;
|
||||
span.et2_file_span{
|
||||
|
||||
font-size: 1.1em;
|
||||
font-weight: normal;
|
||||
.Complete_Button_text_icon_before;
|
||||
background-image: url(images/attach.png) !important;
|
||||
.background_color_5_gray;
|
||||
height: 16px;
|
||||
width: 100px;
|
||||
&:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;}
|
||||
|
||||
&:focus {.box_shadow_standard_light_inset; .background_color_15_gray;}
|
||||
|
||||
}
|
||||
|
||||
input {border: none;}
|
||||
|
||||
input.et2_file_upload {width: 120px}
|
||||
|
||||
div.progress {width: 212px;}
|
||||
}
|
||||
|
||||
/*######################################*/
|
||||
/*save / Speichern als */
|
||||
//als Infolog
|
||||
#mail-compose_to_infolog{
|
||||
|
||||
margin-right: 5px !important;
|
||||
&:hover{
|
||||
.scale;
|
||||
}
|
||||
}
|
||||
//als Ticket
|
||||
input[id="mail-compose_to_tracker"]{
|
||||
|
||||
margin-right: 5px !important;
|
||||
&:hover {
|
||||
.scale;
|
||||
}
|
||||
}
|
||||
/*######################################*/
|
||||
// Empfangsbenachrichtigung
|
||||
#mail-compose_disposition{
|
||||
|
||||
margin-right: 0px !important;
|
||||
&:hover {
|
||||
.scale;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Priorität
|
||||
#mail-compose_priority{
|
||||
margin-right: 0px;
|
||||
font-size: 9px;
|
||||
span.et2_label {margin-right: 3px;}
|
||||
}
|
||||
} // Toolbar Ende
|
||||
|
||||
table.et2_grid {display: inline-block;}
|
||||
@ -955,7 +776,7 @@ div.ui-toolbar-menulist{
|
||||
.et2_toolbar-dropdown{
|
||||
/* background: @gray_10 !important;
|
||||
background-color: @gray_10 !important;*/
|
||||
margin: -4px 5px -2px 4px;
|
||||
margin: -4px 5px 2px 1px;
|
||||
.rounded(3px);
|
||||
|
||||
.et2_dropdown{
|
||||
@ -1510,28 +1331,6 @@ input[type=button] {
|
||||
#mail-compose_fileselector {
|
||||
width: 245px !important;
|
||||
}
|
||||
#mail-compose_toolbar {
|
||||
padding: 0px !important;
|
||||
}
|
||||
#mail-compose_toolbar > button {
|
||||
padding: .2em .4em;
|
||||
}
|
||||
#mail-compose_toolbar > img {
|
||||
width: 16px;
|
||||
padding: 0px;
|
||||
height: 16px !important;
|
||||
}
|
||||
#mail-compose_toolbar > button > span > img {
|
||||
width: 16px;
|
||||
padding: 0px;
|
||||
height: 16px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.mailPreviewIcons {
|
||||
position: absolute;
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 1.5 KiB |
Loading…
Reference in New Issue
Block a user