Nov 13: [FIX] Bug Fixed 'chatter_camera'

chatter_camera/README.rst

@@ -1,9 +1,9 @@
-.. image:: https://img.shields.io/badge/license-LGPL--3-blue.svg
+.. image:: https://img.shields.io/badge/licence-LGPL--3-blue.svg
     :target: http://www.gnu.org/licenses/lgpl-3.0-standalone.html
     :alt: License: LGPL-3
 
 Chatter Camera
-==============
+=======================
 This module helps you to capture the images from the chatter, and also we can attach the corresponding images.
 
 Configuration

chatter_camera/__manifest__.py

@@ -32,7 +32,7 @@
     'company': 'Cybrosys Techno Solutions',
     'maintainer': 'Cybrosys Techno Solutions',
     'website': 'https://www.cybrosys.com',
-    'depends': ['mail'],
+    'depends': ['base', 'mail'],
     'data': [
         'views/templates.xml',
     ],

chatter_camera/doc/RELEASE_NOTES.md

@@ -1,6 +1,6 @@
 ## Module <chatter_camera>
 
-#### 10.10.2023
+#### 19.10.2024
 #### Version 14.0.1.0.0
 #### ADD
 - Initial commit for Chatter Camera

chatter_camera/static/description/index.html

@@ -1,7 +1,6 @@
 <div style="background-color: #714B67; min-height: 600px; width: 100%; padding: 15px; position: relative;">
     <!-- TITLE BAR -->
-    <div class="d-flex align-items-center justify-content-between"
+    <div style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
-         style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
         <img src="assets/misc/cybrosys-logo.png" width="42" height="42"
              style="width: 42px; height: 42px;"/>
         <div>
@@ -22,19 +21,13 @@
     <!-- END OF TITLE BAR -->
 
     <!-- APP HERO -->
-    <div class="container">
+    <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
-        <div class="row">
+        Chatter Camera</h1>
-            <div class="col-sm-12 col-md-12 col-lg-12">
+    <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
-                <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
+        Capture image from chatter</p>
-                    Chatter Camera</h1>
+    <!-- END OF APP HERO -->
-                <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
+    <img src="assets/screenshots/hero.gif"
-                    Capture image from chatter</p>
+         style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;"/>
-                <!-- END OF APP HERO -->
-                <img src="assets/screenshots/hero.gif"
-                     style="width: 75%; height: auto; position: absolute; margin-left: auto; margin-right: auto; top: 45%; left: 12%; right: auto;"/>
-            </div>
-        </div>
-    </div>
 
 </div>
 
@@ -101,8 +94,7 @@
 
 <!-- OVERVIEW SECTION -->
 <div class="d-flex align-items-center"
-     style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="overview">
-     id="overview">
     <div class="d-flex justify-content-center align-items-center mr-2"
          style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
         <img src="assets/misc/pie-chart.png"/>
@@ -123,8 +115,7 @@
 
 <!-- FEATURES SECTION -->
 <div class="d-flex align-items-center"
-     style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;" id="features">
-     id="features">
     <div class="d-flex justify-content-center align-items-center mr-2"
          style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
         <img src="assets/misc/features.png"/>

chatter_camera/static/src/js/camera_chatter.js

@@ -10,8 +10,8 @@ odoo.define('chatter_camera.camera_chatter', function(require) {
          * Open the camera
          **/
         onClickCamera(ev) {
-            var myModal = $(ev.target.parentElement.nextSibling.childNodes[0]);
+            var myModal = document.getElementById('CameraModal');
-            myModal[0].style.display = "block";
+            $(myModal)[0].style.display = "block";
             var All_mediaDevices = navigator.mediaDevices;
             All_mediaDevices.getUserMedia({
                     audio: false,
@@ -33,8 +33,8 @@ odoo.define('chatter_camera.camera_chatter', function(require) {
          * Capture the image
          **/
         async onClickStop(ev){
-            var myModal = $(ev.target.parentElement.parentElement.parentElement);
+            var myModal = document.getElementById('CameraModal');
-            myModal[0].style.display = "none";
+            $(myModal)[0].style.display = "none";
             window.location.reload();
         },
         async ImageCapture() {