[REF] website: convert s_website_controller_page_listing to Owl

task-3850413

Author: bso-odoo

addons/website/__manifest__.py

@@ -95,7 +95,6 @@
         'views/snippets/s_dynamic_snippet.xml',
         'views/snippets/s_dynamic_snippet_carousel.xml',
         'views/snippets/s_embed_code.xml',
-        'views/snippets/s_website_controller_page_listing_layout.xml',
         'views/snippets/s_website_form.xml',
         'views/snippets/s_searchbar.xml',
         'views/snippets/s_button.xml',
@@ -285,6 +284,7 @@
             'website/static/src/snippets/s_dynamic_snippet_carousel/options.js',
             'website/static/src/snippets/s_dynamic_snippet_carousel/options.xml',
             'website/static/src/snippets/s_website_controller_page_listing_layout/options.js',
+            'website/static/src/snippets/s_website_controller_page_listing_layout/options.xml',
             'website/static/src/snippets/s_website_form/options.js',
             'website/static/src/js/form_editor_registry.js',
             'website/static/src/js/send_mail_form.js',

addons/website/static/src/snippets/s_website_controller_page_listing_layout/options.js

@@ -1,22 +1,28 @@
 /** @odoo-module **/
 
-import options from "@web_editor/js/editor/snippets.options.legacy";
+import { _t } from "@web/core/l10n/translation";
+import {
+    SnippetOption,
+} from "@web_editor/js/editor/snippets.options";
 import { rpc } from "@web/core/network/rpc";
+import {
+    registerWebsiteOption,
+} from "@website/js/editor/snippets.registry";
 
 const mainObjectRe = /website\.controller\.page\(((\d+,?)*)\)/;
 
-options.registry.WebsiteControllerPageListingLayout = options.Class.extend({
-    init() {
-        this._super(...arguments);
-        this.orm = this.bindService("orm");
+export class WebsiteControllerPageListingLayoutOption extends SnippetOption {
+
+    constructor() {
+        super(...arguments);
+        this.orm = this.env.services.orm;
         this.resModel = "website.controller.page";
-    },
+    }
 
     /**
      * @override
      */
     async willStart() {
-        const _super = this._super.bind(this);
         const mainObjectRepr = this.$target[0].ownerDocument.documentElement.getAttribute("data-main-object");
         const match = mainObjectRe.exec(mainObjectRepr);
         if (match && match[1]) {
@@ -31,8 +37,8 @@ options.registry.WebsiteControllerPageListingLayout = options.Class.extend({
 
         const results = await this.orm.read(this.resModel, this.resIds, ["default_layout"]);
         this.layout = results[0]["default_layout"];
-        return _super(...arguments);
-    },
+        return super.willStart(...arguments);
+    }
 
     //--------------------------------------------------------------------------
     // Options
@@ -48,7 +54,7 @@ options.registry.WebsiteControllerPageListingLayout = options.Class.extend({
             this.orm.write(this.resModel, this.resIds, { default_layout: widgetValue }),
             rpc("/website/save_session_layout_mode", params),
         ]);
-    },
+    }
 
     //--------------------------------------------------------------------------
     // Private
@@ -68,5 +74,17 @@ options.registry.WebsiteControllerPageListingLayout = options.Class.extend({
             }
         }
         return this._super(...arguments);
-   },
+   }
+}
+
+registerWebsiteOption("WebsiteControllerPageListingLayout", {
+    Class: WebsiteControllerPageListingLayoutOption,
+    template: "website.s_website_controller_page_listing_layout_option",
+    selector: ".listing_layout_switcher",
+    noCheck: true,
+    data: {
+        string: _t("Layout"),
+        pageOptions:true,
+        groups: ["website.group_website_designer"]
+    },
 });

addons/website/static/src/snippets/s_website_controller_page_listing_layout/options.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+
+<t t-name="website.s_website_controller_page_listing_layout_option">
+    <!-- All records page -->
+    <WeRow title.translate="Default Layout">
+        <WeSelect name="'default_listing_layout'" noPreview="'true'" reload="'/'">
+            <WeButton setLayout="'grid'" name="'grid_view_opt'">Grid</WeButton>
+            <WeButton setLayout="'list'" name="'list_view_opt'">List</WeButton>
+        </WeSelect>
+    </WeRow>
+</t>
+
+</templates>