+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ + Advanced Chatter View
+Detailed Advanced Chatter View.
+ +
+
+
+
+ 
+
+
+ Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Overview +
+
+
+
+
+
+
+ Advanced Chatter View module is easy to use and manage the chatter and also show and hide chatter.
+
+
+
+
+ 
+
+
+ Features +
+
+
+
+
+
+
+
+
+ 
+ Show and Hide Chatter.
+
+
+ Show and Hide Chatter.
+
+
+ Easy to Use and Manage.
+
+
+ Easy to Use and Manage.
+
+
+
+ Available in Odoo 16.0 Community and Enterprise.
+
+
+
+ Available in Odoo 16.0 Community and Enterprise.
+
+
+
+
+ 
+
+
+ Screenshots +
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Advanced Chatter View. +
+ +
+
+ 
+
+
+ + Send Message in Chatter. +
+ +
+
+ 
+
+ + Log Note in Chatter. +
+
+
+ 
+
+
+ + Activities in Chatter. +
+
+
+
+
+
+
+
+
+
+
+
+ Related Modules
+Explore our related modules
++
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ Our Services +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+ 
+
+
+ Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ Support +
+
+
+
\ No newline at end of file
diff --git a/advanced_chatter_view/static/src/css/chatter_topbar.css b/advanced_chatter_view/static/src/css/chatter_topbar.css
new file mode 100644
index 000000000..460c7ad79
--- /dev/null
+++ b/advanced_chatter_view/static/src/css/chatter_topbar.css
@@ -0,0 +1,51 @@
+.icon{
+ background-color: #F8F8F8;
+ border-radius: 50%;
+ width: 55px;
+ height: 55px;
+ font-size: 22px;
+ border-color: #F8F8F8;
+}
+
+.o_FormRenderer_chatterContainer.o-aside {
+ display: contents;
+}
+
+.o_ChatterContainer{
+ display: grid;
+ padding-bottom: 555px;
+ margin-bottom: -81px;
+ margin-top: 70px;
+}
+
+.hide {
+ display: none;
+}
+
+.icon:hover + .hide {
+ display: block;
+}
+.o_form_editable {
+ flex-direction: row!important;
+}
+
+@media(max-width:768px){
+ .o_form_editable {
+ flex-direction: column!important;
+ }
+ .o_FormRenderer_chatterContainer:not(.o-aside):not(.o-full-width) .o_ChatterContainer {
+ display: flex;
+ margin-top: 22px;
+ padding-bottom: initial;
+ }
+ .icon {
+ margin-left: 48px;
+ width: 457px;
+ }
+ .hide {
+ display: flex;
+ margin-top: 62px;
+ margin-left: -53px;
+ }
+
+}
diff --git a/advanced_chatter_view/static/src/js/chatter_container.js b/advanced_chatter_view/static/src/js/chatter_container.js
new file mode 100644
index 000000000..c1211dafb
--- /dev/null
+++ b/advanced_chatter_view/static/src/js/chatter_container.js
@@ -0,0 +1,53 @@
+/** @odoo-module **/
+//patch the class ChatterContainer to added the click function
+import { patch } from "@web/core/utils/patch";
+import { ChatterContainer } from "@mail/components/chatter_container/chatter_container";
+const { useRef } = owl;
+patch(ChatterContainer.prototype, '@mail/components/chatter_container/chatter_container,ord-patch', {
+
+ setup() {
+ this._super();
+ this.root = useRef("root")
+ },
+ _onClickSendMessage(ev) {// Click function of SendMessage button
+ this.root.el.querySelector('#chatter_message').classList.remove("d-none");
+ this.root.el.querySelector('.view').classList.remove("d-none");
+ this.root.el.querySelector('.cross').classList.remove("d-none");
+ this.root.el.querySelector('.o_ChatterTopbar_rightSection').classList.remove("d-none");
+ this.root.el.querySelector('#send_message').classList.add("d-none");
+ this.root.el.querySelector('#log_note').classList.add("d-none");
+ this.root.el.querySelector('#active').classList.add("d-none");
+ },
+ _onClickLogNote(ev) {//Click function for LogNote button
+ this.root.el.querySelector('#chatter_note').classList.remove("d-none");
+ this.root.el.querySelector('.view').classList.remove("d-none");
+ this.root.el.querySelector('.cross').classList.remove("d-none");
+ this.root.el.querySelector('.o_ChatterTopbar_rightSection').classList.remove("d-none");
+ this.root.el.querySelector('#send_message').classList.add("d-none");
+ this.root.el.querySelector('#log_note').classList.add("d-none");
+ this.root.el.querySelector('#active').classList.add("d-none");
+ },
+ _onClickActive(ev) {//Click function for Active button
+ this.root.el.querySelector('#chatter_activity').classList.remove("d-none");
+ this.root.el.querySelector('.view').classList.remove("d-none");
+ this.root.el.querySelector('.cross').classList.remove("d-none");
+ this.root.el.querySelector('.o_ChatterTopbar_rightSection').classList.remove("d-none");
+ this.root.el.querySelector('#send_message').classList.add("d-none");
+ this.root.el.querySelector('#log_note').classList.add("d-none");
+ this.root.el.querySelector('#active').classList.add("d-none");
+ },
+ _onClickCross(ev) {//Click function to close chatter
+ this.root.el.querySelector('#chatter_activity').classList.add("d-none");
+ this.root.el.querySelector('#chatter_note').classList.add("d-none");
+ this.root.el.querySelector('#chatter_message').classList.add("d-none");
+ this.root.el.querySelector('.view').classList.add("d-none");
+ this.root.el.querySelector('.o_ChatterTopbar_rightSection').classList.add("d-none");
+ this.root.el.querySelector('.cross').classList.add("d-none");
+ this.root.el.querySelector('#send_message').classList.remove("d-none");
+ this.root.el.querySelector('#log_note').classList.remove("d-none");
+ this.root.el.querySelector('#active').classList.remove("d-none");
+ if(this.root.el.querySelector('.chat')){
+ this.root.el.querySelector('.chat').classList.add("d-none");
+ }
+ },
+});
\ No newline at end of file
diff --git a/advanced_chatter_view/static/src/xml/chatter.xml b/advanced_chatter_view/static/src/xml/chatter.xml
new file mode 100644
index 000000000..f105b2632
--- /dev/null
+++ b/advanced_chatter_view/static/src/xml/chatter.xml
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Message
+
+
+ Log Note
+
+
+ Activities
+
+ Please wait...
+