[16.0] cms_form: wizrd optional confirm submit modal

cms_form/models/cms_form_mixin.py

@@ -161,6 +161,8 @@
     form_content_selector = fields.Char(form_tech=True, default=".form_content")
     # used to interpolate widgets' html field name
     form_fname_pattern = fields.Char(form_tech=True, default="")
+    # used enable submit confirmation at last step
+    form_confirm_submit = fields.Boolean(form_tech=True, default="")
 
     def _valid_field_parameter(self, field, name):
         res = super()._valid_field_parameter(field, name)
@@ -738,3 +740,7 @@
         you can use this method to merge them properly.
         """
         return utils.data_merge(info, tomerge)
+
+    @property
+    def form_msg_confirm_submit(self):
+        return _("Are you sure want to submit the form as it is?")

cms_form/templates/form.xml

@@ -372,10 +372,12 @@ License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl.html).
                 </t>
                 <t t-else="">
                     <button
-                        type="submit"
+                        t-att-type="'button' if form.form_confirm_submit else 'submit'"
                         name="wiz_submit"
                         value="process"
                         class="btn btn-primary float-end"
+                        t-att-data-bs-toggle="'modal' if form.form_confirm_submit else None"
+                        t-att-data-bs-target="'#process-confirm-modal' if form.form_confirm_submit else None"
                     >Submit</button>
                 </t>
                 <t t-if="form.wiz_prev_step()">
@@ -387,6 +389,53 @@ License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl.html).
                     >Prev</button>
                 </t>
             </div>
+            <t
+                t-if="form.form_confirm_submit"
+                t-call="cms_form.wizard_form_confirm_modal"
+            />
         </xpath>
     </template>
+
+
+    <template id="wizard_form_confirm_modal" name="CMS wizard form confirm modal">
+      <!-- Modal -->
+      <div
+            class="modal fade"
+            id="process-confirm-modal"
+            tabindex="-1"
+            aria-labelledby="process-confirm-modal"
+            aria-hidden="true"
+        >
+        <div class="modal-dialog">
+          <div class="modal-content">
+            <div class="modal-header">
+              <h5 class="modal-title" id="exampleModalLabel">Confirm submit</h5>
+              <button
+                            type="button"
+                            class="btn-close"
+                            data-bs-dismiss="modal"
+                            aria-label="Close"
+                        />
+            </div>
+            <div class="modal-body">
+              <p t-esc="form.form_msg_confirm_submit" />
+            </div>
+            <div class="modal-footer">
+              <button
+                            type="button"
+                            class="btn btn-default"
+                            data-bs-dismiss="modal"
+                        >Close</button>
+              <button
+                            type="submit"
+                            name="wiz_submit"
+                            value="process"
+                            class="btn btn-primary"
+                        >Submit</button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </template>
+
 </odoo>