" + data['msg_body'] + "
", + 'model': 'mail.channel', + 'res_id': int(data['res_id']), + 'message_type': 'comment', + 'author_id': request.env.user.partner_id.id + }) + return True diff --git a/pos_chatter/doc/RELEASE_NOTES.md b/pos_chatter/doc/RELEASE_NOTES.md new file mode 100644 index 000000000..3aa1d9ac7 --- /dev/null +++ b/pos_chatter/doc/RELEASE_NOTES.md @@ -0,0 +1,6 @@ +## Module
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+ + POS Chat Box
+A Module for Chat in POS.
+ +
+
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+
+ Using the POS screen, this module facilitates user communication.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+ 
+ Users can use chatter in the pos session.
+
+
+ Users can use chatter in the pos session.
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+
+
+ 
+
+ + Chat Button on POS screen
+ +
+
+ 
+
+
+
+ Chatlist
+
+
+ 
+
+ On clicking an + item in chat list, chat window open in pos screen
+ +
+
+
+
+ 
+
+
+ + Related + Products +
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ + 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/pos_chatter/static/src/js/pos_chat_view.js b/pos_chatter/static/src/js/pos_chat_view.js
new file mode 100644
index 000000000..77058a0f6
--- /dev/null
+++ b/pos_chatter/static/src/js/pos_chat_view.js
@@ -0,0 +1,130 @@
+/** @odoo-module **/
+import ajax from 'web.ajax';
+const { xml,onMounted,useState,useExternalListener, useRef } = owl;
+export class ChatMsgView extends owl.Component {
+ setup() {
+ super.setup(...arguments);
+ this.flag_scroll = 1
+ this.flag = 0
+ this.root = useRef("root")
+ onMounted(this.render_messages)
+ useExternalListener(window, "click", this.ext_close_window, true);
+ this.state = owl.useState({
+ 'name': {},
+ 'data': {},
+ 'id': {}
+ })
+ }
+ /** function for the enter key to send messages*/
+ keyEnter(event) {
+ var self = this
+ if (event.key === "Enter") {
+ self._onClickMessageSend()
+ }
+ }
+ /** for running the function passing flag values*/
+ /** getting old message*/
+ render_messages() {
+ var self = this
+ ajax.jsonRpc('/pos_systray/chat_message', 'call', {
+ 'data': self.props.channel_id
+ }).then(function(result) {
+ if (self.flag_scroll == 1) {
+ var element = this.root.el.querySelector("#msg_content");
+ element.scrollTop = element.scrollHeight;
+ }
+ var message_list = []
+ var messages = result.messages
+ $(messages).each(function(message) {
+ const htmlString = messages[message].body;
+ const parser = new DOMParser();
+ const parsedHtml = parser.parseFromString(htmlString, 'text/html');
+ const plainText = parsedHtml.documentElement.textContent;
+ message_list.push({
+ 'body': plainText,
+ 'author': messages[message].author,
+ 'flag': messages[message].flag
+ })
+ });
+ self.state.data = message_list;
+ self.state.name = result.name;
+ self.state.id = result.channel_id;
+ })
+ if (self.flag == 0) {
+ setTimeout(this.render_messages.bind(this), 1000);
+ self.flag_scroll = 0
+ }
+ }
+ /** for closing the chat window*/
+ close_window() {
+ this.__owl__.remove()
+ this.flag = 1
+ this.flag_scroll = 0
+ }
+ /** for closing the opened chat window */
+ ext_close_window(ev) {
+ console.log(this.root.el)
+ if(this.root.el){
+ if (!this.root.el.contains(ev.target)) {
+ this.__owl__.remove()
+ this.flag = 1
+ this.flag_scroll = 0
+ }
+ }
+ }
+ /** for sending the message*/
+ _onClickMessageSend() {
+ var self = this
+ var input_value = this.root.el.querySelector("#message_to_send")
+ var res_id = this.root.el.querySelector("#button_send").getAttribute("value")
+ var element = this.root.el.querySelector("#msg_content");
+ element.scrollTop = element.scrollHeight;
+ if (input_value.value) {
+ var data = {
+ 'res_id': res_id,
+ 'msg_body': input_value.value
+ }
+ ajax.jsonRpc('/pos_chatter/send_message', 'call', {
+ 'data': data
+ }).then(function() {
+ input_value.value = ""
+ var res_id = self.root.el.querySelector("#button_send").getAttribute("value")
+ self.render_messages();
+ var element = self.root.el.querySelector("#msg_content");
+ element.scrollTop = element.scrollHeight;
+ })
+ }
+ }
+}
+ChatMsgView.template = xml`
+ //template for pos chat view
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
`
diff --git a/pos_chatter/static/src/js/pos_msg_view.js b/pos_chatter/static/src/js/pos_msg_view.js
new file mode 100644
index 000000000..de4ec1a99
--- /dev/null
+++ b/pos_chatter/static/src/js/pos_msg_view.js
@@ -0,0 +1,150 @@
+/** @odoo-module **/
+import ajax from 'web.ajax';
+const { mount,xml, onMounted, useState, useRef} = owl;
+import { ChatMsgView } from "./pos_chat_view"
+export class PosMsgView extends owl.Component {
+ setup(){
+ super.setup()
+ this.root = useRef("root")
+ onMounted(this.render_msg_view)
+ this.MsgWindow = new ChatMsgView();
+ this.state = useState({
+ 'data': {}
+ });
+ }
+ /** for getting all chat list */
+ render_msg_view(data){
+ var self = this
+ ajax.jsonRpc('/pos_systray/message_data', 'call').then(function(data){
+ var message_list = []
+ var messages = data
+ $(messages).each(function(message){
+ const htmlString = messages[message].message_body;
+ const parser = new DOMParser();
+ const parsedHtml = parser.parseFromString(htmlString, 'text/html');
+ const plainText = parsedHtml.documentElement.textContent;
+ message_list.push({
+ 'id': messages[message].id,
+ 'type': messages[message].type,
+ 'name': messages[message].name,
+ 'message_body': plainText
+ })
+ });
+ self.state.data = message_list
+ })
+ }
+
+ /** for click function for navbar*/
+ _onClickAllMessage(){
+ this.root.el.querySelector('#all_message').style.display = "block"
+ this.root.el.querySelector('#all_chat').style.display = "none"
+ this.root.el.querySelector('#all_channels').style.display = "none"
+ this.root.el.querySelector('#all_message_button').style.color = "#000"
+ this.root.el.querySelector('#all_chat_button').style.color = "#9c9a97"
+ this.root.el.querySelector('#all_channels_button').style.color = "#9c9a97"
+ }
+ /** for click function for navbar*/
+ _onClickAllChannels(){
+ this.root.el.querySelector('#all_message').style.display = "none"
+ this.root.el.querySelector('#all_chat').style.display = "none"
+ this.root.el.querySelector('#all_channels').style.display = "block"
+ this.root.el.querySelector('#all_message_button').style.color = "#9c9a97"
+ this.root.el.querySelector('#all_chat_button').style.color = "#9c9a97"
+ this.root.el.querySelector('#all_channels_button').style.color = "#000"
+ }
+ /** for click function for navbar*/
+ _onClickAllChat(){
+ this.root.el.querySelector('#all_message').style.display = "none"
+ this.root.el.querySelector('#all_chat').style.display = "block"
+ this.root.el.querySelector('#all_channels').style.display = "none"
+ this.root.el.querySelector('#all_message_button').style.color = "#9c9a97"
+ this.root.el.querySelector('#all_chat_button').style.color = "#000"
+ this.root.el.querySelector('#all_channels_button').style.color = "#9c9a97"
+ }
+ /** On clicking the chat or channel open the corresponding chat view */
+ _onClickToMessage(ev){
+ var self = this
+ var channel_id = ev.currentTarget.getAttribute("value")
+ this.__owl__.remove()
+ if($("#pos_chat_view").length == 0){
+ this.schedule_dropdown = mount(ChatMsgView, document.body, {props: {
+ channel_id
+ }})
+ }else if($("#pos_chat_view").length > 0){
+ this.schedule_dropdown = mount(ChatMsgView, document.body, {props: {
+ channel_id
+ }})
+ }
+ }
+}
+PosMsgView.template = xml`
+ //template for pos messages list view
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
You
+
+
+
+
+
+
+
+
+
`
diff --git a/pos_chatter/static/src/js/pos_systray_icon.js b/pos_chatter/static/src/js/pos_systray_icon.js
new file mode 100644
index 000000000..f0502e338
--- /dev/null
+++ b/pos_chatter/static/src/js/pos_systray_icon.js
@@ -0,0 +1,23 @@
+/** @odoo-module **/
+import PosComponent from 'point_of_sale.PosComponent';
+import { mount } from "@odoo/owl";
+import Registries from 'point_of_sale.Registries';
+import { PosMsgView } from "./pos_msg_view"
+class PosSystray extends PosComponent {
+ setup(){
+ super.setup(...arguments);
+ }
+ /** for opening the chat list window while click on the systray button*/
+ onClick(ev) {
+ if($(".pos_systray_template").length == 0){
+ this.schedule_dropdown = mount(PosMsgView, document.body)
+ }else if($(".pos_systray_template").length > 0){
+ this.schedule_dropdown.then(function(res){
+ res.__owl__.remove()
+ })
+ }
+ }
+}
+PosSystray.template = 'PosSystray';
+Registries.Component.add(PosSystray);
+return PosSystray;
diff --git a/pos_chatter/static/src/xml/pos_systray_icon.xml b/pos_chatter/static/src/xml/pos_systray_icon.xml
new file mode 100644
index 000000000..8e637909b
--- /dev/null
+++ b/pos_chatter/static/src/xml/pos_systray_icon.xml
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ + +