Cybrosys Technologies
12 months ago
@ -0,0 +1,49 @@ |
|||
.. image:: https://img.shields.io/badge/license-LGPL--3-green.svg |
|||
:target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html |
|||
:alt: License: LGPL-3 |
|||
|
|||
Advanced Chatter View |
|||
===================== |
|||
This module is used to view advanced chatter view. |
|||
|
|||
Configuration |
|||
============= |
|||
* No additional configuration is needed. |
|||
|
|||
Company |
|||
------- |
|||
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
|||
|
|||
License |
|||
------- |
|||
Lesser General Public License, Version 3 (LGPL v3). |
|||
(https://www.gnu.org/licenses/lgpl-3.0-standalone.html) |
|||
|
|||
Credits |
|||
------- |
|||
* Developers: (V16) Afra M P, |
|||
(V17) Gayathri V, |
|||
(V18) Aysha Shalin |
|||
Contact: odoo@cybrosys.com |
|||
|
|||
Contacts |
|||
-------- |
|||
* Mail Contact : odoo@cybrosys.com |
|||
* Website : https://cybrosys.com |
|||
|
|||
Bug Tracker |
|||
----------- |
|||
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. |
|||
|
|||
Maintainer |
|||
========== |
|||
.. image:: https://cybrosys.com/images/logo.png |
|||
:target: https://cybrosys.com |
|||
|
|||
This module is maintained by Cybrosys Technologies. |
|||
|
|||
For support and more information, please visit `Our Website <https://cybrosys.com/>`__ |
|||
|
|||
Further information |
|||
=================== |
|||
HTML Description: `<static/description/index.html>`__ |
|||
@ -0,0 +1,21 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################## |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Aysha Shalin (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################## |
|||
@ -0,0 +1,46 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################## |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Aysha Shalin (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################## |
|||
{ |
|||
'name': 'Advanced Chatter View', |
|||
'version': '18.0.1.0.0', |
|||
'category': 'Discuss', |
|||
'summary': """Advanced odoo chatter view.""", |
|||
'description': """This module is used to view advanced chatter view.""", |
|||
'author': 'Cybrosys Techno Solutions', |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'maintainer': 'Cybrosys Techno Solutions', |
|||
'website': "https://www.cybrosys.com", |
|||
'depends': ['base', 'mail'], |
|||
'assets': { |
|||
'web.assets_backend': [ |
|||
"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css", |
|||
'advanced_chatter_view/static/src/css/chatter_topbar.css', |
|||
'advanced_chatter_view/static/src/js/chatter_container.js', |
|||
'advanced_chatter_view/static/src/xml/chatter.xml', |
|||
], |
|||
}, |
|||
'images': ['static/description/banner.png'], |
|||
'license': 'LGPL-3', |
|||
'installable': True, |
|||
'auto_install': False, |
|||
'application': False, |
|||
} |
|||
@ -0,0 +1,6 @@ |
|||
## Module <advanced_chatter_view> |
|||
|
|||
#### 18.11.2024 |
|||
#### Version 18.0.1.0.0 |
|||
##### ADD |
|||
- Initial commit for Advanced Chatter View |
|||
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 628 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 210 KiB |
|
After Width: | Height: | Size: 209 KiB |
|
After Width: | Height: | Size: 109 KiB |
|
After Width: | Height: | Size: 495 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 624 B |
|
After Width: | Height: | Size: 136 KiB |
|
After Width: | Height: | Size: 214 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 310 B |
|
After Width: | Height: | Size: 929 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 542 B |
|
After Width: | Height: | Size: 576 B |
|
After Width: | Height: | Size: 733 B |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 738 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 911 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 600 B |
|
After Width: | Height: | Size: 673 B |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 462 B |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 926 B |
|
After Width: | Height: | Size: 9.0 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 878 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 653 B |
|
After Width: | Height: | Size: 800 B |
|
After Width: | Height: | Size: 905 B |
|
After Width: | Height: | Size: 189 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 839 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 427 B |
|
After Width: | Height: | Size: 627 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 988 B |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 875 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 92 KiB |
|
After Width: | Height: | Size: 85 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
After Width: | Height: | Size: 139 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
After Width: | Height: | Size: 99 KiB |
|
After Width: | Height: | Size: 105 KiB |
|
After Width: | Height: | Size: 105 KiB |
|
After Width: | Height: | Size: 105 KiB |
|
After Width: | Height: | Size: 149 KiB |
|
After Width: | Height: | Size: 880 KiB |
|
After Width: | Height: | Size: 89 KiB |
|
After Width: | Height: | Size: 9.1 KiB |
@ -0,0 +1,99 @@ |
|||
.icon { |
|||
background-color: #F8F8F8; |
|||
border-radius: 50%; |
|||
width: 55px; |
|||
height: 55px; |
|||
font-size: 22px; |
|||
border-color: #F8F8F8; |
|||
} |
|||
|
|||
.o-mail-Form-chatter { |
|||
width: 80px !important; |
|||
height: calc(100vh - 35px); |
|||
background-color: white; |
|||
right: 0; |
|||
align-items: flex-start; |
|||
justify-content: center; |
|||
position: absolute; |
|||
} |
|||
|
|||
@media screen and (max-width: 767.98px) { |
|||
.o-mail-Form-chatter { |
|||
width: 100% !important; |
|||
height: unset; |
|||
position: relative; |
|||
top: unset; |
|||
right: unset; |
|||
} |
|||
} |
|||
|
|||
.chatter-remove-position { |
|||
position: relative !important; |
|||
} |
|||
|
|||
.o_form_sheet_bg { |
|||
width: calc(100vw - 80px); |
|||
} |
|||
|
|||
.o_ChatterContainer { |
|||
display: grid; |
|||
justify-content: center; |
|||
padding-bottom: 80px; |
|||
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-mail-Form-chatter:not(.o-aside):not(.o-full-width) .o_ChatterContainer { |
|||
display: flex; |
|||
margin-top: 22px; |
|||
padding-bottom: initial; |
|||
} |
|||
|
|||
.icon { |
|||
margin-left: 48px; |
|||
width: 457px; |
|||
} |
|||
|
|||
.hide { |
|||
margin-top: 62px; |
|||
margin-left: -53px; |
|||
} |
|||
|
|||
.chatter-remove-position .o_ChatterContainer { |
|||
display: unset !important; |
|||
} |
|||
} |
|||
|
|||
.o_form_statusbar { |
|||
width: calc(100vw - 120px); |
|||
} |
|||
|
|||
.o_form_view .o_form_sheet_bg { |
|||
max-width: unset !important; |
|||
} |
|||
|
|||
.o_form_sheet { |
|||
margin: 1rem auto !important; |
|||
max-width: 1543px; |
|||
} |
|||
|
|||
.o_form_view .o_form_renderer { |
|||
position: relative; |
|||
} |
|||
@ -0,0 +1,57 @@ |
|||
/** @odoo-module **/ |
|||
import { Chatter } from "@mail/chatter/web_portal/chatter"; |
|||
import { patch } from "@web/core/utils/patch"; |
|||
import { useRef } from "@odoo/owl"; |
|||
// Patch the class ChatterContainer to added the click function
|
|||
patch(Chatter.prototype ,{ |
|||
setup(...args) { |
|||
super.setup(...args); |
|||
this.root = useRef("main_root") |
|||
}, |
|||
// Click function of SendMessage button
|
|||
_onClickSendMessage(ev) { |
|||
this.root.el.querySelector('#chatter_message').classList.remove("d-none"); |
|||
this.root.el.offsetParent.classList.add('chatter-remove-position') |
|||
this.root.el.querySelector('.cross').classList.remove("d-none"); |
|||
this.root.el.querySelector('.o-mail-Chatter-content').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"); |
|||
}, |
|||
// Click function for LogNote button
|
|||
_onClickLogNote(ev) { |
|||
this.root.el.querySelector('#chatter_note').classList.remove("d-none"); |
|||
this.root.el.offsetParent.classList.add('chatter-remove-position') |
|||
this.root.el.querySelector('.cross').classList.remove("d-none"); |
|||
this.root.el.querySelector('.o_ChatterTopbar_rightSection').classList.remove("d-none"); |
|||
this.root.el.querySelector('.o-mail-Chatter-content').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"); |
|||
}, |
|||
// Click function for Active button
|
|||
_onClickActive(ev) { |
|||
this.root.el.querySelector('#chatter_activity').classList.remove("d-none"); |
|||
this.root.el.offsetParent.classList.add('chatter-remove-position') |
|||
this.root.el.querySelector('.cross').classList.remove("d-none"); |
|||
this.root.el.querySelector('.o_ChatterTopbar_rightSection').classList.remove("d-none"); |
|||
this.root.el.querySelector('.o-mail-Chatter-content').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"); |
|||
}, |
|||
// Click function to close chatter
|
|||
_onClickCross(ev) { |
|||
this.root.el.offsetParent.classList.remove('chatter-remove-position') |
|||
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('.o_ChatterTopbar_rightSection').classList.add("d-none"); |
|||
this.root.el.querySelector('.o-mail-Chatter-content').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"); |
|||
}, |
|||
}); |
|||
@ -0,0 +1,246 @@ |
|||
<?xml version="1.0" encoding="UTF-8"?> |
|||
<!-- Overwrite the templates "mail.Chatter" to rearrange the view and added features --> |
|||
<templates id="template" xml:space="preserve"> |
|||
<t name="mail.ChatterAdvanced" t-inherit="mail.Chatter" |
|||
t-inherit-mode="extension" owl="1"> |
|||
<xpath expr="//div[hasclass('o-mail-Chatter')]" position="replace"> |
|||
<div t-if="state.thread" |
|||
class="position-relative flex-grow-1 flex-column d-flex w-100 bg-view" |
|||
t-attf-class="{{ className }}" t-ref="main_root"> |
|||
<div class="o_ChatterContainer" |
|||
t-att-class="{ 'o-isInFormSheetBg mx-auto': props.isInFormSheetBg }" |
|||
t-attf-class="{{ props.className }}" |
|||
data-command-category="mail" t-ref="root"> |
|||
<button class="cross fa fa-times d-none" |
|||
style="width: 30px; margin-left: auto; height: 30px;" |
|||
t-on-click="_onClickCross"/> |
|||
<t t-if="state and state.thread"> |
|||
<!-- button to view send message chatter --> |
|||
<button class="icon bi bi-chat-left-text" |
|||
id="send_message" |
|||
type="button" style="color: #FA035A;" |
|||
t-on-click="_onClickSendMessage"/> |
|||
<div class="hide" |
|||
style="color: #FA035A;">Message</div> |
|||
<!-- button to view log note chatter --> |
|||
<button class="icon bi bi-journal-text" |
|||
id="log_note" |
|||
type="button" style="color: #24A72F;" |
|||
t-on-click="_onClickLogNote"/> |
|||
<div class="hide" style="color: #24A72F;">Log Note</div> |
|||
<!-- button to view activity box --> |
|||
<button class="icon bi bi-clock-history" |
|||
id="active" |
|||
type="button" style="color: #0349F6;" |
|||
t-on-click="_onClickActive"/> |
|||
<div class="hide" |
|||
style="color: #0349F6;">Activities</div> |
|||
</t> |
|||
<t t-else=""> |
|||
<div class="o_ChatterContainer_noChatter flex-grow-1 align-items-center justify-content-center d-flex"><i class="o_ChatterContainer_noChatterIcon fa fa-circle-o-notch fa-spin me-2"/> |
|||
Please wait... |
|||
</div> |
|||
</t> |
|||
<div class="o-mail-Chatter-top position-sticky top-0" |
|||
t-att-class="{ 'shadow-sm': state.isTopStickyPinned }" |
|||
t-ref="top"> |
|||
<div class="o-mail-Chatter-topbar d-flex flex-shrink-0 flex-grow-0 overflow-x-auto" |
|||
t-ref="chatter_message"> |
|||
<button |
|||
id="chatter_message" |
|||
style="color: white; background-color: #FA035A; border-radius: 20px;" |
|||
class="o-mail-Chatter-sendMessage btn text-nowrap me-1 bi bi-chat-left-text d-none" |
|||
t-att-class="{'btn-primary': state.composerType !== 'note','btn-secondary': state.composerType === 'note','active': state.composerType === 'message','my-2': !props.compactHeight}" |
|||
t-att-disabled="!state.thread.hasWriteAccess and !(state.thread.hasReadAccess and state.thread.canPostOnReadonly) and props.threadId" |
|||
data-hotkey="m" |
|||
t-on-click="() => this.toggleComposer('message')"> |
|||
Send message |
|||
</button> |
|||
<button |
|||
id="chatter_note" |
|||
t-ref="chatter_note" |
|||
class="o-mail-Chatter-logNote btn text-nowrap me-2 bi bi-journal-text d-none" |
|||
style="background-color: #24A72F; border-radius: 20px; color: white;" |
|||
t-att-class="{ |
|||
'btn-primary active': state.composerType === 'note', |
|||
'btn-secondary': state.composerType !== 'note', |
|||
'my-2': !props.compactHeight |
|||
}" data-hotkey="shift+m" |
|||
t-on-click="() => this.toggleComposer('note')"> |
|||
Log note |
|||
</button> |
|||
<div class="flex-grow-1 d-flex"> |
|||
<button t-if="props.has_activities" |
|||
class="o-mail-Chatter-activity btn btn-secondary text-nowrap d-none" |
|||
id="chatter_activity" |
|||
type="button" |
|||
t-ref="chatter_activity" |
|||
t-att-class="{ 'my-2': !props.compactHeight }" |
|||
data-hotkey="shift+a" |
|||
t-on-click="scheduleActivity" |
|||
style="background-color: #0349F6; border-radius: 20px; color: white;"> |
|||
<i class="fa fa-clock-o me-1"/> |
|||
<span>Activities</span> |
|||
</button> |
|||
<div class="o_ChatterTopbar_rightSection flex-grow-1 flex-shrink-0 justify-content-end d-flex d-none"> |
|||
<span class="o-mail-Chatter-topbarGrow flex-grow-1 pe-2"/> |
|||
<button class="btn btn-link text-action" |
|||
t-att-class="{ 'o-active': state.isSearchOpen }" |
|||
aria-label="Search Messages" |
|||
title="Search Messages" |
|||
t-on-click="onClickSearch"> |
|||
<i class="oi oi-search" |
|||
role="img"/> |
|||
</button> |
|||
<FileUploader |
|||
t-if="attachments.length === 0" |
|||
fileUploadClass="'o-mail-Chatter-fileUploader'" |
|||
multiUpload="true" |
|||
onUploaded.bind="onUploaded" |
|||
onClick="(ev) => this.onClickAttachFile(ev)"> |
|||
<t t-set-slot="toggler"> |
|||
<t t-call="mail.Chatter.attachFiles"/> |
|||
</t> |
|||
</FileUploader> |
|||
<t t-else="" t-call="mail.Chatter.attachFiles"/> |
|||
<div class="o-mail-Followers d-flex me-1"> |
|||
<Dropdown position="'bottom-end'" menuClass="'o-mail-Followers-dropdown d-flex flex-column'" state="followerListDropdown"> |
|||
<button t-att-class="'o-mail-Followers-button btn btn-link d-flex align-items-center text-action px-1 ' + (props.compactHeight ? '' : 'my-2')" t-att-disabled="isDisabled" t-att-title="followerButtonLabel"> |
|||
<i class="fa fa-user-o" role="img"/> |
|||
<i t-if="state.thread.id and state.thread.followersCount === undefined" class="fa fa-circle-o-notch fa-spin"/> |
|||
<sup t-else="" class="o-mail-Followers-counter" t-esc="state.thread.followersCount ?? 0"/> |
|||
</button> |
|||
<t t-set-slot="content"> |
|||
<FollowerList onAddFollowers.bind="onAddFollowers" onFollowerChanged.bind="onFollowerChanged" thread="state.thread" dropdown="followerListDropdown"/> |
|||
</t> |
|||
</Dropdown> |
|||
</div> |
|||
<button t-if="state.thread.selfFollower" |
|||
class="btn px-0" |
|||
t-att-class="{ 'text-success': !unfollowHover.isHover, 'text-warning': unfollowHover.isHover, 'my-2': !props.compactHeight }" |
|||
t-att-disabled="!props.threadId" |
|||
t-on-click="onClickUnfollow" |
|||
t-ref="unfollow"> |
|||
<div class="position-relative"> |
|||
<!-- Hidden element used to set the button maximum size --> |
|||
<span class="d-flex invisible text-nowrap"> |
|||
<i class="me-1 fa fa-fw fa-eye-slash"/> |
|||
<t t-out="followingText.length > unfollowText.length ? followingText : unfollowText"/> |
|||
</span> |
|||
<span class="position-absolute end-0 top-0" |
|||
t-att-class="{ 'text-warning': unfollowHover.isHover }"> |
|||
<i class="me-1" |
|||
t-att-class="{ 'fa fa-fw fa-times': unfollowHover.isHover, 'fa fa-fw fa-check': !unfollowHover.isHover }"/> |
|||
<span t-out="unfollowHover.isHover ? unfollowText : followingText"/> |
|||
</span> |
|||
</div> |
|||
</button> |
|||
<button t-if="!state.thread.selfFollower" |
|||
class="o-mail-Chatter-follow btn btn-link px-0 text-600" |
|||
t-on-click="onClickFollow"> |
|||
<div class="position-relative"> |
|||
<span class="d-flex invisible text-nowrap"> |
|||
<i class="me-1 fa fa-fw fa-eye-slash"/> |
|||
<t t-out="followingText.length > unfollowText.length ? followingText : unfollowText"/> |
|||
</span> |
|||
<span class="position-absolute end-0 top-0"> |
|||
Follow |
|||
</span> |
|||
</div> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
<button t-if="props.close" |
|||
class="o-mail-Chatter-close btn btn-secondary flex-shrink-0 ms-2" |
|||
aria-label="Close" |
|||
t-on-click="props.close"> |
|||
<i class="oi oi-large oi-close"/> |
|||
</button> |
|||
</div> |
|||
<t t-if="state.composerType"> |
|||
<t t-if="state.composerType === 'message' and state.thread.recipients.length > 0"> |
|||
<div class="flex-shrink-0 px-3 pt-3 text-truncate small mb-2" |
|||
style="margin-left:48px"> |
|||
<span class="fw-bold">To:</span> |
|||
<t t-out="toRecipientsText"/> |
|||
<button class="o-mail-Chatter-recipientListButton btn btn-link badge rounded-pill border-0 p-1 ms-1" |
|||
title="Show all recipients" |
|||
t-on-click="onClickRecipientList"> |
|||
<i class="fa fa-caret-down"/> |
|||
</button> |
|||
</div> |
|||
</t> |
|||
<t t-set="type" |
|||
t-value="state.composerType === 'message' ? 'message' : 'note'"/> |
|||
<SuggestedRecipientsList |
|||
t-if="state.composerType !== 'note'" |
|||
className="'px-3'" |
|||
styleString="'margin-left:48px;'" |
|||
thread="state.thread"/> |
|||
<Composer composer="state.thread.composer" |
|||
autofocus="true" |
|||
className="state.composerType === 'message' ? '' : 'pt-4'" |
|||
mode="'extended'" |
|||
onPostCallback.bind="onPostCallback" |
|||
dropzoneRef="rootRef" |
|||
type="state.composerType" |
|||
t-key="props.threadId"/> |
|||
</t> |
|||
</div> |
|||
<div class="o-mail-Chatter-content d-none"> |
|||
<div t-if="state.isSearchOpen" |
|||
class="o-mail-Chatter-search"> |
|||
<SearchMessagesPanel |
|||
closeSearch.bind="closeSearch" |
|||
thread="state.thread" |
|||
onClickJump.bind="closeSearch" |
|||
/> |
|||
</div> |
|||
<t t-else=""> |
|||
<t t-if="props.has_activities and activities.length and !state.isSearchOpen"> |
|||
<t t-call="mail.ActivityList"/> |
|||
</t> |
|||
<div t-if="state.isAttachmentBoxOpened" |
|||
class="o-mail-AttachmentBox position-relative" |
|||
t-ref="attachment-box"> |
|||
<div class="d-flex align-items-center"> |
|||
<hr class="flex-grow-1"/> |
|||
<span class="p-3 fw-bold"> |
|||
Files |
|||
</span> |
|||
<hr class="flex-grow-1"/> |
|||
</div> |
|||
<div class="d-flex flex-column"> |
|||
<AttachmentList |
|||
attachments="attachments" |
|||
unlinkAttachment.bind="unlinkAttachment" |
|||
imagesHeight="100" |
|||
/> |
|||
<FileUploader multiUpload="true" |
|||
fileUploadClass="'o-mail-Chatter-fileUploader'" |
|||
onUploaded.bind="onUploaded" |
|||
onClick="(ev) => this.onClickAttachFile(ev)"> |
|||
<t t-set-slot="toggler"> |
|||
<button class="btn btn-link" |
|||
type="button" |
|||
t-att-disabled="!state.thread.hasWriteAccess"> |
|||
<i class="fa fa-plus-square"/> |
|||
Attach files |
|||
</button> |
|||
</t> |
|||
</FileUploader> |
|||
</div> |
|||
</div> |
|||
<Thread t-if="!state.isSearchOpen" |
|||
thread="state.thread" |
|||
t-key="state.thread.localId" |
|||
order="'desc'" |
|||
scrollRef="rootRef" |
|||
jumpPresent="state.jumpThreadPresent"/> |
|||
</t> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</xpath> |
|||
</t> |
|||
</templates> |
|||