[IMP] stamp_sign: added dialog view and related fields on clicking stamp

Created the dialog view along with the related fields and added the
Functionality for the sign and sign all buttons.

Author: alap-odoo

stamp_sign/__init__.py

@@ -1 +1,2 @@
 from . import models
+from . import controllers

stamp_sign/__manifest__.py

@@ -4,12 +4,17 @@
     "depends": ["sign"],
     "category": "Sign",
     "data": [
-        "views/sign_template_views.xml",
         "data/sign_data.xml",
+        "views/sign_template_views.xml",
     ],
     "assets": {
-        "sign.assets_pdf_iframe": [
-            "stamp_sign/static/src/components/**/*",
+        "web.assets_backend": [
+            "stamp_sign/static/src/components/sign_request/*",
+            "stamp_sign/static/src/dialogs/*",
+        ],
+        "sign.assets_public_sign": [
+            "stamp_sign/static/src/components/sign_request/*",
+            "stamp_sign/static/src/dialogs/*",
         ],
     },
     "installable": True,

stamp_sign/controllers/__init__.py

@@ -0,0 +1 @@
+from . import main

stamp_sign/controllers/main.py

@@ -0,0 +1,30 @@
+from odoo import http
+from odoo.addons.sign.controllers.main import Sign
+
+
+class SignController(Sign):
+    def get_document_qweb_context(self, sign_request_id, token, **post):
+        data = super().get_document_qweb_context(sign_request_id, token, **post)
+        current_request_item = data["current_request_item"]
+        sign_item_types = data["sign_item_types"]
+        data["logo"] = (
+            "data:image/png;base64,%s" % http.request.env.user.company_id.logo.decode()
+        )
+
+        if current_request_item:
+            for item_type in sign_item_types:
+                if item_type["item_type"] == "stamp":
+                    user_stamp = current_request_item._get_user_stamp()
+                    user_stamp_frame = current_request_item._get_user_stamp_frame()
+                    item_type["auto_value"] = (
+                        "data:image/png;base64,%s" % user_stamp.decode()
+                        if user_stamp
+                        else False
+                    )
+                    item_type["frame_value"] = (
+                        "data:image/png;base64,%s" % user_stamp_frame.decode()
+                        if user_stamp_frame
+                        else False
+                    )
+
+        return data

stamp_sign/models/__init__.py

@@ -1,2 +1,3 @@
 from . import sign_template
 from . import res_users
+from . import sign_request

stamp_sign/models/res_users.py

@@ -1,9 +1,13 @@
-from odoo import models, api
+from odoo import models, api, fields
+import base64
 
 
 class ResUsers(models.Model):
     _inherit = "res.users"
 
+    stamp_sign = fields.Binary(string="Digital Stamp", copy=False, groups="base.group_user")
+    stamp_sign_frame = fields.Binary(string="Digital Stamp Frame", copy=False, groups="base.group_user")
+
     @api.model
     def get_current_user_company_details(self):
         user = self.env.user
@@ -16,5 +20,10 @@ def get_current_user_company_details(self):
             if user.company_id and user.company_id.country_id
             else "",
             "vat": user.company_id.vat if user.company_id else "",
+            "logo_url": False,
         }
+        if user.company_id and user.company_id.logo:
+            details["logo_url"] = "data:image/png;base64," + base64.b64encode(
+                user.company_id.logo
+            ).decode("utf-8")
         return details

stamp_sign/models/sign_request.py

@@ -0,0 +1,19 @@
+from odoo import models
+
+
+class SignRequestItem(models.Model):
+    _inherit = "sign.request.item"
+
+    def _get_user_stamp(self):
+        self.ensure_one()
+        sign_user = self.partner_id.user_ids[:1]
+        if sign_user:
+            return sign_user["stamp_sign"]
+        return False
+
+    def _get_user_stamp_frame(self):
+        self.ensure_one()
+        sign_user = self.partner_id.user_ids[:1]
+        if sign_user:
+            return sign_user["stamp_sign_frame"]
+        return False

stamp_sign/static/src/components/sign_request/document_signable.js

@@ -0,0 +1,28 @@
+import { patch } from "@web/core/utils/patch";
+import { Document } from "@sign/components/sign_request/document_signable";
+
+
+patch(Document.prototype, {
+    getDataFromHTML() {
+        super.getDataFromHTML()
+        const { el: parentEl } = this.props.parent;
+
+        this.company = parentEl.querySelector("company_input")?.value;
+        this.address = parentEl.querySelector("address_input")?.value;
+        this.city = parentEl.querySelector("city_input")?.value;
+        this.country = parentEl.querySelector("country_input")?.value;
+        this.vat = parentEl.querySelector("vat_input")?.value;
+        this.logo = parentEl.querySelector("logo_input")?.value;
+    },
+    get iframeProps() {
+        return {
+            ...super.iframeProps,
+            company: this.company,
+            address: this.address,
+            city: this.city,
+            country: this.country,
+            vat: this.vat,
+            logo: this.logo,
+        }
+    },
+})

stamp_sign/static/src/components/sign_request/sign_items.xml

@@ -1,29 +1,34 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <templates xml:space="preserve">
-    <t t-name="sign.stampItem" t-extend="sign.signItem">
-        <t t-jquery="t[t-if='readonly']" t-append="true">
-            <t t-if="type == 'stamp'" t-call="sign.stampSignItem"/>
-        </t>
+    <t t-name="stamp_sign.signItem" t-inherit="sign.signItem" t-inherit-mode="extension">
+        <xpath expr="//t[@t-if='readonly']" position="inside">
+            <t t-if="type == 'stamp'" t-call="stamp_sign.stampSignItem"/>
+        </xpath>
 
-        <t t-jquery="t[t-if='!readonly']" t-append="true">
-            <button t-if="type == 'stamp'" t-att-title="role" t-attf-class="{{classes}} o_sign_sign_item text-center" style="color:#757575;" t-att-style="style" t-att-data-stamp="value">
+        <xpath expr="//t[@t-if='!readonly']" position="inside">
+            <button t-if="type == 'stamp'" t-att-title="role"
+                t-attf-class="{{classes}} o_sign_sign_item text-center" style="color:red;"
+                t-att-style="style" t-att-data-signature="value">
                 <span class="o_sign_helper"/>
+                <img t-if="frame_value" t-att-src="frame_value" alt="Frame" />
                 <img t-if="value" t-att-src="value" alt="Stamp"/>
                 <t t-if="!value">
-                    <span class="o_placeholder ps-0">
+                    <span class="o_placeholder ps-0 fs-6">
                         <t t-esc="placeholder"/>
                     </span>
                 </t>
             </button>
-        </t>
+        </xpath>
     </t>
 
-    <div t-name="sign.stampSignItem" t-att-title="role" t-attf-class="{{classes}} o_sign_sign_item" t-att-data-id="id" t-att-style="style" t-att-data-stamp="value">
+    <div t-name="stamp_sign.stampSignItem" t-att-title="role" t-attf-class="{{classes}} o_sign_sign_item check-this" t-att-data-id="id" t-att-style="style" >
         <div class="sign_item_body">
             <span t-if="value" class="o_sign_helper"/>
+            <img t-if="frame_value" t-att-src="frame_value" alt="Frame" class="o_sign_frame" />
             <img t-if="value" t-att-src="value" alt="Stamp"/>
             <t t-if="!value">
-                <span class="o_placeholder ps-0">
+                <span class="o_placeholder ps-0 d-flex justify-content-center align-items-center"
+                    style="font-size:20px">
                     <t t-esc="placeholder"/>
                 </span>
             </t>

stamp_sign/static/src/components/sign_request/signable_PDF_iframe.js

@@ -1,22 +1,159 @@
-/** @odoo-module **/
-
+import { user } from "@web/core/user";
+import { _t } from "@web/core/l10n/translation";
+import { StampDialog } from "../../dialogs/stamp_add_dialog";
 import { patch } from "@web/core/utils/patch";
 import { SignablePDFIframe } from "@sign/components/sign_request/signable_PDF_iframe";
+import { SignNameAndSignatureDialog } from "@sign/dialogs/dialogs"
 
-patch(SignablePDFIframe.prototype, {
 
+patch(SignablePDFIframe.prototype, {
     enableCustom(signItem) {
         super.enableCustom(signItem);
 
         const signItemElement = signItem.el;
         const signItemData = signItem.data;
         const signItemType = this.signItemTypesById[signItemData.type_id];
-        const { item_type: type } = signItemType;
 
-        if (type === "stamp") {
+        if (signItemType.item_type === 'stamp') {
             signItemElement.addEventListener("click", (e) => {
                 this.handleSignatureDialogClick(e.currentTarget, signItemType);
             });
         }
     },
+
+    openSignatureDialog(signatureItem, type) {
+        if (this.dialogOpen) {
+            return;
+        }
+
+        this.dialogOpen = true;
+
+        const dataRequired = this.stampDetailsInDialog(signatureItem, type);
+
+        this.closeFn = this.dialog.add(
+            type.item_type === "stamp" ? StampDialog : SignNameAndSignatureDialog,
+            dataRequired,
+            {
+                onClose: () => {
+                    this.dialogOpen = false;
+                },
+            }
+        );
+    },
+
+    stampDetailsInDialog(signatureItem, type) {
+        const signature = {
+            name: this.props.signerName,
+            company: this.props.company,
+            address: this.props.address,
+            city: this.props.city,
+            country: this.props.country,
+            vat: this.props.vat,
+            logo: this.props.logo,
+        }
+
+        const frame = {};
+        const { height, width } = signatureItem.getBoundingClientRect();
+        const signFrame = signatureItem.querySelector(".o_sign_frame");
+        const signatureImage = signatureItem?.dataset?.signature;
+        const signMode = type.auto_value ? "draw" : "auto"
+        if (signMode == "draw" && signatureImage) {
+            signature.signatureImage = signatureImage;
+        }
+
+        return {
+            frame,
+            signature,
+            signatureType: type.item_type,
+            displaySignatureRatio: width / height,
+            activeFrame: Boolean(signFrame) || !type.auto_value,
+            mode: signMode,
+            defaultFrame: type.frame_value || "",
+            hash: this.frameHash,
+            signatureImage,
+            onConfirm: async () => {
+                if (!signature.isSignatureEmpty && signature.signatureChanged) {
+                    const signatureName = signature.name;
+                    this.signerName = signatureName;
+                    await frame.updateFrame();
+                    const frameData = frame.getFrameImageSrc();
+                    const signatureSrc = signature.getSignatureImage();
+                    type.auto_value = frameData;
+                    type.frame_value = frameData;
+                    if (user.userId) {
+                        await this.updateUserSignature(type);
+                    }
+                    this.fillItemWithSignature(signatureItem, signatureSrc, {
+                        frame: frameData,
+                        hash: this.frameHash,
+                    });
+                } else if (signature.signatureChanged) {
+                    delete signatureItem.dataset.signature;
+                    delete signatureItem.dataset.frame;
+                    signatureItem.replaceChildren();
+                    const signHelperspan = document.createElement("span");
+                    signHelperspan.classList.add("o_sign_helper");
+                    signatureItem.append(signHelperspan);
+                    if (type.placeholder) {
+                        const placeholderSpan = document.createElement("span");
+                        placeholderSpan.classList.add("o_placeholder");
+                        placeholderSpan.innerText = type.placeholder;
+                        signatureItem.append(placeholderSpan)
+                    }
+                }
+                this.closeDialog();
+                this.handleInput();
+            },
+            onConfirmAll: async () => {
+                const signatureName = signature.name;
+                this.signerName = signatureName;
+                await frame.updateFrame();
+                const frameData = frame.getFrameImageSrc();
+                const signatureSrc = signature.getSignatureImage();
+                type.auto_value = signatureSrc;
+                type.frame_value = frameData;
+                if (user.userId) {
+                    await this.updateUserSignature(type);
+                }
+                for (const page in this.signItems) {
+                    await Promise.all(
+                        Object.values(this.signItems[page]).reduce((promishList, signItem) => {
+                            if (
+                                signItem.data.responsible === this.currentRole &&
+                                signItem.data.type_id === type.id
+                            ) {
+                                promishList.push(
+                                    Promise.all([
+                                        this.adjustSignatureSize(signatureSrc, signItem.el),
+                                        this.adjustSignatureSize(frameData, signItem.el),
+                                    ]).then(([data, frameData]) => {
+                                        this.fillItemWithSignature(signItem.el, data, {
+                                            frame: frameData,
+                                            hash: this.frameHash,
+                                        });
+                                    })
+                                );
+                            }
+                            return promishList;
+                        }, [])
+                    );
+                }
+                this.closeDialog();
+                this.handleInput();
+            },
+            onCancel: () => {
+                this.closeDialog();
+            },
+        };
+    },
+
+    getSignatureValueFromElement(item) {
+        if (item.data.type === "stamp") {
+            return item.el.dataset.signature;
+        }
+        else {
+            return super.getSignatureValueFromElement(item);
+        }
+    },
+
 });