diff --git a/capture_image_field/README.rst b/capture_image_field/README.rst new file mode 100755 index 000000000..446e2173d --- /dev/null +++ b/capture_image_field/README.rst @@ -0,0 +1,37 @@ +.. image:: https://img.shields.io/badge/licence-AGPL--3-blue.svg + :target: https://www.gnu.org/licenses/agpl-3.0-standalone.html + :alt: License: AGPL-3 + +Capture Image Field +=================== +This module allows to access the camera to capture the image field. + +Company +------- +* `Cybrosys Techno Solutions `__ + +Credits +------- +Developer: Mruthul Raj, 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 `__ + +Further information +=================== +HTML Description: ``__ diff --git a/capture_image_field/__init__.py b/capture_image_field/__init__.py new file mode 100755 index 000000000..376b04bfa --- /dev/null +++ b/capture_image_field/__init__.py @@ -0,0 +1,21 @@ +# -*- coding: utf-8 -*- +################################################################################ +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies(). +# Author: Mruthul Raj (odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU AFFERO +# GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. +# +# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE +# (AGPL v3) along with this program. +# If not, see . +# +################################################################################ diff --git a/capture_image_field/__manifest__.py b/capture_image_field/__manifest__.py new file mode 100755 index 000000000..8f9e64139 --- /dev/null +++ b/capture_image_field/__manifest__.py @@ -0,0 +1,46 @@ +# -*- coding: utf-8 -*- +################################################################################ +# +# Cybrosys Technologies Pvt. Ltd. +# +# Copyright (C) 2024-TODAY Cybrosys Technologies(). +# Author: Mruthul Raj (odoo@cybrosys.com) +# +# You can modify it under the terms of the GNU AFFERO +# GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details. +# +# You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE +# (AGPL v3) along with this program. +# If not, see . +# +################################################################################ +{ + 'name': "Capture Image Upload", + 'version': '17.0.1.0.0', + 'category': 'Extra tools', + 'summary': 'To capture the image field', + 'description': 'This Module allows to access the webcam to capture the image field', + 'author': 'Cybrosys Techno Solutions', + 'company': 'Cybrosys Techno Solutions', + 'maintainer': 'Cybrosys Techno Solutions', + 'website': 'https://www.cybrosys.com', + 'depends': ['web', 'contacts', 'product'], + 'assets': { + 'web.assets_backend': [ + 'capture_image_field/static/src/xml/image_upload_templates.xml', + 'capture_image_field/static/src/js/ImageField.js', + 'capture_image_field/static/src/xml/camera_dialog_templates.xml', + 'capture_image_field/static/src/js/CameraDialog.js' + ] + }, + 'images': ['static/description/banner.jpg'], + 'license': 'AGPL-3', + 'installable': True, + 'auto_install': False, + 'application': False, +} diff --git a/capture_image_field/doc/RELEASE_NOTES.md b/capture_image_field/doc/RELEASE_NOTES.md new file mode 100755 index 000000000..ca62eaada --- /dev/null +++ b/capture_image_field/doc/RELEASE_NOTES.md @@ -0,0 +1,7 @@ +## Module + +#### 06.09.2024 +#### Version 17.0.1.0.0 +#### ADD + +- Initial commit for Capture Image upload diff --git a/capture_image_field/static/description/assets/icons/capture (1).png b/capture_image_field/static/description/assets/icons/capture (1).png new file mode 100755 index 000000000..8824deafc Binary files /dev/null and b/capture_image_field/static/description/assets/icons/capture (1).png differ diff --git a/capture_image_field/static/description/assets/icons/check.png b/capture_image_field/static/description/assets/icons/check.png new file mode 100755 index 000000000..c8e85f51d Binary files /dev/null and b/capture_image_field/static/description/assets/icons/check.png differ diff --git a/capture_image_field/static/description/assets/icons/chevron.png b/capture_image_field/static/description/assets/icons/chevron.png new file mode 100755 index 000000000..2089293d6 Binary files /dev/null and b/capture_image_field/static/description/assets/icons/chevron.png differ diff --git a/capture_image_field/static/description/assets/icons/cogs.png b/capture_image_field/static/description/assets/icons/cogs.png new file mode 100755 index 000000000..95d0bad62 Binary files /dev/null and b/capture_image_field/static/description/assets/icons/cogs.png differ diff --git a/capture_image_field/static/description/assets/icons/consultation.png b/capture_image_field/static/description/assets/icons/consultation.png new file mode 100755 index 000000000..8319d4baa Binary files /dev/null and b/capture_image_field/static/description/assets/icons/consultation.png differ diff --git a/capture_image_field/static/description/assets/icons/ecom-black.png b/capture_image_field/static/description/assets/icons/ecom-black.png new file mode 100755 index 000000000..a9385ff13 Binary files /dev/null and b/capture_image_field/static/description/assets/icons/ecom-black.png differ diff --git a/capture_image_field/static/description/assets/icons/education-black.png b/capture_image_field/static/description/assets/icons/education-black.png new file mode 100755 index 000000000..3eb09b27b Binary files /dev/null and b/capture_image_field/static/description/assets/icons/education-black.png differ diff --git a/capture_image_field/static/description/assets/icons/hotel-black.png b/capture_image_field/static/description/assets/icons/hotel-black.png new file mode 100755 index 000000000..130f613be Binary files /dev/null and b/capture_image_field/static/description/assets/icons/hotel-black.png differ diff --git a/capture_image_field/static/description/assets/icons/img.png b/capture_image_field/static/description/assets/icons/img.png new file mode 100755 index 000000000..70197f477 Binary files /dev/null and b/capture_image_field/static/description/assets/icons/img.png differ diff --git a/capture_image_field/static/description/assets/icons/license.png b/capture_image_field/static/description/assets/icons/license.png new file mode 100755 index 000000000..a5869797e Binary files /dev/null and b/capture_image_field/static/description/assets/icons/license.png differ diff --git a/capture_image_field/static/description/assets/icons/lifebuoy.png b/capture_image_field/static/description/assets/icons/lifebuoy.png new file mode 100755 index 000000000..658d56ccc Binary files /dev/null and b/capture_image_field/static/description/assets/icons/lifebuoy.png differ diff --git a/capture_image_field/static/description/assets/icons/manufacturing-black.png b/capture_image_field/static/description/assets/icons/manufacturing-black.png new file mode 100755 index 000000000..697eb0e9f Binary files /dev/null and b/capture_image_field/static/description/assets/icons/manufacturing-black.png differ diff --git a/capture_image_field/static/description/assets/icons/photo-capture.png b/capture_image_field/static/description/assets/icons/photo-capture.png new file mode 100755 index 000000000..06c111758 Binary files /dev/null and b/capture_image_field/static/description/assets/icons/photo-capture.png differ diff --git a/capture_image_field/static/description/assets/icons/pos-black.png b/capture_image_field/static/description/assets/icons/pos-black.png new file mode 100755 index 000000000..97c0f90c1 Binary files /dev/null and b/capture_image_field/static/description/assets/icons/pos-black.png differ diff --git a/capture_image_field/static/description/assets/icons/puzzle.png b/capture_image_field/static/description/assets/icons/puzzle.png new file mode 100755 index 000000000..65cf854e7 Binary files /dev/null and b/capture_image_field/static/description/assets/icons/puzzle.png differ diff --git a/capture_image_field/static/description/assets/icons/restaurant-black.png b/capture_image_field/static/description/assets/icons/restaurant-black.png new file mode 100755 index 000000000..4a35eb939 Binary files /dev/null and b/capture_image_field/static/description/assets/icons/restaurant-black.png differ diff --git a/capture_image_field/static/description/assets/icons/service-black.png b/capture_image_field/static/description/assets/icons/service-black.png new file mode 100755 index 000000000..301ab51cb Binary files /dev/null and b/capture_image_field/static/description/assets/icons/service-black.png differ diff --git a/capture_image_field/static/description/assets/icons/trading-black.png b/capture_image_field/static/description/assets/icons/trading-black.png new file mode 100755 index 000000000..9398ba2f1 Binary files /dev/null and b/capture_image_field/static/description/assets/icons/trading-black.png differ diff --git a/capture_image_field/static/description/assets/icons/training.png b/capture_image_field/static/description/assets/icons/training.png new file mode 100755 index 000000000..884ca024d Binary files /dev/null and b/capture_image_field/static/description/assets/icons/training.png differ diff --git a/capture_image_field/static/description/assets/icons/update.png b/capture_image_field/static/description/assets/icons/update.png new file mode 100755 index 000000000..ecbc5a01a Binary files /dev/null and b/capture_image_field/static/description/assets/icons/update.png differ diff --git a/capture_image_field/static/description/assets/icons/user.png b/capture_image_field/static/description/assets/icons/user.png new file mode 100755 index 000000000..6ffb23d9f Binary files /dev/null and b/capture_image_field/static/description/assets/icons/user.png differ diff --git a/capture_image_field/static/description/assets/icons/wrench.png b/capture_image_field/static/description/assets/icons/wrench.png new file mode 100755 index 000000000..6c04dea0f Binary files /dev/null and b/capture_image_field/static/description/assets/icons/wrench.png differ diff --git a/capture_image_field/static/description/assets/misc/Cybrosys R.png b/capture_image_field/static/description/assets/misc/Cybrosys R.png new file mode 100755 index 000000000..da4058087 Binary files /dev/null and b/capture_image_field/static/description/assets/misc/Cybrosys R.png differ diff --git a/capture_image_field/static/description/assets/misc/categories.png b/capture_image_field/static/description/assets/misc/categories.png new file mode 100755 index 000000000..bedf1e0b1 Binary files /dev/null and b/capture_image_field/static/description/assets/misc/categories.png differ diff --git a/capture_image_field/static/description/assets/misc/check-box.png b/capture_image_field/static/description/assets/misc/check-box.png new file mode 100755 index 000000000..42caf24b9 Binary files /dev/null and b/capture_image_field/static/description/assets/misc/check-box.png differ diff --git a/capture_image_field/static/description/assets/misc/compass.png b/capture_image_field/static/description/assets/misc/compass.png new file mode 100755 index 000000000..d5fed8faa Binary files /dev/null and b/capture_image_field/static/description/assets/misc/compass.png differ diff --git a/capture_image_field/static/description/assets/misc/corporate.png b/capture_image_field/static/description/assets/misc/corporate.png new file mode 100755 index 000000000..2eb13edbf Binary files /dev/null and b/capture_image_field/static/description/assets/misc/corporate.png differ diff --git a/capture_image_field/static/description/assets/misc/customer-support.png b/capture_image_field/static/description/assets/misc/customer-support.png new file mode 100755 index 000000000..79efc72ed Binary files /dev/null and b/capture_image_field/static/description/assets/misc/customer-support.png differ diff --git a/capture_image_field/static/description/assets/misc/cybrosys-logo.png b/capture_image_field/static/description/assets/misc/cybrosys-logo.png new file mode 100755 index 000000000..cc3cc0ccf Binary files /dev/null and b/capture_image_field/static/description/assets/misc/cybrosys-logo.png differ diff --git a/capture_image_field/static/description/assets/misc/email.svg b/capture_image_field/static/description/assets/misc/email.svg new file mode 100755 index 000000000..15291cdc3 --- /dev/null +++ b/capture_image_field/static/description/assets/misc/email.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/capture_image_field/static/description/assets/misc/features.png b/capture_image_field/static/description/assets/misc/features.png new file mode 100755 index 000000000..b41769f77 Binary files /dev/null and b/capture_image_field/static/description/assets/misc/features.png differ diff --git a/capture_image_field/static/description/assets/misc/logo.png b/capture_image_field/static/description/assets/misc/logo.png new file mode 100755 index 000000000..478462d3e Binary files /dev/null and b/capture_image_field/static/description/assets/misc/logo.png differ diff --git a/capture_image_field/static/description/assets/misc/phone.svg b/capture_image_field/static/description/assets/misc/phone.svg new file mode 100755 index 000000000..b7bd7f251 --- /dev/null +++ b/capture_image_field/static/description/assets/misc/phone.svg @@ -0,0 +1,3 @@ + + + diff --git a/capture_image_field/static/description/assets/misc/pictures.png b/capture_image_field/static/description/assets/misc/pictures.png new file mode 100755 index 000000000..56d255fe9 Binary files /dev/null and b/capture_image_field/static/description/assets/misc/pictures.png differ diff --git a/capture_image_field/static/description/assets/misc/pie-chart.png b/capture_image_field/static/description/assets/misc/pie-chart.png new file mode 100755 index 000000000..426e05244 Binary files /dev/null and b/capture_image_field/static/description/assets/misc/pie-chart.png differ diff --git a/capture_image_field/static/description/assets/misc/right-arrow.png b/capture_image_field/static/description/assets/misc/right-arrow.png new file mode 100755 index 000000000..730984a06 Binary files /dev/null and b/capture_image_field/static/description/assets/misc/right-arrow.png differ diff --git a/capture_image_field/static/description/assets/misc/star (1) 2.svg b/capture_image_field/static/description/assets/misc/star (1) 2.svg new file mode 100755 index 000000000..5ae9f507a --- /dev/null +++ b/capture_image_field/static/description/assets/misc/star (1) 2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/capture_image_field/static/description/assets/misc/star.png b/capture_image_field/static/description/assets/misc/star.png new file mode 100755 index 000000000..2eb9ab29f Binary files /dev/null and b/capture_image_field/static/description/assets/misc/star.png differ diff --git a/capture_image_field/static/description/assets/misc/support (1) 1.svg b/capture_image_field/static/description/assets/misc/support (1) 1.svg new file mode 100755 index 000000000..7d37a8f30 --- /dev/null +++ b/capture_image_field/static/description/assets/misc/support (1) 1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/capture_image_field/static/description/assets/misc/support-email.svg b/capture_image_field/static/description/assets/misc/support-email.svg new file mode 100755 index 000000000..eb70370d6 --- /dev/null +++ b/capture_image_field/static/description/assets/misc/support-email.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/capture_image_field/static/description/assets/misc/support.png b/capture_image_field/static/description/assets/misc/support.png new file mode 100755 index 000000000..4f18b8b82 Binary files /dev/null and b/capture_image_field/static/description/assets/misc/support.png differ diff --git a/capture_image_field/static/description/assets/misc/tick-mark.svg b/capture_image_field/static/description/assets/misc/tick-mark.svg new file mode 100755 index 000000000..2dbb40187 --- /dev/null +++ b/capture_image_field/static/description/assets/misc/tick-mark.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/capture_image_field/static/description/assets/misc/whatsapp 1.svg b/capture_image_field/static/description/assets/misc/whatsapp 1.svg new file mode 100755 index 000000000..0bfaf8fc6 --- /dev/null +++ b/capture_image_field/static/description/assets/misc/whatsapp 1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/capture_image_field/static/description/assets/misc/whatsapp.png b/capture_image_field/static/description/assets/misc/whatsapp.png new file mode 100755 index 000000000..d513a5356 Binary files /dev/null and b/capture_image_field/static/description/assets/misc/whatsapp.png differ diff --git a/capture_image_field/static/description/assets/misc/whatsapp.svg b/capture_image_field/static/description/assets/misc/whatsapp.svg new file mode 100755 index 000000000..b618aea1d --- /dev/null +++ b/capture_image_field/static/description/assets/misc/whatsapp.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/capture_image_field/static/description/assets/modules/1.jpg b/capture_image_field/static/description/assets/modules/1.jpg new file mode 100755 index 000000000..0b59ec131 Binary files /dev/null and b/capture_image_field/static/description/assets/modules/1.jpg differ diff --git a/capture_image_field/static/description/assets/modules/1.png b/capture_image_field/static/description/assets/modules/1.png new file mode 100755 index 000000000..3bedf7981 Binary files /dev/null and b/capture_image_field/static/description/assets/modules/1.png differ diff --git a/capture_image_field/static/description/assets/modules/2.jpg b/capture_image_field/static/description/assets/modules/2.jpg new file mode 100755 index 000000000..a1dc39c89 Binary files /dev/null and b/capture_image_field/static/description/assets/modules/2.jpg differ diff --git a/capture_image_field/static/description/assets/modules/3.jpg b/capture_image_field/static/description/assets/modules/3.jpg new file mode 100755 index 000000000..efebcb605 Binary files /dev/null and b/capture_image_field/static/description/assets/modules/3.jpg differ diff --git a/capture_image_field/static/description/assets/modules/x.jpg b/capture_image_field/static/description/assets/modules/x.jpg new file mode 100755 index 000000000..1e087eed6 Binary files /dev/null and b/capture_image_field/static/description/assets/modules/x.jpg differ diff --git a/capture_image_field/static/description/assets/modules/y.jpg b/capture_image_field/static/description/assets/modules/y.jpg new file mode 100755 index 000000000..5e33e5151 Binary files /dev/null and b/capture_image_field/static/description/assets/modules/y.jpg differ diff --git a/capture_image_field/static/description/assets/screenshots/14_1.png b/capture_image_field/static/description/assets/screenshots/14_1.png new file mode 100755 index 000000000..0ad976cd0 Binary files /dev/null and b/capture_image_field/static/description/assets/screenshots/14_1.png differ diff --git a/capture_image_field/static/description/assets/screenshots/14_2.png b/capture_image_field/static/description/assets/screenshots/14_2.png new file mode 100755 index 000000000..f9f52df6e Binary files /dev/null and b/capture_image_field/static/description/assets/screenshots/14_2.png differ diff --git a/capture_image_field/static/description/assets/screenshots/14_3.png b/capture_image_field/static/description/assets/screenshots/14_3.png new file mode 100755 index 000000000..993762d1b Binary files /dev/null and b/capture_image_field/static/description/assets/screenshots/14_3.png differ diff --git a/capture_image_field/static/description/assets/screenshots/14_4.png b/capture_image_field/static/description/assets/screenshots/14_4.png new file mode 100755 index 000000000..0c778b09b Binary files /dev/null and b/capture_image_field/static/description/assets/screenshots/14_4.png differ diff --git a/capture_image_field/static/description/assets/screenshots/hero.gif b/capture_image_field/static/description/assets/screenshots/hero.gif new file mode 100755 index 000000000..d36527816 Binary files /dev/null and b/capture_image_field/static/description/assets/screenshots/hero.gif differ diff --git a/capture_image_field/static/description/banner.jpg b/capture_image_field/static/description/banner.jpg new file mode 100755 index 000000000..cbeff6598 Binary files /dev/null and b/capture_image_field/static/description/banner.jpg differ diff --git a/capture_image_field/static/description/icon.png b/capture_image_field/static/description/icon.png new file mode 100755 index 000000000..b80c9e1d0 Binary files /dev/null and b/capture_image_field/static/description/icon.png differ diff --git a/capture_image_field/static/description/index.html b/capture_image_field/static/description/index.html new file mode 100755 index 000000000..ef69b3b52 --- /dev/null +++ b/capture_image_field/static/description/index.html @@ -0,0 +1,662 @@ + + + + + + Odoo App 3 Index + + + + + + + + +
+
+
+
+
+ +
+
+
+ Community +
+
+ Enterprise +
+
+ Odoo.sh +
+
+
+
+
+
+

+ Capture Image Upload

+

+ Capture Image for the Image Fields

+
+ +
+
+
+
+
+

+ Key Highlights +

+
+
+
+
+
+ +
+
+

+ Add Image from camera to a image field.

+
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+

+ Camera Icon

+

+ Camera icon in image fields

+
+
+
+
+
+
+ +
+
+

+ Take Photo Button

+

+ Click in Take Photo button to capture + image

+
+
+
+
+
+
+ +
+
+

+ Then click on Save to add image to that field +

+
+
+
+
+
+
+ +
+
+

+ Clicked image will be saved on the image + field +

+
+
+
+
+
+
+
    +
  • + Image icon in + the Image fields +
  • +
  • + Save or Reset + button for image +
  • +
+
+
+
+
+
+
Version + 17.0.1.0.0|Released on:9th September 2024 +
+

+ Initial Commit for Capture Image Upload.

+
+
+
+
+
+
+
+

+ Related Products

+
+
+ +
+
+

+ Our Services

+
+
+
+
+
+
+
+
+ service-icon +
+
+

Odoo + Customization

+
+
+
+
+
+
+ service-icon +
+
+

Odoo + Implementation

+
+
+
+
+
+
+ service-icon +
+
+

Odoo + Support

+
+
+
+
+
+
+ service-icon +
+
+

Hire + Odoo Developer

+
+
+
+
+ +
+
+ service-icon +
+
+

Odoo + Integration

+
+
+
+
+
+
+ service-icon +
+
+

Odoo + Migration

+
+
+
+
+
+
+ service-icon +
+
+

Odoo + Consultancy

+
+
+
+
+
+
+ service-icon +
+
+

Odoo + Implementation

+
+
+
+
+
+
+ service-icon +
+
+

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

+
+
+
+
+
+
+
+ +
+ Need + Help? +

Got + questions or need help? Get in touch.

+
odoo@cybrosys.com +
+
+
+
+
+
+
+
+ +
+ WhatsApp +

Say hi to + us on WhatsApp!

+
+91 + 99456767686 +
+
+
+
+
+
+
+
+
+ + + + + + diff --git a/capture_image_field/static/src/js/CameraDialog.js b/capture_image_field/static/src/js/CameraDialog.js new file mode 100755 index 000000000..5b4a768f6 --- /dev/null +++ b/capture_image_field/static/src/js/CameraDialog.js @@ -0,0 +1,81 @@ +/** @odoo-module */ + +import { Dialog } from "@web/core/dialog/dialog"; +import { useRef, onMounted, useState, Component, onWillUnmount } from "@odoo/owl"; + /** + * creating a dialogue to show camera + */ +export class CameraDialog extends Component { + setup() { + super.setup(); + this.video = useRef('video'); + this.image = useRef('image'); + this.state = useState({ + img: false + }) + onMounted(async () => { + this.video.el.srcObject = await navigator.mediaDevices.getUserMedia({ video: true, audio: false }); + }); + onWillUnmount(() => { + this.stopCamera(); + }) + } + /** + * Closes the camera + */ + _cancel() { + (this.env.dialogData).close() + this.stopCamera(); + } + /** + * Saves the Image + */ + _confirm() { + let video = this.video.el + let image = this.image.el + const canvas = document.createElement("canvas"); + canvas.width = video.videoWidth; + canvas.height = video.videoHeight; + const canvasContext = canvas.getContext("2d"); + canvasContext.drawImage(video, 0, 0); + this.state.img = canvas.toDataURL('image/jpeg'); + this.img_binary = this.state.img.split(',')[1] + video.classList.add('d-none'); + image.classList.remove('d-none'); + image.src = this.state.img + } + /** + * Updates the image + */ + async _save(){ + await this.props.parent.props.record.update({ [this.props.parent.props.name]: this.img_binary }) + this.state.img = "data:image/jpeg;base64," + this.img_binary; + (this.env.dialogData).close() + this.stopCamera(); + } + /** + * Resets the Image + */ + _reset(){ + this.img_binary = false; + this.state.img = false; + this.video.el.classList.remove('d-none'); + this.image.el.classList.add('d-none'); + } + /** + * Closes camera + */ + _close(){ + this.stopCamera(); + } + /** + * Stop camera + */ + stopCamera(){ + this.video.el.srcObject.getVideoTracks().forEach((track) => { + track.stop(); + }); + } +} +CameraDialog.template = "capture_image_field.camera_dialog"; +CameraDialog.components = { Dialog }; diff --git a/capture_image_field/static/src/js/ImageField.js b/capture_image_field/static/src/js/ImageField.js new file mode 100755 index 000000000..40d9681d4 --- /dev/null +++ b/capture_image_field/static/src/js/ImageField.js @@ -0,0 +1,19 @@ +/** @odoo-module **/ + +import { ImageField } from '@web/views/fields/image/image_field'; +import { patch } from "@web/core/utils/patch"; +import { CameraDialog } from "./CameraDialog.js"; +import { useService } from "@web/core/utils/hooks"; + /** + * Updates ImageField + */ +patch(ImageField.prototype,{ + setup(){ + super.setup(); + this.dialogService = useService('dialog') + }, + onFileCamera(ev){ + ev.stopPropagation() + this.dialogService.add(CameraDialog, {parent: this},); + } +}) diff --git a/capture_image_field/static/src/xml/camera_dialog_templates.xml b/capture_image_field/static/src/xml/camera_dialog_templates.xml new file mode 100755 index 000000000..eedc1ac71 --- /dev/null +++ b/capture_image_field/static/src/xml/camera_dialog_templates.xml @@ -0,0 +1,18 @@ + + + + + + + + diff --git a/capture_image_field/static/src/xml/image_upload_templates.xml b/capture_image_field/static/src/xml/image_upload_templates.xml new file mode 100755 index 000000000..4878a3421 --- /dev/null +++ b/capture_image_field/static/src/xml/image_upload_templates.xml @@ -0,0 +1,15 @@ + + + + + + + + +