+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo sh
+
+
+
+
+
+
+
+ 
+
+ Pos Face Recognition
+POS Session Login by Face Recognition.
+ +
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+This module helps you to login pos session by face recognition.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+ 
+ Community Support.
+
+
+ Community Support.
+
+
+
+
+ Login by using face recognition.
+
+
+ Login by using face recognition.
+
+
+
+ 
+
+
+ + Screenshots +
+
+
diff --git a/pos_face_recognition/static/src/js/LoginScreen.js b/pos_face_recognition/static/src/js/LoginScreen.js
new file mode 100644
index 000000000..3484d0a86
--- /dev/null
+++ b/pos_face_recognition/static/src/js/LoginScreen.js
@@ -0,0 +1,140 @@
+odoo.define('pos_face_recognition.FaceLoginScreen', function (require) {
+ "use strict";
+ const LoginScreen = require('pos_hr.LoginScreen');
+ const {patch} = require('web.utils');
+ const {_t} = require('web.core');
+ const {useService} = require("@web/core/utils/hooks");
+ const {useState} = owl.hooks;
+ const {useRef} = owl.hooks;
+ var ajax = require('web.ajax');
+ const {Gui} = require('point_of_sale.Gui');
+ const {posbus} = require('point_of_sale.utils');
+ const MODEL_URL = '/pos_face_recognition/static/src/js/weights';
+ faceapi.nets.ssdMobilenetv1.loadFromUri(MODEL_URL)
+ faceapi.nets.faceLandmark68Net.loadFromUri(MODEL_URL)
+ faceapi.nets.faceRecognitionNet.loadFromUri(MODEL_URL)
+ faceapi.nets.tinyFaceDetector.load(MODEL_URL),
+ faceapi.nets.faceLandmark68TinyNet.load(MODEL_URL),
+ faceapi.nets.faceExpressionNet.load(MODEL_URL),
+ faceapi.nets.ageGenderNet.load(MODEL_URL)
+
+ // patching Login Screen
+ patch(LoginScreen.prototype, 'pos_hr/static/src/js/LoginScreen.js', {
+ // setup function
+ setup() {
+ // super.setup(...arguments);
+ this.state = useState({
+ imageUrl: false
+ })
+ this.rpc = useService("rpc");
+ this.root = useRef("LoginRoot");
+ this.faceMatcher = null;
+ },
+
+ // overriding back function
+ async back() {
+ await this.loadImage()
+ },
+ // overriding selectCashier function
+ async selectCashier() {
+ const list = this.env.pos.employees.map((employee) => {
+ return {
+ id: employee.id,
+ item: employee,
+ label: employee.name,
+ isSelected: false,
+ };
+ });
+
+ const employee = await this.selectEmployee(list);
+ if (employee) {
+ this.env.pos.set_cashier(employee);
+ this.back();
+ }
+ this.root.el.querySelector('#login-screen').style.zIndex = -1
+ },
+
+ // Function to loadimage
+ async loadImage() {
+ var cashier_id = this.env.pos.changed.cashier.id
+ await ajax.jsonRpc('/cashier/image/', 'call', {
+ cashier_id: cashier_id,
+ }).then(async data => {
+ if (data) {
+ this.have_image = data
+ const employee_image = this.root.el.querySelector('#employee_image')
+ employee_image.src = "data:image/jpeg;base64," + data
+ await this.startWebcam()
+ } else {
+ await Gui.showPopup("ErrorPopup", {
+ 'title': _t('Authentication failed'),
+ 'body': _t('Selected cashier have no image..'),
+ });
+ location.reload();
+ }
+ });
+ },
+
+ // Function to start webcam
+ startWebcam() {
+ const video = this.root.el.querySelector('#video')
+ navigator.mediaDevices.getUserMedia(
+ {video: true, audio: false}
+ ).then((stream) => {
+ video.srcObject = stream
+ }).catch((error) => {
+ console.error(error)
+ }).then(this.faceRecognition(video))
+ },
+
+ // Function to get the descriptions of cashier image
+ async getLabeledFaceDescriptions() {
+ const employee_image = this.root.el.querySelector('#employee_image');
+ const detections = await faceapi
+ .detectSingleFace(employee_image)
+ .withFaceLandmarks()
+ .withFaceExpressions()
+ .withFaceDescriptor();
+ return detections
+ },
+ // Function which compares the webcam image with cashier image
+ async faceRecognition(video) {
+ const labeledFaceDescriptors = await this.getLabeledFaceDescriptions()
+ if (!this.faceMatcher) {
+ this.faceMatcher = new faceapi.FaceMatcher([labeledFaceDescriptors.descriptor]);
+ }
+ video.addEventListener('play', () => {
+ const canvas = faceapi.createCanvasFromMedia(video);
+ document.body.append(canvas);
+ const displaySize = {width: video.width, height: video.height}
+ faceapi.matchDimensions(canvas, displaySize)
+ setInterval(async () => {
+ const detections = await faceapi
+ .detectAllFaces(video)
+ .withFaceLandmarks()
+ .withFaceExpressions()
+ .withFaceDescriptors();
+ detections.forEach((detection) => {
+ const match = this.faceMatcher.findBestMatch(detection.descriptor);
+ if (match._distance < 0.4) { // Adjust threshold as needed
+ const modal = document.getElementById('WebCamModal');
+ if (modal) {
+ modal.style.display = 'none';
+ this.props.resolve({
+ confirmed: false,
+ payload: false
+ });
+ this.trigger('close-temp-screen');
+ this.env.pos.hasLoggedIn = true;
+ posbus.trigger('start-cash-control');
+ video.srcObject.getTracks().forEach(track => track.stop());
+ canvas.remove();
+ }
+ } else {
+ }
+ });
+ }, 100);
+ })
+ },
+ });
+});
\ No newline at end of file
diff --git a/pos_face_recognition/static/src/js/face-api.min.js b/pos_face_recognition/static/src/js/face-api.min.js
new file mode 100644
index 000000000..93ca07ec6
--- /dev/null
+++ b/pos_face_recognition/static/src/js/face-api.min.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=t||self).faceapi=t.faceapi||{})}(this,function(c){"use strict";var r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(t,e)};function t(t,e){function n(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}function y(i,a,s,u){return new(s=s||Promise)(function(t,e){function n(t){try{o(u.next(t))}catch(t){e(t)}}function r(t){try{o(u.throw(t))}catch(t){e(t)}}function o(e){e.done?t(e.value):new s(function(t){t(e.value)}).then(n,r)}o((u=u.apply(i,a||[])).next())})}function R(n,r){var o,i,a,t,s={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return t={next:e(0),throw:e(1),return:e(2)},"function"==typeof Symbol&&(t[Symbol.iterator]=function(){return this}),t;function e(e){return function(t){return function(e){if(o)throw new TypeError("Generator is already executing.");for(;s;)try{if(o=1,i&&(a=2&e[0]?i.return:e[0]?i.throw||((a=i.return)&&a.call(i),0):i.next)&&!(a=a.call(i,e[1])).done)return a;switch(i=0,a&&(e=[2&e[0],a.value]),e[0]){case 0:case 1:a=e;break;case 4:return s.label++,{value:e[1],done:!1};case 5:s.label++,i=e[1],e=[0];continue;case 7:e=s.ops.pop(),s.trys.pop();continue;default:if(!(a=0<(a=s.trys).length&&a[a.length-1])&&(6===e[0]||2===e[0])){s=0;continue}if(3===e[0]&&(!a||e[1]>a[0]&&e[1]
+
+
+
+
+
+ 
+
+ + Go to Employee module. Select the employee and add employee image on the field marked in the below image +
+
+
+ 
+ 
+
+ Go to POS -> Dashboard -> Settings. Then Add the respective employees +
+
+
+
+ 
+
+ + Go to POS dashboard and start a new session. +
+
+
+ 
+
+ + click on select cashier. +
+
+
+ 
+ 
+
+ + Select any cashier. Web camera will be opened . +
+
+
+
+ 
+
+ + If face matches you will enter the POS session. +
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ + 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 +
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+ >=jV[>>j뼭=>U[>=XĬ>?L̬=?^>033==>>P
+
+
+
+
+
+ Log in to
+
+
+
+
+
+ 
+
+
+ or
+
+
+
+