+
+
+
+
+
+
+
diff --git a/barcode_capturing_sale_purchase/static/src/audio/beep_scan.mp3 b/barcode_capturing_sale_purchase/static/src/audio/beep_scan.mp3
new file mode 100644
index 000000000..2b2143673
Binary files /dev/null and b/barcode_capturing_sale_purchase/static/src/audio/beep_scan.mp3 differ
diff --git a/barcode_capturing_sale_purchase/static/src/css/styles.css b/barcode_capturing_sale_purchase/static/src/css/styles.css
new file mode 100644
index 000000000..0fd22e8ad
--- /dev/null
+++ b/barcode_capturing_sale_purchase/static/src/css/styles.css
@@ -0,0 +1,3 @@
+.btn-close{
+ display:none;
+}
diff --git a/barcode_capturing_sale_purchase/static/src/js/barcode_dialog.js b/barcode_capturing_sale_purchase/static/src/js/barcode_dialog.js
new file mode 100644
index 000000000..8fda7cbe3
--- /dev/null
+++ b/barcode_capturing_sale_purchase/static/src/js/barcode_dialog.js
@@ -0,0 +1,181 @@
+/** @odoo-module */
+import { browser } from "@web/core/browser/browser";
+import { Dialog } from "@web/core/dialog/dialog";
+import { _t } from "@web/core/l10n/translation";
+import { useChildRef, useService } from "@web/core/utils/hooks";
+import { Component, useRef, onWillUnmount } from "@odoo/owl";
+var beep = new Audio('/barcode_capturing_sale_purchase/static/src/audio/beep_scan.mp3');
+
+//BarcodeDialog is a component that captures barcode input through the device's camera,
+// processes the scanned barcode, and interacts with the Odoo backend to perform
+// actions based on the scanned data.
+export class BarcodeDialog extends Component {
+ async setup() {
+ super.setup();
+ this.env.dialogData.dismiss = () => this._cancel();
+ this.orm = useService('orm');
+ this.notificationService = useService("notification");
+ this.modalRef = useChildRef();
+ this.videoPreviewRef = useRef("videoPreview");
+ this.isMounted = true;
+
+ // Cleanup function to stop video stream when component unmounts
+ onWillUnmount(() => {
+ this.isMounted = false;
+ this._stopVideoStream();
+ });
+
+ if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
+ this.stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: false });
+ } else {
+ // Handle case where camera access is not available
+ this.notificationService.add(_t("Camera access is not available"), {
+ title: _t("Error"),
+ type: "danger",
+ });
+ this.props.close();
+ return;
+ }
+ this.videoPreviewRef.el.srcObject = this.stream;
+ this.videoPreviewRef.el.play();
+ Quagga.init({
+ inputStream: {
+ name: "Live",
+ type: "LiveStream",
+ target: this.videoPreviewRef.el,
+ constraints: {
+ width: 640,
+ height: 480,
+ facingMode: "environment" // Use the rear camera
+ }
+ },
+ decoder: {
+ readers: [
+ "code_128_reader",
+ "ean_reader",
+ "ean_8_reader",
+ "upc_reader",
+ "upc_e_reader"
+ ]
+ }
+ }, (err) => {
+ if (err) {
+ return;
+ }
+ Quagga.start();
+ });
+ Quagga.onDetected((result) => {
+ if (!this.isMounted) return;
+ var barcode = result.codeResult.code;
+ Quagga.offDetected();
+ Quagga.stop();
+ this.scan_product(barcode);
+ });
+ }
+ // Handles the cancellation of the dialog.
+ async _cancel() {
+ return this.execButton(this.props.cancel);
+ }
+ // Handles the confirmation of the dialog.
+ async _dialogConfirm() {
+ return this.execButton(this.props.confirm);
+ }
+ // Processes the scanned product by barcode.
+ async scan_product(barcode) {
+ if (!this.isMounted) return;
+ var last_code = barcode;
+ var last_result = [];
+ last_result.push(last_code);
+ last_result = [];
+ beep.play();
+ Quagga.stop();
+ var order_id = this.props.order_id;
+ var method = this.props.model === "sale.order" ? "sale.order" : "purchase.order";
+ try {
+ const data = await this.orm.call(method, "barcode_search", [last_code, order_id]);
+ if (!this.isMounted) return;
+
+ if (data === true) {
+ this.notificationService.add(_t("Product with the scanned Barcode Not Found in the system"), {
+ title: _t("Product Not Found!"),
+ type: "danger",
+ });
+ } else {
+ location.reload(); // Ensure the page reloads after adding a product
+ }
+ } catch (error) {
+ if (this.isMounted) {
+ console.error("Error scanning product: ", error);
+ }
+ }
+
+ this._stopVideoStream();
+ this.props.close();
+ }
+ // Stops the video stream if it is active.
+ _stopVideoStream() {
+ if (this.videoPreviewRef.el && this.videoPreviewRef.el.srcObject) {
+ const tracks = this.videoPreviewRef.el.srcObject.getTracks();
+ tracks.forEach((track) => track.stop());
+ }
+ }
+ // sets button disabled
+ setButtonsDisabled(disabled) {
+ this.isProcess = disabled;
+ if (!this.modalRef.el) {
+ return;
+ }
+ for (const button of [...this.modalRef.el.querySelectorAll(".modal-footer button")]) {
+ button.disabled = disabled;
+ }
+ }
+
+ async execButton(callback) {
+ if (this.isProcess) {
+ return;
+ }
+ this.setButtonsDisabled(true);
+ if (callback) {
+ let shouldClose;
+ try {
+ shouldClose = await callback();
+ } catch (e) {
+ this.props.close();
+ throw e;
+ }
+ if (shouldClose === false) {
+ this.setButtonsDisabled(false);
+ return;
+ }
+ }
+ this.props.close();
+ }
+}
+
+BarcodeDialog.template = "BarcodeDialog";
+BarcodeDialog.components = { Dialog };
+BarcodeDialog.props = {
+ close: Function,
+ order_id: Number,
+ model: String,
+ title: {
+ validate: (m) => {
+ return (
+ typeof m === "string" || (typeof m === "object" && typeof m.toString === "function")
+ );
+ },
+ optional: true,
+ },
+ body: String,
+ confirm: { type: Function, optional: true },
+ confirmLabel: { type: String, optional: true },
+ confirmClass: { type: String, optional: true },
+ cancel: { type: Function, optional: true },
+ cancelLabel: { type: String, optional: true },
+};
+BarcodeDialog.defaultProps = {
+ confirmLabel: _t("Ok"),
+ cancelLabel: _t("Cancel"),
+ confirmClass: "btn-primary",
+ title: _t("Confirmation"),
+};
diff --git a/barcode_capturing_sale_purchase/static/src/js/purchase_barcode.js b/barcode_capturing_sale_purchase/static/src/js/purchase_barcode.js
new file mode 100644
index 000000000..264e63d20
--- /dev/null
+++ b/barcode_capturing_sale_purchase/static/src/js/purchase_barcode.js
@@ -0,0 +1,64 @@
+/** @odoo-module **/
+import { FormController } from "@web/views/form/form_controller";
+import { Dialog } from "@web/core/dialog/dialog";
+import { BarcodeDialog } from "./barcode_dialog.js";
+import { useChildRef, useService } from "@web/core/utils/hooks";
+import { Component, onWillUnmount, EventBus } from "@odoo/owl";
+import { _t } from "@web/core/l10n/translation";
+
+var beep = new Audio('/barcode_capturing_sale_purchase/static/src/audio/beep_scan.mp3');
+// Extends FormController for rendering the purchase order form with barcode scanning functionality.
+export class ComPurchaseOrderRender extends FormController {
+ setup() {
+ this.bus = new EventBus();
+ this.modalRef = useChildRef();
+ this.isProcess = false;
+ this.dialog = useService("dialog");
+ this.notificationService = useService("notification");
+ onWillUnmount(() => {
+ if (this.stream) {
+ this.stream.getTracks().forEach((track) => track.stop());
+ this.stream = null;
+ }
+ });
+ super.setup();
+ }
+ // Opens a dialog for barcode scanning.
+ async PurchaseBarcodeDialog() {
+ var self = this;
+ var load_params = self.model.config;
+ var model = this.props.resModel
+ if(load_params.resId){
+ var order_id = load_params.resId;
+ }
+ else{
+ if(load_params.resIds[0]){
+ var order_id = load_params.resIds[0];
+ }
+ else{
+ this.notificationService.add(_t("Create or Save Purchase Order to start barcode scan"), {
+ title: _t("Create/save Order"),
+ type: "danger",
+ });
+ return
+ }
+ }
+ // Opens a Dialog box for scanning barcode
+ const constraints = {
+ video: { facingMode: this.props.facingMode },
+ audio: false,
+ };
+ try {
+ this.dialog.add(BarcodeDialog, {
+ title: _t("Barcode Scanner"),
+ body: _t("An administrator needs to configure Google Synchronization before you can use it!"),
+ close: true,
+ order_id: order_id,
+ model: model,
+ });
+ } catch (err) {
+ window.alert('Failed to detect webcam.Please ensure that your browser has the required permissions to access your webcam.')
+ }
+ }
+}
+ComPurchaseOrderRender.template = "barcode_capturing_sale_purchase.purchase_scanner";
diff --git a/barcode_capturing_sale_purchase/static/src/js/registry_barcode_purchase.js b/barcode_capturing_sale_purchase/static/src/js/registry_barcode_purchase.js
new file mode 100644
index 000000000..fca84d9c9
--- /dev/null
+++ b/barcode_capturing_sale_purchase/static/src/js/registry_barcode_purchase.js
@@ -0,0 +1,11 @@
+/** @odoo-module **/
+import { formView } from '@web/views/form/form_view';
+import { FormController } from '@web/views/form/form_controller';
+import { registry } from "@web/core/registry";
+import { ComPurchaseOrderRender } from '@barcode_capturing_sale_purchase/js/purchase_barcode';
+//JsClassBarcodePurchase constant is added to views registry
+export const JsClassBarcodePurchase = {
+ ...formView,
+ Controller: ComPurchaseOrderRender,
+};
+registry.category("views").add("purchase_order_barcode", JsClassBarcodePurchase);
diff --git a/barcode_capturing_sale_purchase/static/src/js/registry_barcode_sale.js b/barcode_capturing_sale_purchase/static/src/js/registry_barcode_sale.js
new file mode 100644
index 000000000..a11e12601
--- /dev/null
+++ b/barcode_capturing_sale_purchase/static/src/js/registry_barcode_sale.js
@@ -0,0 +1,11 @@
+/** @odoo-module **/
+import { formView } from '@web/views/form/form_view';
+import { FormController } from '@web/views/form/form_controller';
+import { registry } from "@web/core/registry";
+import { ComSaleOrderRender } from '@barcode_capturing_sale_purchase/js/sale_barcode';
+//JsClassBarcodePurchase constant is added to views registry
+export const JsClassBarcodeSale = {
+ ...formView,
+ Controller: ComSaleOrderRender,
+};
+registry.category("views").add("sale_order_barcode", JsClassBarcodeSale);
diff --git a/barcode_capturing_sale_purchase/static/src/js/sale_barcode.js b/barcode_capturing_sale_purchase/static/src/js/sale_barcode.js
new file mode 100644
index 000000000..b0ccd7a9a
--- /dev/null
+++ b/barcode_capturing_sale_purchase/static/src/js/sale_barcode.js
@@ -0,0 +1,64 @@
+/** @odoo-module **/
+import { FormController } from "@web/views/form/form_controller";
+import { Dialog } from "@web/core/dialog/dialog";
+import { BarcodeDialog } from "./barcode_dialog.js";
+import { useChildRef, useService } from "@web/core/utils/hooks";
+import { Component, onWillUnmount, EventBus } from "@odoo/owl";
+import { _t } from "@web/core/l10n/translation";
+
+var beep = new Audio('/barcode_capturing_sale_purchase/static/src/audio/beep_scan.mp3');
+// Extends FormController for rendering the Sale order form with barcode scanning functionality.
+export class ComSaleOrderRender extends FormController {
+ setup() {
+ this.bus = new EventBus();
+ this.modalRef = useChildRef();
+ this.isProcess = false;
+ this.dialog = useService("dialog");
+ this.notificationService = useService("notification");
+ onWillUnmount(() => {
+ if (this.stream) {
+ this.stream.getTracks().forEach((track) => track.stop());
+ this.stream = null;
+ }
+ });
+ super.setup();
+ }
+// Opens a dialog for barcode scanning.
+ async SaleBarcodeDialog() {
+ var self = this;
+ var load_params = self.model.config;
+ var model = this.props.resModel
+ if(load_params.resId){
+ var order_id = load_params.resId;
+ }
+ else{
+ if(load_params.resIds[0]){
+ var order_id = load_params.resIds[0];
+ }
+ else{
+ this.notificationService.add(_t("Create or Save Purchase Order to start barcode scan"), {
+ title: _t("Create/save Order"),
+ type: "danger",
+ });
+ return
+ }
+ }
+ // Opens a Dialog box for scanning barcode
+ const constraints = {
+ video: { facingMode: this.props.facingMode },
+ audio: false,
+ };
+ try {
+ this.dialog.add(BarcodeDialog, {
+ title: _t("Barcode Scanner"),
+ body: _t("An administrator needs to configure Google Synchronization before you can use it!"),
+ close: true,
+ order_id: order_id,
+ model: model,
+ });
+ } catch (err) {
+ window.alert('Failed to detect webcam.Please ensure that your browser has the required permissions to access your webcam.')
+ }
+ }
+}
+ComSaleOrderRender.template = "barcode_capturing_sale_purchase.sale_scanner";
diff --git a/barcode_capturing_sale_purchase/static/src/xml/barcode_dialog_templates.xml b/barcode_capturing_sale_purchase/static/src/xml/barcode_dialog_templates.xml
new file mode 100644
index 000000000..f6342bd30
--- /dev/null
+++ b/barcode_capturing_sale_purchase/static/src/xml/barcode_dialog_templates.xml
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Scan Barcode of Products Through Camera in Sale + and Purchase. +
+Scan Product Barcode for Sale & Purchase +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Effortless Product Addition +
++ Products can be seamlessly added to the + order line simply by scanning their barcode, + streamlining the sales and purchase + workflow.
+
+
+
+
+
+
+
+
+ + Camera-Based Barcode Scanning +
++ Barcodes can be scanned directly using a + device's camera, eliminating the need for a + dedicated barcode scanner. +
+
+
+
+
+
+
+
+
+
+ + Barcode Configuration +
++ Easily set and manage product barcodes + within the product form, ensuring accurate + identification and smooth operations. +
+
+
+
+
+
+
+
+
+
+ Scan Product Barcode for Sale & Purchase
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Barcode for Product +
+
+
+ + Add the Barcode in the product + form +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Print Label +
+
+
+ + The label of barcode can be + printed by clicking the 'PRINT + LABELS' button in product form. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Scan Barcode Button +
+
+
+ + A new button is added to scan + barcode in sale order and + purchase order. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Scan Barcode + +
+
+
+ + When the barcode button is + clicked a window with a video + screen pops out. Show the + barcode image on the camera to + scan it. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Added Product to Order line + + +
+
+
+ + The scanned product will be + added to the order line. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Quickly populate sale or + purchase order lines by scanning + product barcodes.
+
+
+
+
+
+
+
+
+
+ + Easily access the barcode + scanning tool with a visible + icon in sale and purchase order + screens.
+
+
+
+
+
+
+
+
+
+ + Barcode of product can be set in + product form.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + This module allows + users to add + products to sales or + purchase orders by + scanning barcodes, + with device's + camera. +
+
+
+
+
+
+ + You can set up + barcodes directly in + the product form + under the "Barcode" + field. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 24th January, 2025 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+