[MIG] website_form_require_legal: Migration to 17.0

website_form_require_legal/README.rst

@@ -82,6 +82,10 @@ Contributors
 
    -  Carlos Roca
 
+-  `NICO SOLUTIONS <https://www.nico-solutions.de>`__:
+
+   -  Nils Coenen
+
 Maintainers
 -----------
 

website_form_require_legal/__manifest__.py

@@ -3,7 +3,7 @@
 {
     "name": "Website Form Require Legal",
     "summary": "Add possibility to require confirm legal terms.",
-    "version": "16.0.1.0.0",
+    "version": "17.0.1.0.0",
     "category": "Website",
     "license": "LGPL-3",
     "website": "https://github.com/OCA/website",
@@ -14,7 +14,7 @@
     "data": ["views/snippets.xml"],
     "assets": {
         "website.assets_wysiwyg": [
-            "website_form_require_legal/static/src/js/options.js",
+            "website_form_require_legal/static/src/js/options.esm.js",
             "website_form_require_legal/static/src/xml/website_form_editor.xml",
         ],
         "web.assets_frontend": [

website_form_require_legal/readme/CONTRIBUTORS.md

@@ -1,2 +1,4 @@
 - [Tecnativa](https://www.tecnativa.com):
   - Carlos Roca
+- [NICO SOLUTIONS](https://www.nico-solutions.de):
+  - Nils Coenen

website_form_require_legal/static/description/index.html

@@ -428,6 +428,10 @@ <h2><a class="toc-backref" href="#toc-entry-6">Contributors</a></h2>
 <li>Carlos Roca</li>
 </ul>
 </li>
+<li><a class="reference external" href="https://www.nico-solutions.de">NICO SOLUTIONS</a>:<ul>
+<li>Nils Coenen</li>
+</ul>
+</li>
 </ul>
 </div>
 <div class="section" id="maintainers">

website_form_require_legal/static/src/js/options.esm.js

@@ -0,0 +1,50 @@
+/** @odoo-module **/
+
+import options from "@web_editor/js/editor/snippets.options";
+import {renderToElement} from "@web/core/utils/render";
+
+options.registry.WebsiteFormEditor.include({
+    /**
+     * @override
+     */
+    start: function () {
+        const proms = [this._super(...arguments)];
+        this.$target.find(".s_website_form_legal").attr("contentEditable", true);
+        return Promise.all(proms);
+    },
+    /**
+     * Toggle the legal terms checkbox
+     */
+    toggleLegalTerms: function () {
+        const legalTermsEl = this.$target[0].querySelector(".s_website_form_legal");
+        if (legalTermsEl) {
+            legalTermsEl.remove();
+        } else {
+            const template = document.createElement("template");
+            const labelWidth = this.$target[0].querySelector(".s_website_form_label")
+                .style.width;
+            template.content.append(
+                renderToElement("website_form_require_legal.s_website_form_legal", {
+                    labelWidth: labelWidth,
+                    termsURL: "terms",
+                })
+            );
+            const legal = template.content.firstElementChild;
+            legal.setAttribute("contentEditable", true);
+            if (this.$target.find(".s_website_form_recaptcha").length) {
+                this.$target.find(".s_website_form_recaptcha")[0].before(legal);
+            } else {
+                this.$target.find(".s_website_form_submit").before(legal);
+            }
+        }
+    },
+    /**
+     * @override
+     */
+    _computeWidgetState: function (methodName) {
+        if (methodName === "toggleLegalTerms") {
+            return !this.$target[0].querySelector(".s_website_form_legal") || "";
+        }
+        return this._super(...arguments);
+    },
+});