Jeremy KerstenandRomain Derie
54048cb228
Most of the website rendering process depends of customize_show views which are part of a configuration setup. Once it has been setup, it will most likely never change afterward. It makes sense to orm cache those infos to avoid having to query ir.ui.view table everytime we render something. Note that just store basic and small infos used for customize_show case. task-2211013 Co-authored-by: Romain Derie <rde@odoo.com> Co-authored-by: Jeremy Kersten <jke@odoo.com>
226 lines
13 KiB
XML
226 lines
13 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
|
|
<!-- ====== Template: Posts Loop ==========================================
|
|
Loop through post and call sub-templates (tags, cover..) in different position
|
|
according to the enabled options.
|
|
============================================================================ -->
|
|
<template id="posts_loop" name="Posts List">
|
|
<div id="o_wblog_posts_loop" t-att-class="'o_wblog_list_view' if opt_blog_list_view else ''">
|
|
|
|
<!-- Allow to filter post by published state. Visible only in edit-mode
|
|
and if both published/unpublished number is > 0 -->
|
|
<t t-if="state_info" t-set="state" t-value="state_info['state']"/>
|
|
|
|
<!-- Check for active options -->
|
|
<t t-set="opt_posts_loop_show_cover" t-value="is_view_active('website_blog.opt_posts_loop_show_cover')"/>
|
|
|
|
<div groups="website.group_website_designer" t-if="state_info and (state_info['published'] > 0 and state_info['unpublished'] > 0)">
|
|
<div class="bg-200 py-2 mb-4 alert alert-dismissable">
|
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close">×</button>
|
|
<span class="mr-1">Show:</span>
|
|
<div class="btn-group btn-group-sm">
|
|
<a t-attf-class="btn #{state == 'published' and 'btn-success' or 'btn-default bg-white border'}"
|
|
t-attf-href="#{state == 'published' and blog_url(state='') or blog_url(state='published')}">
|
|
<i t-attf-class="fa mr-1 #{state == 'published' and 'fa-check-square-o' or 'fa-square-o'}"/>
|
|
Published (<t t-esc="state_info['published']" />)
|
|
</a>
|
|
<a t-attf-class="btn #{state == 'unpublished' and 'btn-success' or 'btn-default bg-white border'}"
|
|
t-attf-href="#{state == 'unpublished' and blog_url(state='') or blog_url(state='unpublished')}">
|
|
<i t-attf-class="fa mr-1 #{state == 'unpublished' and 'fa-check-square-o' or 'fa-square-o'}"/>
|
|
Unpublished (<t t-esc="state_info['unpublished']" />)
|
|
</a>
|
|
</div>
|
|
<div class="pt-1 font-italic small">This box will not be visible to your visitors</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- No blog post yet -->
|
|
<div t-if="not posts and not first_post" class="row">
|
|
<div class="col">
|
|
<h2>No blog post yet.</h2>
|
|
<div class="alert alert-info" groups="website.group_website_designer">
|
|
Click on "<b>New</b>" in the top-right corner to write your first blog post.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div t-if="posts" t-attf-class="row #{'mx-n2' if not opt_blog_readable else ''}">
|
|
<!-- If posts are filtered by date or tags, show applyed filters -->
|
|
<div t-if="tag or date_begin" class="col-12 mb-3">
|
|
<div class="h4 mb-3"> <t t-esc="len(posts)"/>
|
|
<t t-if="len(posts) < 2">Article</t>
|
|
<t t-else="">Articles</t>
|
|
</div>
|
|
<t t-if="tag">
|
|
<!-- Show active tags with a category set -->
|
|
<t t-foreach="tag_category" t-as="nav_tag_category">
|
|
<t t-call="website_blog.tags_list">
|
|
<t t-set='tags' t-value='nav_tag_category.tag_ids' />
|
|
<t t-set='dismissibleBtn' t-value="True"/>
|
|
</t>
|
|
</t>
|
|
|
|
<!-- Show active tags without a category set -->
|
|
<t t-call="website_blog.tags_list">
|
|
<t t-set='tags' t-value='other_tags'/>
|
|
<t t-set='dismissibleBtn' t-value="True"/>
|
|
</t>
|
|
</t>
|
|
<span t-if="date_begin" class="align-items-baseline border d-inline-flex pl-2 rounded mb-2">
|
|
<i class="fa fa-calendar-o mr-2 text-muted"/>
|
|
<t t-esc="date_begin" t-options="{'widget': 'date', 'format': 'MMM yyyy'}"></t>
|
|
<a t-attf-href="#{blog_url(date_begin=False, date_end=False)}" class="btn border-0 py-1">×</a>
|
|
</span>
|
|
<hr class="mt-2"/>
|
|
</div>
|
|
|
|
<!-- Define 'colWidth' qWeb variable, to be assigned later.
|
|
Adjust accordingly if sidebar and/or readability modes are active. -->
|
|
<t t-if="not opt_blog_list_view">
|
|
<t t-if="opt_blog_readable">
|
|
<t t-if="opt_blog_sidebar_show" t-set="colWidth" t-value="'col-md-6'"/>
|
|
<t t-else="" t-set="colWidth" t-value="'col-md-6 col-xl-4'"/>
|
|
</t>
|
|
<t t-else="">
|
|
<t t-if="opt_blog_sidebar_show" t-set="colWidth" t-value="'px-2 col-md-6 col-xl-4'"/>
|
|
<t t-else="" t-set="colWidth" t-value="'px-2 col-sm-6 col-lg-4 col-xl-3'"/>
|
|
</t>
|
|
</t>
|
|
<!-- Loop through posts: exclude the first one if already displayed as top banner -->
|
|
<t t-foreach="posts" t-as="blog_post">
|
|
<!-- Assign 'colWidth': 'col-12' is default for List-View and mobile -->
|
|
<div t-attf-class="pb-4 col-12 #{colWidth}">
|
|
<article t-attf-class="o_wblog_post position-relative #{'card h-100' if opt_blog_cards_design else ''}" name="blog_post">
|
|
<!-- List-View Design -->
|
|
<t t-if="opt_blog_list_view">
|
|
<div t-att-class="opt_blog_cards_design and 'card-body py-3'">
|
|
<t t-call="website_blog.post_heading"/>
|
|
</div>
|
|
<div t-if="not opt_blog_cards_design" class="py-2">
|
|
<t t-call="website_blog.post_info"></t>
|
|
</div>
|
|
<div t-if="opt_posts_loop_show_cover">
|
|
<t t-call="website_blog.post_cover_image"/>
|
|
</div>
|
|
<div t-if="is_view_active('website_blog.opt_posts_loop_show_teaser')" t-att-class="opt_blog_cards_design and 'card-body pt-0'">
|
|
<t t-call="website_blog.post_teaser"/>
|
|
</div>
|
|
<div t-if="opt_blog_cards_design" t-attf-class="opt_blog_cards_design and 'card-body pt-0 pb-2'}">
|
|
<t t-call="website_blog.post_info"></t>
|
|
</div>
|
|
<div t-else="" class="mt-3">
|
|
<a t-attf-href="/blog/#{slug(blog_post.blog_id)}/post/#{slug(blog_post)}" class="btn btn-primary">
|
|
Read more <i class="fa fa-chevron-right ml-2"/>
|
|
</a>
|
|
</div>
|
|
</t>
|
|
<!-- Grid-View Design -->
|
|
<t t-if="not opt_blog_list_view">
|
|
<t t-if="opt_posts_loop_show_cover" t-call="website_blog.post_cover_image"/>
|
|
<div t-att-class="opt_blog_cards_design and 'card-body px-2 py-0 mb-2'">
|
|
<t t-call="website_blog.post_heading"/>
|
|
<div t-if="is_view_active('website_blog.opt_posts_loop_show_teaser')">
|
|
<t t-call="website_blog.post_teaser"/>
|
|
</div>
|
|
</div>
|
|
<div t-attf-class="o_wblog_normalize_font #{'card-footer px-2 pb-2' if opt_blog_cards_design else 'pr-2 pb-2'}">
|
|
<t t-call="website_blog.post_info"></t>
|
|
</div>
|
|
</t>
|
|
<!-- Add 'unpublished' badge -->
|
|
<span t-if="not blog_post.website_published" class="bg-danger small py-1 px-2 position-absolute o_not_editable" style="top:0; right:0">unpublished</span>
|
|
</article>
|
|
</div>
|
|
<!-- List-View Design, add <hr> after post -->
|
|
<div t-if="opt_blog_list_view and not blog_post_last" class="col-12 mt-2 mb-5 px-2"><hr/></div>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<!-- ====== Sub-Template: Posts list : Posts Heading =================== -->
|
|
<template id="post_heading">
|
|
<a t-attf-href="/blog/#{slug(blog_post.blog_id)}/post/#{slug(blog_post)}"
|
|
t-field="blog_post.name"
|
|
t-attf-class="d-block text-reset text-decoration-none o_blog_post_title my-0 #{'h3' if opt_blog_list_view else ('h5' if opt_blog_readable else 'h6')}">
|
|
Untitled Post
|
|
</a>
|
|
|
|
<div t-if="not opt_posts_loop_show_cover and is_view_active('website_blog.opt_posts_loop_show_author')" class="text-muted small mt-2">
|
|
by <span t-field="blog_post.author_id"/>
|
|
</div>
|
|
</template>
|
|
|
|
<!-- ====== Sub-Template: Posts list : Posts Info ======================= -->
|
|
<template id="post_info">
|
|
<div class="d-flex small flex-wrap mb-1 w-100">
|
|
<div t-attf-class="d-flex flex-wrap align-items-center justify-content-between mx-n2 #{opt_blog_list_view and 'flex-grow-0 w-auto mw-100' or 'flex-grow-1' }">
|
|
<time t-field="blog_post.post_date" class="text-nowrap font-weight-bold px-2" t-options='{"format": "MMM d, yyyy"}'/>
|
|
<div t-if="is_view_active('website_blog.opt_posts_loop_show_stats')" class="px-2">
|
|
<b class="text-nowrap" title="Comments"><i class="fa fa-comment text-muted mr-1"/><t t-esc="len(blog_post.message_ids)"/></b>
|
|
<b class="text-nowrap pl-2" title="Views"><i class="fa fa-binoculars text-muted mr-1"/><t t-esc="blog_post.visits"/></b>
|
|
</div>
|
|
<b t-if="posts_list_show_parent_blog" class="text-nowrap text-truncate px-2">
|
|
<i class="fa fa-folder-open text-muted"/>
|
|
<a t-attf-href="/blog/#{slug(blog_post.blog_id)}" t-field="blog_post.blog_id"/>
|
|
</b>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<!-- ====== Sub-Template: Posts list : Posts Cover ====================== -->
|
|
<template id="post_cover_image">
|
|
<t t-if="opt_blog_cards_design and not opt_blog_list_view" t-set="classes" t-value="'card-img-top mb-2'"/>
|
|
<t t-if="not opt_blog_cards_design and opt_blog_list_view" t-set="classes" t-value="'o_wblog_post_cover_nocard'"/>
|
|
|
|
<a t-attf-href="/blog/#{slug(blog_post.blog_id)}/post/#{slug(blog_post)}"
|
|
t-attf-class="text-decoration-none d-block #{classes or 'mb-2'}"
|
|
t-att-style="not blog_post.website_published and 'opacity:0.6;'">
|
|
|
|
<t t-call="website.record_cover">
|
|
<t t-set="_record" t-value="blog_post"/>
|
|
<t t-set="additionnal_classes" t-value="'o_list_cover o_not_editable ' + (not opt_blog_cards_design and ' rounded overflow-hidden shadow mb-3' or '')"/>
|
|
|
|
<t t-if="is_view_active('website_blog.opt_posts_loop_show_author')" t-call="website_blog.post_author">
|
|
<t t-set="additionnal_classes" t-value="'o_wblog_post_list_author o_list_cover d-flex text-white w-100 o_not_editable ' + ('p-3 h5 m-0' if opt_blog_list_view else 'px-2 pb-2 pt-3') "/>
|
|
<t t-set="hide_date" t-value="True"/>
|
|
</t>
|
|
</t>
|
|
</a>
|
|
</template>
|
|
|
|
<!-- ====== Sub-Template: Posts list : Posts Teaser + Tags ============= -->
|
|
<template id="post_teaser">
|
|
<a t-attf-href="/blog/#{slug(blog_post.blog_id)}/post/#{slug(blog_post)}" class="text-reset text-decoration-none">
|
|
<div t-if="opt_blog_list_view" t-field="blog_post.teaser" class="mt-2 o_wblog_read_text"/>
|
|
<div t-else="" t-field="blog_post.teaser" t-attf-class="mt-2 #{opt_blog_readable and 'o_wblog_normalize_font'}"/>
|
|
</a>
|
|
|
|
<!-- Tags -->
|
|
<div t-if="len(blog_post.tag_ids)" class="o_wblog_post_short_tag_section d-flex align-items-center flex-wrap pt-2">
|
|
<t t-foreach="blog_post.tag_ids" t-as="one_tag">
|
|
<a t-attf-href="#{blog_url(tag=tags_list(active_tag_ids, one_tag.id))}"
|
|
t-attf-class="badge mb-2 mr-1 text-truncate #{one_tag.id in active_tag_ids and 'badge-primary' or 'border'}"
|
|
t-esc="one_tag.name"/>
|
|
</t>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<!-- ====================== 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"/>
|
|
|
|
<!-- (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"/>
|
|
|
|
<!-- (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"/>
|
|
|
|
<!-- (Option) Posts List: Show Post Teaser -->
|
|
<template id="opt_posts_loop_show_teaser" name="Teaser & Tags" inherit_id="website_blog.posts_loop" active="True" customize_show="True"/>
|
|
|
|
</odoo>
|