+
+ 
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ Community
+
+ Camera in Discuss
+camera option in the chat
+ +
+
+
+
+ 
+
+
+ Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Overview +
+
+
+
+
+
+
+ This module allows users to take images in the text bar so user can take image from here.
+
+
+
+
+ 
+
+
+ Features +
+
+
+
+
+
+
+
+
+ 
+ Odoo 16 Community Edition Support
+
+
+ Odoo 16 Community Edition Support
+ The module is supported in Odoo 16 Community Edition. +
+
+
+ Take images in real time
+
+
+
+ Take images in real time
+
+ User can take images from the text bar area
+
+
+
+ 
+
+
+ Screenshots +
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Camara option
+Camera option in the text bar
+
+
+ 
+
+
+ Image preview
+While clicking on the camera logo it will pop up the camera box
+
+
+ 
+
+ Send image
+Selected images can sent in the chat
+
+
+
+
+
+
+
+
+
+
+ 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/camera_in_discuss/static/src/css/camera_style.scss b/camera_in_discuss/static/src/css/camera_style.scss
new file mode 100644
index 000000000..50d127baa
--- /dev/null
+++ b/camera_in_discuss/static/src/css/camera_style.scss
@@ -0,0 +1,15 @@
+
+ @media screen and (max-width: 991.98px) {
+ /* Styles for screens wider than 768px (commonly used for laptop/desktop) */
+ div#myModal {
+ width: 100% !important;
+ height: 80vh !important;
+ max-height: 528px;
+ top: 15%;
+ }
+}
+ div#myModal {
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+}
\ No newline at end of file
diff --git a/camera_in_discuss/static/src/js/composer_view.js b/camera_in_discuss/static/src/js/composer_view.js
new file mode 100644
index 000000000..f9e424dfc
--- /dev/null
+++ b/camera_in_discuss/static/src/js/composer_view.js
@@ -0,0 +1,63 @@
+/** @odoo-module **/
+import { registerPatch } from '@mail/model/model_core';
+import { useRef } from "@odoo/owl";
+//the below functionality will help to define the camera division and record the image then store in the db
+registerPatch({
+name: 'ComposerView',
+recordMethods: {
+ onClickCamera: function(ev){ //used for onclick function for the camera
+ var self = this
+ myModal.style.display = "block";
+ var video= ev.target.parentElement.querySelector('#videoCam')
+ var stopButton = ev.target.parentElement.querySelector('#stop-camera-button')
+ let All_mediaDevices=navigator.mediaDevices
+ All_mediaDevices.getUserMedia({
+ audio: false,
+ video: true
+ })
+ .then(function(vidStream) {
+ if ("srcObject" in video) {
+ video.srcObject = vidStream;
+ } else {
+ video.src = window.URL.createObjectURL(vidStream); //video recording section
+ }
+ video.onloadedmetadata = function(e) {
+ video.play();
+ };
+ stopButton.addEventListener('click', function() {
+ vidStream.getTracks().forEach(function(track) {
+ track.stop();
+ myModal.style.display = "none";
+ canvas.toDataURL();
+ });
+ });
+ })
+ .catch(function(e) {
+ console.log(e.name + ": " + e.message);
+ });
+ },
+ ImageCapture: function(ev) {
+ let canvas = ev.target.offsetParent.querySelector('#canvas');
+ let video = ev.target.offsetParent.querySelector('#videoCam');
+ canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
+ let image_data_url = canvas.toDataURL('image/jpeg');
+ var fl=[];
+ var arr = image_data_url.split(','),
+ mime = arr[0].match(/:(.*?);/)[1],
+ bstr = atob(arr[1]),
+ n = bstr.length,
+ u8arr = new Uint8Array(n);
+ while (n--) {
+ u8arr[n] = bstr.charCodeAt(n);
+ }
+ var f = new File([u8arr], 'image.jpeg', {
+ type: mime
+ });
+ fl.push(f);
+ this.fileUploader.uploadFiles(fl)
+ },
+ onClickSend: function (ev) {
+ this.sendMessage();
+ }
+ }
+});``
diff --git a/camera_in_discuss/static/src/xml/composer_view.xml b/camera_in_discuss/static/src/xml/composer_view.xml
new file mode 100644
index 000000000..f1b022d4d
--- /dev/null
+++ b/camera_in_discuss/static/src/xml/composer_view.xml
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+