From 86fe9e48b82642ce0abc9e1c5b609032d4908255 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Thibault=20Delavall=C3=A9e?= Date: Fri, 13 Apr 2012 12:03:27 +0200 Subject: [IMP] mail.thread: improvement taken from trunk-form-v2-fme. mail.group: added demo data. thread widget: updated css and html structure. mail security: now for every users, not only employees. This will need to be reviewed in details. bzr revid: tde@openerp.com-20120413100327-2uimy9c1crnfzm6u --- addons/mail/static/src/css/mail.css | 73 ++++++++++++++++++++-------- addons/mail/static/src/img/groupdefault.png | Bin 19910 -> 3092 bytes addons/mail/static/src/js/mail.js | 20 ++++---- addons/mail/static/src/xml/mail.xml | 29 ++++++++--- 4 files changed, 84 insertions(+), 38 deletions(-) (limited to 'addons/mail/static/src') diff --git a/addons/mail/static/src/css/mail.css b/addons/mail/static/src/css/mail.css index d920455537f..260b4a230cd 100644 --- a/addons/mail/static/src/css/mail.css +++ b/addons/mail/static/src/css/mail.css @@ -4,17 +4,23 @@ div.oe_mail_wall { overflow: auto; - padding: 5px; + padding: 0; + background: white; } -div.oe_mail_wall_search { - width: 55%; +/*div.oe_mail_wall_search {*/ + /*width: 550px;*/ +/*}*/ + +.oe_mail_wall_button_comment { + float: right; } /* 2 columns view */ div.oe_mail_wall_left { float: left; - width: 65%; + width: 560px; + margin: 8px; } div.oe_mail_wall_right { @@ -22,6 +28,10 @@ div.oe_mail_wall_right { width: 34%; } +.oe_mail_wall_threads { + margin-top: 8px; +} + .oe_mail_wall_thread div.oe_mail_thread_act .oe_mail_action_textarea, div.oe_mail_thread_subthread .oe_mail_action_textarea { height: 20px; padding: 2px; @@ -47,16 +57,15 @@ div.oe_mail_wall_more { .oe_mail_recthread { overflow: auto; - padding: 5px 5px 5px 5px; } /* Left-side CSS */ .oe_mail_recthread_actions { - margin-bottom: 10px; + margin-bottom: 8px; } .oe_mail_recthread_followers { - margin-bottom: 10px; + margin-bottom: 8px; } .oe_mail_followers_action, .oe_mail_followers_display { @@ -70,21 +79,16 @@ div.oe_mail_wall_more { .oe_mail_recthread_right { float: right; - width: 25%; - margin-right: 5%; + width: 240px; } .oe_mail_button_follow, .oe_mail_button_unfollow { - width: 120px; + /*width: 120px;*/ } .oe_mail_button_followers { - display: inline; - width: 120px; -} - -.oe_mail_followers h4 { - margin: 0 0 8px; + display: inline-block; + width: 240px; } /* ------------------------------ */ @@ -99,7 +103,7 @@ div.oe_mail_thread_act { div.oe_mail_thread_display { white-space: normal; - margin-bottom: 5px; + /*margin-bottom: 5px;*/ } div.oe_mail_thread_subthread { @@ -116,8 +120,7 @@ li.oe_mail_thread_msg { padding: 1px; } -.notification, .email { - background: #E0E0E0; +.notification, .comment { padding: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -126,8 +129,16 @@ li.oe_mail_thread_msg { border-radius: 4px; } -.comment { - padding: 4px; +.oe_mail_thread_msg > .comment { + background: #eee; +} + +.oe_mail_thread_subthread .comment { + background: white; +} + +.notification { + background: #eee; } .notification:after, .email:after, .comment:after { @@ -215,6 +226,14 @@ input.oe_mail, textarea.oe_mail { border-radius: 3px; } +.oe_mail_wall .oe_mail_wall_act textarea { + width: 550px; +} + +textarea.oe_mail { + height: 60px; +} + input.oe_mail:focus, textarea.oe_mail:focus { outline: 0; border-color: rgba(82, 168, 236, 0.8); @@ -246,6 +265,10 @@ p.oe_mail_msg { font-weight: bold; } +.oe_mail_msg_reply, .oe_mail_msg_delete { + margin-right: 4px; +} + a.oe_mail_oe_intlink { color: #8786b7; } @@ -257,3 +280,11 @@ a.oe_mail_oe_intlink { .oe_mail_oe_space { margin-left: 15px; } + + + + +.oe_mail_recthread_actions button { + width: 120px; +} + diff --git a/addons/mail/static/src/img/groupdefault.png b/addons/mail/static/src/img/groupdefault.png index fd826837266..cf160022470 100644 Binary files a/addons/mail/static/src/img/groupdefault.png and b/addons/mail/static/src/img/groupdefault.png differ diff --git a/addons/mail/static/src/js/mail.js b/addons/mail/static/src/js/mail.js index fbe817c2c81..dc6bd74c345 100644 --- a/addons/mail/static/src/js/mail.js +++ b/addons/mail/static/src/js/mail.js @@ -58,10 +58,8 @@ openerp.mail = function(session) { } /* Add ThreadDisplay widget to registry */ - session.web.form.widgets.add( - 'Thread', 'openerp.mail.Thread'); - session.web.page.readonly.add( - 'Thread', 'openerp.mail.Thread'); + session.web.form.widgets.add( 'Thread', 'openerp.mail.Thread'); + session.web.page.readonly.add( 'Thread', 'openerp.mail.Thread'); /** * ThreadDisplay widget: this widget handles the display of a thread of @@ -464,10 +462,8 @@ openerp.mail = function(session) { /* Add ThreadView widget to registry */ - session.web.form.widgets.add( - 'ThreadView', 'openerp.mail.RecordThread'); - session.web.page.readonly.add( - 'ThreadView', 'openerp.mail.RecordThread'); + session.web.form.widgets.add( 'ThreadView', 'openerp.mail.RecordThread'); + session.web.page.readonly.add( 'ThreadView', 'openerp.mail.RecordThread'); /* ThreadView widget: thread of comments */ mail.RecordThread = session.web.form.Field.extend({ @@ -489,9 +485,11 @@ openerp.mail = function(session) { // bind buttons this.$element.find('button.oe_mail_button_followers').click(function () { self.do_toggle_followers(); }).hide(); this.$element.find('button.oe_mail_button_follow').click(function () { self.do_follow(); }) - .mouseover(function () { $(this).html('Follow'); }).mouseleave(function () { $(this).html('Not following'); }); + .mouseover(function () { $(this).html('Follow').addClass('following'); }) + .mouseleave(function () { $(this).html('Not following').removeClass('following'); }); this.$element.find('button.oe_mail_button_unfollow').click(function () { self.do_unfollow(); }) - .mouseover(function () { $(this).html('Unfollow'); }).mouseleave(function () { $(this).html('Following'); }); + .mouseover(function () { $(this).html('Unfollow').removeClass('following').addClass('unfollow'); }) + .mouseleave(function () { $(this).html('Following').removeClass('unfollow').addClass('following'); }); this.reinit(); }, @@ -642,7 +640,7 @@ openerp.mail = function(session) { load_search_view: function (view_id, defaults, hidden) { var self = this; this.searchview = new session.web.SearchView(this, this.ds_msg, view_id || false, defaults || {}, hidden || false); - var search_view_loaded = this.searchview.appendTo(this.$element.find('div.oe_mail_wall_search')); + var search_view_loaded = this.searchview.appendTo(this.$element.find('.oe_view_manager_row')); return $.when(search_view_loaded).then(function () { self.searchview.on_search.add(self.do_searchview_search); }); diff --git a/addons/mail/static/src/xml/mail.xml b/addons/mail/static/src/xml/mail.xml index 0f49902b6b3..d97f0738629 100644 --- a/addons/mail/static/src/xml/mail.xml +++ b/addons/mail/static/src/xml/mail.xml @@ -2,13 +2,17 @@