[IMP] web_studio: adapt for web_editor refactoring

closes odoo/enterprise#3399

static/src/js/website_form_editor.js

@@ -14,6 +14,11 @@ odoo.define('website_form_editor', function (require) {
     options.registry['website_form_editor'] = options.Class.extend({
         xmlDependencies: ['/website_form_editor/static/src/xml/website_form_editor.xml'],
 
+        start: function () {
+            this.$target.addClass('o_fake_not_editable').attr('contentEditable', false);
+            this.$target.find('label:not(:has(span)), label span').addClass('o_fake_editable').attr('contentEditable', true);
+        },
+
         // Generic modal code
         build_modal: function (modal_title, modal_body, on_save) {
             var self = this;
@@ -291,9 +296,9 @@ odoo.define('website_form_editor', function (require) {
             }
 
             fetch_field_relation.done(function () {
-                field_rendered.resolve(
-                    qweb.render("website_form_editor.field_" + field.type, {field: field})
-                );
+                var $content = $(qweb.render("website_form_editor.field_" + field.type, {field: field}));
+                $content.find('label:not(:has(span)), label span').addClass('o_fake_editable').attr('contentEditable', true);
+                field_rendered.resolve($content);
             });
 
             return field_rendered;

static/src/js/website_form_editor_tour.js

@@ -20,6 +20,10 @@ odoo.define('website_form_editor.tour', function(require) {
             trigger:  "#oe_snippets .oe_snippet:has(.s_website_form) .oe_snippet_thumbnail",
             run:      "drag_and_drop #wrap",
         },
+        {
+            content:  "Check dropped snippet",
+            trigger:  "body:has(form[action*='/website_form/'])",
+        },
         {
             content:  "Check if the snippet is dropped and if the modal is opened",
             trigger:  "body:has(form[action*='/website_form/'])" +
@@ -235,6 +239,7 @@ odoo.define('website_form_editor.tour', function(require) {
         {
             content:  "Change the label",
             trigger:  ".col-form-label[for='Custom Multiple Checkboxes']",
+            extra_trigger:  ".s_website_form:not(:has(.col-form-label[for='Custom Multiple Checkboxes']:eq(1)))",
             run:      "text Products"
         },
         {
@@ -302,7 +307,7 @@ odoo.define('website_form_editor.tour', function(require) {
             trigger:  ".oe_options .dropdown-item:contains('Radio Buttons')"
         },
 
-        // Customize custom multiple checkboxes field
+        // Customize Radio Buttons field
         {
             content:  "Change the label",
             trigger:  ".col-form-label[for='Custom Radio Buttons']",
@@ -354,7 +359,9 @@ odoo.define('website_form_editor.tour', function(require) {
         },
         {
             content:  "Click on Required",
-            trigger:  ".oe_overlay_options .dropdown-item[data-website_form_field_require]"
+            trigger:  ".oe_overlay_options .dropdown-item[data-website_form_field_require]",
+            extra_trigger:  ".form-field.o_website_form_custom.o_website_form_required_custom" +
+                            ":has(.col-form-label:contains('Service'))",
         },
         {
             content:  "Check the resulting field",

views/website_form_editor_templates.xml

@@ -7,7 +7,7 @@
             </xpath>
         </template>
 
-        <template id="assets_common" name="Website Form Editor Assets Common" inherit_id="web.assets_common">
+        <template id="assets_frontend" name="Website Form Editor Assets Frontend" inherit_id="website.assets_frontend">
             <xpath expr="." position="inside">
                 <script type="text/javascript" src="/website_form_editor/static/src/js/website_form_editor_tour.js"/>
             </xpath>