+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+ 
+
+ + Capture Image Upload
++ Capture the Identification Images for Products & Contacts +
+ +
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+
+ This module allows the user to capture the images of Employee profile
+ picture,
+ Partner profile picture and product Image with their web cameras.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+ 
+
+ Capture Partner profile picture - Need to Install the "contacts" Module
+
+
+
+
+ Capture Partner profile picture - Need to Install the "contacts" Module
+
+
+
+
+
+
+ Capture Employee profile picture - Need to Install the "hr_employee" Module
+
+
+
+
+ Capture Employee profile picture - Need to Install the "hr_employee" Module
+
+
+
+
+
+
+ Capture Product Image - Need to Install the "product" Module
+
+
+
+
+ Capture Product Image - Need to Install the "product" Module
+
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Go to Image field and when hovering on it Camera icon will appear, click on it. +
+
+
+ 
+
+
+ + From the modal click on CLICK & SAVE button to save the image.
+
+
+ 
+
+ + Image will be updated in the field.
+
+
+
+
+ 
+
+
+ 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/capture_image_field/static/src/js/AbstractFieldBinary.js b/capture_image_field/static/src/js/AbstractFieldBinary.js
new file mode 100755
index 000000000..4fac0524a
--- /dev/null
+++ b/capture_image_field/static/src/js/AbstractFieldBinary.js
@@ -0,0 +1,77 @@
+/** @odoo-module **/
+
+import { AbstractFieldBinary } from "web.basic_fields";
+import Dialog from 'web.Dialog';
+import { qweb as QWeb, _t } from 'web.core';
+import rpc from 'web.rpc';
+AbstractFieldBinary.include({
+ events: _.extend({}, AbstractFieldBinary.prototype.events,{
+ 'click ._image_capture_button':"onFileCamera",
+ }),
+ init: function (parent, name, record) {
+ this._super.apply(this, arguments);
+ console.log(this.events)
+ this.events['click ._image_capture_button'] = 'onFileCamera'
+ },
+ onFileCamera:async function (ev) {
+ ev.stopPropagation();
+ var self=this
+ const videoElement = document.createElement('video');
+ videoElement.autoplay = true;
+ videoElement.playsinline = true;
+ const imageElement = document.createElement('img');
+ imageElement.style.display = 'none';
+ const videoStream = await navigator.mediaDevices.getUserMedia({ audio: false, video: true });
+ if ('srcObject' in videoElement) {
+ videoElement.srcObject = videoStream;
+ } else {
+ videoElement.src = window.URL.createObjectURL(videoStream);
+ }
+ var save = function () {
+ this.$content.srcObject.getVideoTracks().forEach((track) => {
+ track.stop();
+ });
+ const video = this.$content
+ const canvas = document.createElement("canvas");
+ canvas.width = video.videoWidth;
+ canvas.height = video.videoHeight;
+ const canvasContext = canvas.getContext("2d");
+ canvasContext.drawImage(video, 0, 0);
+ this.img=canvas.toDataURL('image/jpeg');
+ this.img_binary = this.img.split(',')[1]
+ video.src = this.img
+ self._update_image(this.img_binary)
+ }
+ new Dialog(this, {
+ title: _t('Camera'),
+ $content: videoElement,
+ buttons: [{
+ text: _t('Click & Save'),
+ classes: 'btn-primary',
+ close: true,
+ click:save,
+ },
+ {
+ text:_t("cancel"),
+ close:true,
+ click:this._close,
+ }
+ ],
+ }).open();
+ },
+ _close:function(){
+ this.$content.srcObject.getVideoTracks().forEach((track) => {
+ track.stop();
+ });
+ },
+ _update_image:function(img_binary){
+ let values = {}
+ values[this.name] = img_binary
+ rpc.query({
+ model:this.model,
+ method:'write',
+ args:[[this.res_id],values]
+ })
+ window.location.reload();
+ }
+})
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..67fb54b33
--- /dev/null
+++ b/capture_image_field/static/src/xml/image_upload_templates.xml
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+