[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
This commit is contained in:
Benjamin Vray
2022-06-24 10:28:05 +02:00
committed by qsm-odoo
parent 17a8a37e9b
commit 59e01b7a76
4 changed files with 152 additions and 26 deletions
@@ -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=","/>
@@ -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>
@@ -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>
@@ -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">