+
+
+
+
+
+
+
+
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..d5edc7887
--- /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;
+ }
+}
diff --git a/login_using_qr/static/src/js/login.js b/login_using_qr/static/src/js/login.js
new file mode 100644
index 000000000..fc4ca9487
--- /dev/null
+++ b/login_using_qr/static/src/js/login.js
@@ -0,0 +1,55 @@
+/** @odoo-module */
+import publicWidget from "@web/legacy/js/public/public_widget";
+import { login } from "@web/legacy/js/public/signin";
+import { _t } from "@web/core/l10n/translation";
+import { rpc } from "@web/core/network/rpc";
+
+publicWidget.registry.login.include({
+ events: Object.assign({}, publicWidget.Widget.prototype.events, {
+ 'click #login_click': '_onLoginClick',
+ 'click #close_qr_scanner':'_onClickClose'
+ }),
+
+ _onClickClose(ev) {
+ window.location.reload();
+ },
+
+ async _onLoginClick(ev) {
+ ev.target.offsetParent.querySelector('.close_button').classList.remove('d-none');
+ const video = ev.target.offsetParent.querySelector('#video');
+ var cam_stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: false });
+ video.srcObject = cam_stream;
+ 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) {
+ rpc('/web/redirect',{
+ '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..86a6664ae
--- /dev/null
+++ b/login_using_qr/views/login_templates.xml
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Supports:
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
+ Availability:
+
+
+ On Premise
+
+
+ Odoo.sh
+
+
+ Odoo Online
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Users can Log in by Scanning QR Code +
+Login using QR Code +
+
+ 
+
+
+
+
+
+
+
+ 
+ 
+ 
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+ Login using QR Code
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+ Key Highlights
+
+
+
+
+
+ 
+
+
+ + User Qr code Generation +
++ This module generate login qr code to users
+
+
+
+
+
+
+
+
+ + Login using qrcode +
++ Using each users qr code they can easily login +
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Login + QR Code +
+
+
+ + Go to Settings ->Users & Companies, Inside the Users QR is generated +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Login With + + QR Option +
+
+
+ + Click ->"Login With QR" and a camera will be open, scan the QR code there. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Opens Camera + +
+
+
+ + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Scan QR Code + +
+
+
+ + Show the QR code here +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + User Logged In + +
+
+
+ + User Logged in to their account after scanning the QR. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Login by Scanning QR Code.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Each user has a unique QR code available on their user form. + To log in, simply scan this QR code using the QR scanner on + the login screen, and the system will authenticate the user automatically. +
+
+
+
+
+
+ + You can find the QR code on the user’s form + under the QR Code section. This code can be printed + or downloaded for convenient future logins. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 2nd July, 2025 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+
+
+
+
+
+
+
+
+ Related Modules
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+
+ Login With QR
+
+
+
+
+
+
+
+
+
+
+
+ + This feature is currently not available for you +
+ ++ Redirect to Login Page +
+ +
+
+
+
+
++ Scan the QR, or else, +
+ ++ Redirect to Login Page +
+ ++