hunk.code_window:             position: "bottom",
           }, {
               trigger: ".modal-dialog:has(#mobile-viewport) button[data-dismiss=modal]",
               content: _t("Scroll to check rendering and then close the mobile preview."),
               position: "right",
           }, {
               trigger: "#content-menu-button",
               extra_trigger: "body:not(.modal-open)",
               content: _t("The <b>Content</b> menu allows you to rename and delete pages or add them to the top menu."),
               position: "bottom",
           }, {
               trigger: "#oe_main_menu_navbar a[data-action=new_page]",
  
hunk.labels: keep keep keep keep keep replace replace replace replace replace keep keep
hunk.file_path: addons/website/static/src/js/website.tour.banner.js
hunk.type: replace
file: odoo.define("website_blog.tour", function (require) {
      "use strict";
  
      var core = require("web.core");
      var Tour = require("web.Tour");
      var tour = require("web_tour.tour");
      var base = require("web_editor.base");
  
      var _t = core._t;
  
      base.ready().done(function () {
          Tour.register({
              id:   'blog',
              mode: 'test',
              name: _t("Create a blog post"),
              steps: [
                  {
                      title:     _t("New Blog Post"),
                      content:   _t("Let's go through the first steps to write beautiful blog posts."),
                      popover:   { next: _t("Start Tutorial"), end: _t("Skip") },
                  },
                  {
                      element:   '#oe_main_menu_navbar a[data-action=new_page]',
                      placement: 'bottom',
                      title:     _t("Add Content"),
                      content:   _t("Use this button to create a new blog post like any other document (page, menu, products, event, ...)."),
                      popover:   { fixed: true },
                  },
                  {
                      element:   'a[data-action=new_blog_post]',
                      placement: 'left',
                      title:     _t("New Blog Post"),
                      content:   _t("Select this menu item to create a new blog post."),
                      popover:   { fixed: true },
                  },
                  {
                      waitFor:   '#o_scroll .oe_snippet',
                      title:     _t("Blog Post Created"),
                      content:   _t("This is your new blog post. Let's edit it."),
                      popover:   { next: _t("Continue") },
                  },
                  {
                      element:   'h1[data-oe-expression="blog_post.name"]',
                      placement: 'top',
                      title:     _t("Post Headline"),
                      sampleText:'Blog Post Title',
                      content:   _t("Write a title, the subtitle is optional."),
                      popover:   { fixed: true },
                  },
                  {
                      waitNot:   '#wrap h1[data-oe-expression="blog_post.name"]:'+'containsExact("")',
                      element:   '#oe_manipulators .oe_overlay.oe_active a.btn.btn-primary.btn-sm',
                      placement: 'right',
                      title:     _t("Customize Cover"),
                      content:   _t("Change and customize your blog post cover."),
                      popover:   { fixed: true },
                  },
                  {
                      element:   'a:'+ 'containsExact(' + _t("Change Cover")+ '):eq(1)',
                      placement: 'right',
                      title:     _t("Cover"),
                      content:   _t("Select this menu item to change blog cover."),
                      popover:   { fixed: true },
                  },
                  {
                      waitFor:   '.modal:has(.o_existing_attachment_cell:nth(1))',
                      element:   '.modal .o_existing_attachment_cell:nth(1) img',
                      placement: 'top',
                      title:     _t("Choose an image"),
                      content:   _t("Choose an image from the library."),
                      popover:   { fixed: true },
                  },
                  {
                      waitFor:   '.o_existing_attachment_cell.o_selected',
                      element:   '.modal-content button.o_save_button',
                      placement: 'top',
                      title:     _t("Save"),
                      content:   _t("Click on '<em>Save</em>' to set the picture as cover."),
                      popover:   { fixed: true },
                  },
                  {
                      waitNot:   '.modal-content:visible',
                      element:   '.blog_content section.mt16',
                      placement: 'top',
                      title:     _t("Content"),
                      content:   _t("Start writing your story here."),
                      sampleText: ' ',
                      popover:   { fixed: true },
                  },
                  {
                      waitNot:   '#blog_content section:first p:first:containsExact(' + _t('Start writing here...') + ')',
                      element:   'button[data-action=save]',
                      placement: 'bottom',
                      title:     _t("Save your modifications once you are done"),
                      content:   _t("Click on '<em>Save</em>' button to record changes on the page."),
                      popover:   { fixed: true },
                  },
                  {
                      waitNot:   'button[data-action=save]:visible',
                      element:   'a[data-action=show-mobile-preview]',
                      placement: 'bottom',
                      title:     _t("Mobile Preview"),
                      content:   _t("Click on the mobile icon to preview how your blog post will be displayed on a mobile device."),
                      popover:   { fixed: true },
                  },
                  {
                      waitFor:   '.modal:has(#mobile-viewport):visible',
                      element:   '.modal:has(#mobile-viewport) button[data-dismiss=modal]',
                      placement: 'right',
                      title:     _t("Check Mobile Preview"),
                      content:   _t("Scroll to check rendering and then close the mobile preview."),
                      popover:   { fixed: true },
                  },
                  {
                      waitNot:   '.modal:has(#mobile-viewport) button[data-dismiss=modal]:visible',
                      element:   'button.btn-danger.js_publish_btn',
                      placement: 'top',
                      title:     _t("Publishing status"),
                      content:   _t(" Click on this button to send your blog post online."),
                      popover:   { fixed: true },
                  },
                  {
                      waitFor:   '.js_publish_management button.js_publish_btn.btn-success:visible',
                      title:     "Thanks!",
                      content:   _t("This tutorial is over. To discover more features and improve the content of this page, go to the upper left customize menu. You can also add some cool content with your text in the edit mode with the upper right button."),
                      popover:   { next: _t("Close Tutorial") },
                  },
              ]
          });
  
          tour.register("blog", {
              url: "/",
          }, [{
              trigger: "a[data-action=new_blog_post]",
              content: _t("Select this menu item to create a new blog post."),
              position: "bottom",
          }, {
              trigger: "h1[data-oe-expression=\"blog_post.name\"]",
              content: _t("Write a title, the subtitle is optional."),
              position: "top",
          }, {
              trigger: "#oe_manipulators .oe_overlay.oe_active a.btn.btn-primary.btn-sm",
              extra_trigger: "#wrap h1[data-oe-expression=\"blog_post.name\"]:not(:containsExact(\"\"))",
              content: _t("Change and customize your blog post cover."),
              position: "right",
          }, {
              trigger: "a:containsExact(" + _t("Change Cover")+ "):eq(1)",
              content: _t("Select this menu item to change blog cover."),
              position: "right",
          }, {
              trigger: ".o_select_media_dialog .o_existing_attachment_cell:nth(1) img",
              extra_trigger: ".modal:has(.o_existing_attachment_cell:nth(1))",
              content: _t("Choose an image from the library."),
              position: "top",
          }, {
              trigger: ".o_select_media_dialog .btn.o_save_button",
              extra_trigger: ".o_existing_attachment_cell.o_selected",
              content: _t("Click on <b>Save</b> to set the picture as cover."),
              position: "top",
          }, {
              trigger: ".blog_content section.mt16",
              content: _t("Start writing your story here."),
              position: "top",
          }, {
              trigger: "button[data-action=save]",
              extra_trigger: "#blog_content section:first p:first:not(:containsExact(" + _t("Start writing here...") + "))",
              content: _t("Click on <b>Save</b> button to record changes on the page."),
              position: "bottom",
          }, {
              trigger: "a[data-action=show-mobile-preview]",
              extra_trigger: "body:not(.editor_enable)",
              content: _t("Click on the mobile icon to preview how your blog post will be displayed on a mobile device."),
              position: "bottom",
          }, {
              trigger: "button[data-dismiss=modal]",
              extra_trigger: ".modal:has(#mobile-viewport)",
              content: _t("Scroll to check rendering and then close the mobile preview."),
              position: "right",
          }, {
              trigger: "button.btn-danger.js_publish_btn",
              position: "top",
              content: _t(" Click on this button to send your blog post online."),
          }, {
              trigger: "#wrap h1",
              extra_trigger: ".js_publish_management button.js_publish_btn.btn-success:visible",
              content: _t("This tutorial is over. To discover more features and improve the content of this page, go to the upper left customize menu. You can also add some cool content with your text in the edit mode with the upper right button."),
              position: "top",
              width: 500,
          }]);
      });
  });
  