[IMP] theme_notes: update the theme

This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.

task-2590454

X-original-commit: 352692754c
Part-of: odoo/design-themes#501

theme_notes/static/src/js/tour.js

@@ -1,10 +1,9 @@
-odoo.define("theme_notes.tour.notes", function (require) {
-"use strict";
+/** @odoo-module */
+
+import wTourUtils from 'website.tour_utils';
 
 const core = require("web.core");
 const _t = core._t;
-const wTourUtils = require("website.tour_utils");
-var tour = require("web_tour.tour");
 
 const snippets = [
     {
@@ -12,8 +11,16 @@ const snippets = [
         name: 'Carousel',
     },
     {
-        id: 's_image_text',
-        name: 'Image - Text',
+        id: 's_masonry_block',
+        name: 'Masonry',
+    },
+    {
+        id: 's_text_image',
+        name: 'Text - Image',
+    },
+    {
+        id: 's_product_catalog',
+        name: 'Pricelist',
     },
     {
         id: 's_media_list',
@@ -27,12 +34,14 @@ const snippets = [
 
 wTourUtils.registerThemeHomepageTour("notes_tour", [
     wTourUtils.dragNDrop(snippets[0]),
-    wTourUtils.clickOnText(snippets[0], 'h2'),
+    wTourUtils.clickOnText(snippets[0], 'h1'),
     wTourUtils.goBackToBlocks(),
     wTourUtils.dragNDrop(snippets[1]),
     wTourUtils.dragNDrop(snippets[2]),
-    wTourUtils.dragNDrop(snippets[3]),
-    wTourUtils.clickOnSnippet(snippets[3]),
+    wTourUtils.clickOnSnippet(snippets[2]),
     wTourUtils.changeOption('ContainerWidth', 'we-button-group.o_we_user_value_widget', _t('width')),
+    wTourUtils.goBackToBlocks(),
+    wTourUtils.dragNDrop(snippets[3]),
+    wTourUtils.dragNDrop(snippets[4]),
+    wTourUtils.dragNDrop(snippets[5]),
 ]);
-});