From 59e01b7a7618250448bf77e72e5e8ef89091380b Mon Sep 17 00:00:00 2001
From: Benjamin Vray <bvr@odoo.com>
Date: Tue, 22 Feb 2022 15:16:02 +0100
Subject: [PATCH] [IMP] website_blog: adapt customize show options in blog
 pages

This commit adapts "customize show" options from the website blog module
by creating new options available in edit mode.

See merge commit for more information.

task-2710582
---
 .../website_blog/views/snippets/snippets.xml  | 126 ++++++++++++++++++
 .../views/website_blog_components.xml         |  16 +--
 .../views/website_blog_posts_loop.xml         |   8 +-
 .../views/website_blog_templates.xml          |  28 ++--
 4 files changed, 152 insertions(+), 26 deletions(-)

diff --git a/addons/website_blog/views/snippets/snippets.xml b/addons/website_blog/views/snippets/snippets.xml
index a1e427c5c76..d2d0f8a0ec2 100644
--- a/addons/website_blog/views/snippets/snippets.xml
+++ b/addons/website_blog/views/snippets/snippets.xml
@@ -17,6 +17,132 @@
                 data-set-tags=""
                 data-create-method="createTag"/>
         </div>
+        <!-- Blog Posts page  -->
+        <div data-selector="main:has(#o_wblog_index_content)" data-page-options="true" data-no-check="true" string="Blogs Page">
+            <we-select string="Top Banner" data-no-preview="true" data-reload="/">
+                <we-button data-customize-website-views="website_blog.opt_blog_cover_post"
+                    data-name="blog_cover_opt">Name / Latest Post</we-button>
+                <we-button data-customize-website-views="">Drop Zone for Building Blocks</we-button>
+            </we-select>
+            <we-checkbox string="⌙ Full-Width"
+                         data-customize-website-views="website_blog.opt_blog_cover_post_fullwidth_design"
+                         data-dependencies="blog_cover_opt"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-select string="Layout" data-no-preview="true" data-reload="/">
+                <we-button data-customize-website-views="">Grid</we-button>
+                <we-button data-customize-website-views="website_blog.opt_blog_list_view">List</we-button>
+            </we-select>
+            <we-checkbox string="⌙ Cards"
+                         data-customize-website-views="website_blog.opt_blog_cards_design"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Increase Readability"
+                         data-customize-website-views="website_blog.opt_blog_readable"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="Sidebar"
+                         data-name="blog_posts_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_blog_sidebar_show"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Archives"
+                         data-dependencies="blog_posts_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_sidebar_blog_index_archives"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Follow us"
+                         data-dependencies="blog_posts_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_sidebar_blog_index_follow_us"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Tags List"
+                         data-dependencies="blog_posts_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_sidebar_blog_index_tags"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-select string="Posts List" data-no-preview="true" data-reload="/">
+                <we-button data-customize-website-views="">No Cover</we-button>
+                <we-button data-customize-website-views="website_blog.opt_posts_loop_show_cover">Cover</we-button>
+            </we-select>
+            <we-checkbox string="⌙ Author"
+                         data-customize-website-views="website_blog.opt_posts_loop_show_author"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Comments/Views Stats"
+                         data-customize-website-views="website_blog.opt_posts_loop_show_stats"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Teaser &amp; Tags"
+                         data-customize-website-views="website_blog.opt_posts_loop_show_teaser"
+                         data-no-preview="true"
+                         data-reload="/"/>
+        </div>
+        <!-- Blog Post page  -->
+        <div data-selector="main:has(#o_wblog_post_main)" data-page-options="true" data-no-check="true" string="Blog Page">
+            <we-select string="Layout" data-no-preview="true" data-reload="/">
+                <we-button data-customize-website-views="website_blog.opt_blog_post_regular_cover">Title Above Cover</we-button>
+                <we-button data-customize-website-views="">Title Inside Cover</we-button>
+            </we-select>
+            <we-checkbox string="⌙ Increase Readability"
+                         data-customize-website-views="website_blog.opt_blog_post_readable"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="Sidebar"
+                         data-name="blog_post_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_blog_post_sidebar"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Archive"
+                         data-dependencies="blog_post_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_blog_post_archive_display"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Author"
+                         data-dependencies="blog_post_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_blog_post_author_avatar_display"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Blogs List"
+                         data-dependencies="blog_post_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_blog_post_blogs_display"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Share Links"
+                         data-dependencies="blog_post_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_blog_post_share_links_display"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="⌙ Tags"
+                         data-dependencies="blog_post_sidebar_opt"
+                         data-customize-website-views="website_blog.opt_blog_post_tags_display"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="Breadcrumb"
+                         data-customize-website-views="website_blog.opt_blog_post_breadcrumb"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-row string="Bottom" class="o_we_full_row">
+                <we-button string="Next Article"
+                           data-customize-website-views="website_blog.opt_blog_post_read_next"
+                           data-no-preview="true"
+                           data-reload="/"/>
+                <we-button string="Comments"
+                           data-name="allow_comments_opt"
+                           data-customize-website-views="website_blog.opt_blog_post_comment"
+                           data-no-preview="true"
+                           data-reload="/"/>
+            </we-row>
+            <we-checkbox string="⌙ Select to Comment"
+                         data-dependencies="allow_comments_opt"
+                         data-customize-website-views="website_blog.opt_blog_post_select_to_comment"
+                         data-no-preview="true"
+                         data-reload="/"/>
+            <we-checkbox string="Select to Tweet"
+                         data-customize-website-views="website_blog.opt_blog_post_select_to_tweet"
+                         data-no-preview="true"
+                         data-reload="/"/>
+        </div>
     </xpath>
     <xpath expr="//*[@data-js='anchor']" position="attributes">
         <attribute name="data-exclude" add=".o_wblog_post_content_field > :not(div, section)" separator=","/>
diff --git a/addons/website_blog/views/website_blog_components.xml b/addons/website_blog/views/website_blog_components.xml
index bc6bc73c40a..58c3c27578b 100644
--- a/addons/website_blog/views/website_blog_components.xml
+++ b/addons/website_blog/views/website_blog_components.xml
@@ -122,7 +122,7 @@ Options:
 </template>
 
 <!-- (Option) Sidebar Blog: Follow Us -->
-<template id="opt_sidebar_blog_index_follow_us" name="Follow Us" priority="1" inherit_id="website_blog.sidebar_blog_index" active="True" customize_show="True">
+<template id="opt_sidebar_blog_index_follow_us" name="Follow Us" priority="1" inherit_id="website_blog.sidebar_blog_index" active="True">
     <xpath expr="//div[@id='o_wblog_sidebar']" position="inside">
         <div class="o_wblog_sidebar_block pb-5">
             <h6 class="text-uppercase pb-2 mb-4 border-bottom font-weight-bold">Follow Us</h6>
@@ -147,7 +147,7 @@ Options:
 </template>
 
 <!-- (Option) Sidebar Blog: Archives -->
-<template id="opt_sidebar_blog_index_archives" name="Archives" priority="2" inherit_id="website_blog.sidebar_blog_index" active="True" customize_show="True">
+<template id="opt_sidebar_blog_index_archives" name="Archives" priority="2" inherit_id="website_blog.sidebar_blog_index" active="True">
     <xpath expr="//div[@id='o_wblog_sidebar']" position="inside">
         <div class="o_wblog_sidebar_block pb-5">
             <h6 class="text-uppercase pb-2 mb-4 border-bottom font-weight-bold">Archives</h6>
@@ -159,7 +159,7 @@ Options:
 </template>
 
 <!-- (Option) Sidebar Blog: Show tags -->
-<template id="opt_sidebar_blog_index_tags" name="Tags List" priority="3" inherit_id="website_blog.sidebar_blog_index" active="True" customize_show="True">
+<template id="opt_sidebar_blog_index_tags" name="Tags List" priority="3" inherit_id="website_blog.sidebar_blog_index" active="True">
     <xpath expr="//div[@id='o_wblog_sidebar']" position="inside">
 
         <div t-if="other_tags or tag_category" class="o_wblog_sidebar_block pb-5">
@@ -201,7 +201,7 @@ Display a sidebar beside the post content.
 
 
 <!-- (Option) Post Sidebar: Author avatar -->
-<template id="opt_blog_post_author_avatar_display" name="Author" inherit_id="website_blog.blog_post_sidebar" active="True" customize_show="True" priority="1">
+<template id="opt_blog_post_author_avatar_display" name="Author" inherit_id="website_blog.blog_post_sidebar" active="True" priority="1">
     <xpath expr="//div[@id='o_wblog_post_sidebar']" position="inside">
         <div class="o_wblog_sidebar_block pb-5">
             <t t-call="website_blog.post_author">
@@ -213,7 +213,7 @@ Display a sidebar beside the post content.
 </template>
 
 <!-- (Option) Post Sidebar: Share Links Display -->
-<template id="opt_blog_post_share_links_display" name="Share Links" inherit_id="website_blog.blog_post_sidebar" active="True" customize_show="True" priority="2">
+<template id="opt_blog_post_share_links_display" name="Share Links" inherit_id="website_blog.blog_post_sidebar" active="True" priority="2">
     <xpath expr="//div[@id='o_wblog_post_sidebar']" position="inside">
         <div class="o_wblog_sidebar_block pb-5">
             <h6 class="text-uppercase pb-3 mb-4 border-bottom font-weight-bold">Share this post</h6>
@@ -231,7 +231,7 @@ Display a sidebar beside the post content.
 </template>
 
 <!-- (Option) Post Sidebar: display tags -->
-<template id="opt_blog_post_tags_display" name="Tags" inherit_id="website_blog.blog_post_sidebar" active="True" customize_show="True" priority="3">
+<template id="opt_blog_post_tags_display" name="Tags" inherit_id="website_blog.blog_post_sidebar" active="True" priority="3">
     <xpath expr="//div[@id='o_wblog_post_sidebar']" position="inside">
         <div class="o_wblog_sidebar_block pb-5">
             <h6 class="text-uppercase pb-3 mb-4 border-bottom font-weight-bold">Tags</h6>
@@ -255,7 +255,7 @@ Display a sidebar beside the post content.
 </template>
 
 <!-- (Option) Post Sidebar: display Blogs list -->
-<template id="opt_blog_post_blogs_display" name="Blogs List" inherit_id="website_blog.blog_post_sidebar" active="True" customize_show="True" priority="4">
+<template id="opt_blog_post_blogs_display" name="Blogs List" inherit_id="website_blog.blog_post_sidebar" active="True" priority="4">
     <xpath expr="//div[@id='o_wblog_post_sidebar']" position="inside">
         <div t-if="len(blogs) > 1" class="o_wblog_sidebar_block pb-5">
             <h6 class="text-uppercase pb-3 mb-4 border-bottom font-weight-bold">Our blogs</h6>
@@ -270,7 +270,7 @@ Display a sidebar beside the post content.
 </template>
 
 <!-- (Option) Post Sidebar: display Archive -->
-<template id="opt_blog_post_archive_display" name="Archive" inherit_id="website_blog.blog_post_sidebar" active="True" customize_show="True" priority="5">
+<template id="opt_blog_post_archive_display" name="Archive" inherit_id="website_blog.blog_post_sidebar" active="True" priority="5">
     <xpath expr="//div[@id='o_wblog_post_sidebar']" position="inside">
         <div class="o_wblog_sidebar_block pb-5">
             <h6 class="text-uppercase pb-3 mb-4 border-bottom font-weight-bold">Archive</h6>
diff --git a/addons/website_blog/views/website_blog_posts_loop.xml b/addons/website_blog/views/website_blog_posts_loop.xml
index 2f6b1f4fbaf..149694186d4 100644
--- a/addons/website_blog/views/website_blog_posts_loop.xml
+++ b/addons/website_blog/views/website_blog_posts_loop.xml
@@ -223,15 +223,15 @@ according to the enabled options.
 <!--   ======================      OPTIONS      ===========================  -->
 <!--   ====================================================================  -->
 <!-- (Option) Posts List: Show Covers -->
-<template id="opt_posts_loop_show_cover" name="Cover" inherit_id="website_blog.posts_loop" active="True" customize_show="True"/>
+<template id="opt_posts_loop_show_cover" name="Cover" inherit_id="website_blog.posts_loop" active="True"/>
 
 <!-- (Option) Posts List: Show Author -->
-<template id="opt_posts_loop_show_author" name="Author" inherit_id="website_blog.posts_loop" active="True" customize_show="True"/>
+<template id="opt_posts_loop_show_author" name="Author" inherit_id="website_blog.posts_loop" active="True"/>
 
 <!-- (Option) Posts List: Show Post Stats -->
-<template id="opt_posts_loop_show_stats" name="Comments/Views Stats" inherit_id="website_blog.posts_loop" active="False" customize_show="True"/>
+<template id="opt_posts_loop_show_stats" name="Comments/Views Stats" inherit_id="website_blog.posts_loop" active="False"/>
 
 <!-- (Option) Posts List: Show Post Teaser -->
-<template id="opt_posts_loop_show_teaser" name="Teaser &amp; Tags" inherit_id="website_blog.posts_loop" active="True" customize_show="True"/>
+<template id="opt_posts_loop_show_teaser" name="Teaser &amp; Tags" inherit_id="website_blog.posts_loop" active="True"/>
 
 </odoo>
diff --git a/addons/website_blog/views/website_blog_templates.xml b/addons/website_blog/views/website_blog_templates.xml
index 95edd3f7d08..a91e11cd37c 100644
--- a/addons/website_blog/views/website_blog_templates.xml
+++ b/addons/website_blog/views/website_blog_templates.xml
@@ -92,7 +92,7 @@ list of filtered posts (by date or tag).
 <!-- (Option) Blog: Show latest-post as top banner
     Replace top-banner content with the latest published post
 -->
-<template id="opt_blog_cover_post" name="Top banner - Name / Latest Post" inherit_id="website_blog.blog_post_short" active="True" customize_show="True">
+<template id="opt_blog_cover_post" name="Top banner - Name / Latest Post" inherit_id="website_blog.blog_post_short" active="True">
     <xpath expr="//div[@id='o_wblog_blog_top_droppable']" position="replace">
         <div t-if="first_post or blog" class="container">
             <div class="row py-4">
@@ -135,7 +135,7 @@ list of filtered posts (by date or tag).
 </template>
 
 <!-- (Option) Blog: Show latest-post as top banner : 'Full Width' design -->
-<template id="opt_blog_cover_post_fullwidth_design" name="Full-Width Cover" inherit_id="website_blog.opt_blog_cover_post" active="True" customize_show="True">
+<template id="opt_blog_cover_post_fullwidth_design" name="Full-Width Cover" inherit_id="website_blog.opt_blog_cover_post" active="True">
     <xpath expr="//div[hasclass('container')]" position="replace">
         <t t-if="blog or first_post" t-call="website.record_cover">
             <t t-set="_record" t-value="blog or first_post"/>
@@ -169,7 +169,7 @@ list of filtered posts (by date or tag).
 
 
 <!-- (Option) Blog: Sidebar : Show -->
-<template id="opt_blog_sidebar_show" name="Show Sidebar" inherit_id="website_blog.blog_post_short" active="False" customize_show="True">
+<template id="opt_blog_sidebar_show" name="Show Sidebar" inherit_id="website_blog.blog_post_short" active="False">
     <xpath expr="//div[@id='o_wblog_posts_loop_container']" position="after">
         <div t-if="opt_blog_list_view" class="border-right d-none d-lg-block" style="opacity: 0.5"/>
         <div t-attf-class="col-12 col-md-3 d-flex #{opt_blog_list_view and 'col-lg-4' or 'ml-lg-5'}">
@@ -181,18 +181,18 @@ list of filtered posts (by date or tag).
 <!-- (Option) Blog: Posts List: Cards design
     Wrap posts in a standard bts cards components
 -->
-<template id="opt_blog_cards_design" name="'Cards' Design" inherit_id="website_blog.blog_post_short" active="False" customize_show="True"/>
+<template id="opt_blog_cards_design" name="'Cards' Design" inherit_id="website_blog.blog_post_short" active="False"/>
 
 
 <!-- (Option) Blog: Show Posts in list-view
     Display post in a list rather than a grid
 -->
-<template id="opt_blog_list_view" name="List View" inherit_id="website_blog.blog_post_short" active="False" customize_show="True"/>
+<template id="opt_blog_list_view" name="List View" inherit_id="website_blog.blog_post_short" active="False"/>
 
 <!-- (Option) Blog: Increase readability
     Increase font-size, adapt layout
 -->
-<template id="opt_blog_readable" name="Increase Readability" inherit_id="website_blog.blog_post_short" active="True" customize_show="True"/>
+<template id="opt_blog_readable" name="Increase Readability" inherit_id="website_blog.blog_post_short" active="True"/>
 
 
 <!-- ====== Blog Post Complete Layout ==========================================
@@ -284,17 +284,17 @@ list of filtered posts (by date or tag).
 <!-- (Option) Post: Increase readability
     Increase font-size, adapt content width
 -->
-<template id="opt_blog_post_readable" name="Increase Readability" inherit_id="website_blog.blog_post_complete" active="True" customize_show="True"/>
+<template id="opt_blog_post_readable" name="Increase Readability" inherit_id="website_blog.blog_post_complete" active="True"/>
 
 <!-- (Option) Post: Show Sidebar
     Show sidebar beside the post content
 -->
-<template id="opt_blog_post_sidebar" name="Show Sidebar" inherit_id="website_blog.blog_post_complete" active="False" customize_show="True"/>
+<template id="opt_blog_post_sidebar" name="Show Sidebar" inherit_id="website_blog.blog_post_complete" active="False"/>
 
 <!-- (Option) Post: Regular Cover
     Use 'regular cover' design rather than the fullwidth one
 -->
-<template id="opt_blog_post_regular_cover" name="'Regular' Cover" inherit_id="website_blog.blog_post_complete" active="False" customize_show="True">
+<template id="opt_blog_post_regular_cover" name="'Regular' Cover" inherit_id="website_blog.blog_post_complete" active="False">
     <xpath expr="//div[@id='title']" position="replace">
         <div class="container">
             <t t-set="readableClass" t-if="opt_blog_post_readable and opt_blog_post_sidebar" t-value="'o_wblog_read_with_sidebar mx-auto'"/>
@@ -345,17 +345,17 @@ list of filtered posts (by date or tag).
 <!-- (Option) Post: Show Breadcrumb
     Display navigation breadcrumbs before the post content
 -->
-<template id="opt_blog_post_breadcrumb" name="Show Breadcrumb" inherit_id="website_blog.blog_post_complete" active="True" customize_show="True"/>
+<template id="opt_blog_post_breadcrumb" name="Show Breadcrumb" inherit_id="website_blog.blog_post_complete" active="True"/>
 
 <!-- (Option) Post: Select text to Tweet
     Allow to select text to tweet it
 -->
-<template id="opt_blog_post_select_to_tweet" name="Select to Tweet" inherit_id="website_blog.blog_post_complete" active="False" customize_show="True"/>
+<template id="opt_blog_post_select_to_tweet" name="Select to Tweet" inherit_id="website_blog.blog_post_complete" active="False"/>
 
 <!-- (Option) Post: Comments
     Enable comments
 -->
-<template id="opt_blog_post_comment" name="Allow Comments" inherit_id="website_blog.blog_post_complete" active="False" customize_show="True">
+<template id="opt_blog_post_comment" name="Allow Comments" inherit_id="website_blog.blog_post_complete" active="False">
     <xpath expr="//section[@id='o_wblog_post_main']" position="inside">
         <t t-set="readableClass" t-if="opt_blog_post_readable and opt_blog_post_sidebar" t-value="'o_wblog_read_with_sidebar'"/>
         <t t-set="readableClass" t-elif="opt_blog_post_readable" t-value="'o_container_small'"/>
@@ -378,12 +378,12 @@ list of filtered posts (by date or tag).
 <!-- (Option) Post: Comments: Select text to Comment
     Allow to select text to comment it
 -->
-<template id="opt_blog_post_select_to_comment" name="Select to Comment" inherit_id="website_blog.opt_blog_post_comment" active="False" customize_show="True"/>
+<template id="opt_blog_post_select_to_comment" name="Select to Comment" inherit_id="website_blog.opt_blog_post_comment" active="False"/>
 
 <!-- (Option) Post : Read Next Article
     Show 'read next' banner at the bottom of the page
 -->
-<template id="opt_blog_post_read_next" name="Read Next Article" inherit_id="website_blog.blog_post_complete" active="True" customize_show="True">
+<template id="opt_blog_post_read_next" name="Read Next Article" inherit_id="website_blog.blog_post_complete" active="True">
     <xpath expr="//section[@id='o_wblog_post_footer']" position="inside">
         <div t-if="next_post" class="mt-5">
             <t t-if="opt_blog_post_regular_cover">