+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ Login Using QR Code
+Users can Log in by Scanning QR Code
+ +
+
+
+
+ 
+
+
+ Explore This Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Overview
+
+
+
+
+ This module helps users to log in to their account by scanning their QR Code.
+
+
+
+ 
+
+
+ Features
+
+
+
+
+
+
+
+ 
+ Support in Desktop.
+
+
+ Support in Desktop.
+
+
+
+
+ Login by Scanning QR Code
+
+
+ Login by Scanning QR Code
+
+
+
+ 
+
+
+ Screenshots
+
+
+
+
+
+
+
+ 
+
+ Print QR Code
+Go to Settings ->Users & Companies
Inside the Users QR is generated
+
+ 
+
+ Authenticate by using QR Code
+Click ->Login With QR
Click the Login With QR, and a camera will be open, scan the QR code there.
+
+ 
+
+ Opens camera
+
+
+ 
+
+ Show the QR code here
+
+
+ 
+
+ User Logged in to their account after scanning the QR.
+
+
+
+
+ 
+
+
+ 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
+
+
+
diff --git a/login_using_qr/static/src/css/login_with_qr.css b/login_using_qr/static/src/css/login_with_qr.css
new file mode 100644
index 000000000..a5a096fc1
--- /dev/null
+++ b/login_using_qr/static/src/css/login_with_qr.css
@@ -0,0 +1,34 @@
+.clearfix.oe_login_buttons.text-center.mb-1.pt-3{
+ position:relative;
+}
+
+.qr_video {
+ position: absolute;
+ top: -353px;
+ left: -269px;
+}
+
+.video-container{
+width:717px;
+}
+
+.video-container video{
+width:100% !important;
+height:100% !important;
+}
+
+.o_database_list .input-group-prepend .btn, .input-group-append a{
+ z-index:0 !important;
+}
+
+@media (max-width: 767.98px) {
+.qr_video{
+ position: absolute;
+ top: -281px;
+ min-width: 200px;
+ left: -63px;
+}
+.video-container {
+width:360px;
+
+}}
\ No newline at end of file
diff --git a/login_using_qr/static/src/js/login_with_qr.js b/login_using_qr/static/src/js/login_with_qr.js
new file mode 100644
index 000000000..a9824078d
--- /dev/null
+++ b/login_using_qr/static/src/js/login_with_qr.js
@@ -0,0 +1,68 @@
+odoo.define('login_using_qr.qr_login', function (require) {
+ 'use strict';
+ var publicWidget = require('web.public.widget');
+ var ajax = require('web.ajax');
+// var Dialog = require('web.Dialog');
+ var rpc = require('web.rpc')
+ var core = require('web.core');
+// var session = require('web.session');
+
+ var _t = core._t;
+ publicWidget.registry.QrLogin = publicWidget.Widget.extend({
+ selector: '.oe_qr_login',
+ events: {
+ 'click #login_click': '_onLoginClick',
+ 'click #close_qr_scanner':'_onClickClose'
+ },
+
+ _onClickClose: function(ev) {
+ window.location.reload();
+ },
+
+ _onLoginClick: function(ev) {
+ $(ev.target.offsetParent.querySelector('.qr_video')).removeClass('d-none');
+ $(ev.target.offsetParent.querySelector('.close_button')).removeClass('d-none');
+ const video = ev.target.offsetParent.querySelector('#video');
+ var cam_stream
+ navigator.mediaDevices.getUserMedia({ video: true })
+ .then((stream) => {
+ cam_stream = stream
+ video.srcObject = stream;
+ })
+ .catch((error) => {
+ });
+ video.addEventListener('loadedmetadata', (event) => {
+ // Adjust video size once metadata is loaded
+ video.width = video.videoWidth;
+ video.height = video.videoHeight;
+ });
+ video.addEventListener('canplay', () => {
+ const canvas = document.createElement('canvas');
+ const context = canvas.getContext('2d');
+ canvas.width = video.width;
+ canvas.height = video.height;
+ setInterval(() => {
+ context.drawImage(video, 0, 0, canvas.width, canvas.height);
+ const imageData = context.getImageData(0, 0, canvas.width, canvas.height);
+ const code = jsQR(imageData.data, imageData.width, imageData.height);
+ if (code) {
+ ajax.jsonRpc('/web/redirect', 'call', {'scanned_qr': code.data}
+ ).then((token) => {
+ if(token){
+ cam_stream.getTracks().forEach(function(track) {
+ track.stop();
+ window.location.href = '/';
+ });
+ }
+ else{
+ alert('Scanned QR does not exist. Please try again.');
+ window.location.reload();
+ }
+ });
+ }
+ }, 1000); // Adjust the interval as needed
+ });
+ }
+
+ })
+});
diff --git a/login_using_qr/views/login_templates.xml b/login_using_qr/views/login_templates.xml
new file mode 100644
index 000000000..466d2b850
--- /dev/null
+++ b/login_using_qr/views/login_templates.xml
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+ Login With QR
+
+
+
+
+
+
+
+
+
+
+
+ + This feature is currently not available for you +
+ ++ Redirect to Login Page +
+ +
+
+
+
+
++ Scan the QR, or else, +
+ ++ Redirect to Login Page +
+ ++