" + data['msg_body'] + "
", + 'model': 'discuss.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..089fda891 --- /dev/null +++ b/pos_chatter/doc/RELEASE_NOTES.md @@ -0,0 +1,6 @@ +## Module
+
+
+
+
+
+
+
\ 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..870468abb
--- /dev/null
+++ b/pos_chatter/static/src/js/pos_chat_view.js
@@ -0,0 +1,142 @@
+/** @odoo-module **/
+import { rpc } from "@web/core/network/rpc";
+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 = useState({
+ name: "",
+ data: [],
+ id: null
+ });
+ }
+
+ /** Function for enter key to send messages */
+ keyEnter(event) {
+ if (event.key === "Enter") {
+ this._onClickMessageSend();
+ }
+ }
+
+ /** Fetch old messages */
+ async render_messages() {
+ try {
+ const result = await rpc('/pos_systray/chat_message', { data: this.props.channel_id });
+
+ if (!this.root.el) return;
+
+ let message_list = [];
+ const messages = result.messages || [];
+
+ messages.forEach((message) => {
+ const htmlString = message.body;
+ const parser = new DOMParser();
+ const parsedHtml = parser.parseFromString(htmlString, 'text/html');
+ const plainText = parsedHtml.documentElement.textContent;
+
+ message_list.push({
+ body: plainText,
+ author: message.author,
+ flag: message.flag
+ });
+ });
+
+ this.state.data = message_list;
+ this.state.name = result.name;
+ this.state.id = result.channel_id;
+
+ if (this.flag_scroll === 1) {
+ const element = this.root.el.querySelector("#msg_content");
+ if (element) element.scrollTop = element.scrollHeight;
+ }
+
+ if (this.flag === 0) {
+ setTimeout(() => this.render_messages(), 1000);
+ this.flag_scroll = 0;
+ }
+ } catch (error) {
+ console.error("Error fetching messages:", error);
+ }
+ }
+
+ /** Close chat window */
+ close_window() {
+ this.__owl__.remove();
+ this.flag = 1;
+ this.flag_scroll = 0;
+ }
+
+ /** Close the chat window when clicking outside */
+ ext_close_window(event) {
+ if (this.root.el && !this.root.el.contains(event.target)) {
+ this.__owl__.remove();
+ this.flag = 1;
+ this.flag_scroll = 0;
+ }
+ }
+
+ /** Send message */
+ async _onClickMessageSend() {
+ if (!this.root.el) return;
+
+ const input = this.root.el.querySelector("#message_to_send");
+ const res_id = this.root.el.querySelector("#button_send")?.getAttribute("value");
+
+ if (!input || !res_id || !input.value.trim()) return;
+
+ const data = {
+ res_id: res_id,
+ msg_body: input.value.trim()
+ };
+
+ try {
+ await rpc('/pos_chatter/send_message', { data });
+ input.value = "";
+ this.render_messages();
+ } catch (error) {
+ console.error("Error sending message:", error);
+ }
+ }
+}
+
+ChatMsgView.template = xml`
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + A Module for Chat in POS. +
+POS Chat Box +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Users can use chatter in the pos session. +
+ + + +
+
+
+
+
+
+
+
+ + Supports In Both Odoo Community & Enterprise +
+ +
+
+
+
+
+
+
+
+
+ POS Chat Box
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Chat Button on POS screen. + + +
+
+
+ +
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+ + Chat list. +
+
+
+
+ 
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+ + On clicking an item in chat list, chat window open in pos screen. +
++
+ +
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Community Support
+
+
+
+
+
+
+
+
+
+ + Login by using face recognition
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Yes, any employee whose image is set in the employee profile + and is selected in the POS configuration settings can use + Face Recognition for login. +
+
+
+
+
+
+
+
+ + If the system fails to recognize the employee's face, + login will not be allowed, and the employee may need to + retry after setting latest image in the Employee module. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 27th December, 2024 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+
`;
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..bf54d046b
--- /dev/null
+++ b/pos_chatter/static/src/js/pos_msg_view.js
@@ -0,0 +1,151 @@
+/** @odoo-module **/
+import { rpc } from "@web/core/network/rpc";
+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: [],
+ });
+ }
+
+ /** Fetch all chat messages */
+ render_msg_view() {
+ rpc("/pos_systray/message_data").then((data) => {
+ const message_list = data.map((message) => {
+ const parser = new DOMParser();
+ const parsedHtml = parser.parseFromString(message.message_body, "text/html");
+ const plainText = parsedHtml.documentElement.textContent;
+ return {
+ id: message.id,
+ type: message.type,
+ name: message.name,
+ message_body: plainText,
+ };
+ });
+ this.state.data = message_list;
+ });
+ }
+
+ /** Toggle visibility between All, Chat, and Channels */
+ toggleView(activeButtonId, activeSectionId) {
+ ["all_message", "all_chat", "all_channels"].forEach((id) => {
+ this.root.el.querySelector(`#${id}`).style.display = id === activeSectionId ? "block" : "none";
+ });
+
+ ["all_message_button", "all_chat_button", "all_channels_button"].forEach((id) => {
+ this.root.el.querySelector(`#${id}`).style.color = id === activeButtonId ? "#000" : "#9c9a97";
+ });
+ }
+
+ _onClickAllMessage() {
+ this.toggleView("all_message_button", "all_message");
+ }
+
+ _onClickAllChannels() {
+ this.toggleView("all_channels_button", "all_channels");
+ }
+
+ _onClickAllChat() {
+ this.toggleView("all_chat_button", "all_chat");
+ }
+
+ /** Open chat view */
+ _onClickToMessage(ev) {
+ const channel_id = ev.currentTarget.getAttribute("value");
+ this.__owl__.remove();
+
+ if (!document.querySelector("#pos_chat_view")) {
+ this.schedule_dropdown = mount(ChatMsgView, document.body, { props: { channel_id } });
+ } else {
+ this.schedule_dropdown = mount(ChatMsgView, document.body, { props: { channel_id } });
+ }
+ }
+}
+
+PosMsgView.template = xml`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 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..5dcd27f47
--- /dev/null
+++ b/pos_chatter/static/src/js/pos_systray_icon.js
@@ -0,0 +1,23 @@
+/** @odoo-module **/
+import { Component, useRef } from "@odoo/owl";
+import { mount } from "@odoo/owl";
+import { Navbar } from "@point_of_sale/app/navbar/navbar";
+import { patch } from "@web/core/utils/patch";
+import { PosMsgView } from "./pos_msg_view";
+
+patch(Navbar.prototype, {
+ setup() {
+ super.setup();
+ this.message = useRef('root');
+ },
+ onClick(ev) {
+ const systrayElements = document.querySelectorAll(".pos_systray_template");
+ if (systrayElements.length === 0) {
+ this.schedule_dropdown = mount(PosMsgView, document.body);
+ } else {
+ this.schedule_dropdown?.then((res) => {
+ res.__owl__.remove();
+ });
+ }
+ },
+});
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..62becbe03
--- /dev/null
+++ b/pos_chatter/static/src/xml/pos_systray_icon.xml
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ + +