You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
251 lines
14 KiB
251 lines
14 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<odoo>
|
|
<!-- Blog templates customization-->
|
|
<template id="boec_blog" name="Boec Blog" inherit_id="website_blog.blog_post_short">
|
|
<xpath expr="//div[@id='o_wblog_blog_top']" position="replace">
|
|
<Section class="banner_sub2">
|
|
<div class="wrapper">
|
|
<div class="b_heading">
|
|
Our Blog
|
|
</div>
|
|
</div>
|
|
</Section>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="boec_blog_search" name="Boec Blog Search"
|
|
inherit_id="website_blog.blogs_nav">
|
|
<xpath expr="//t[@t-call='website.website_search_box_input']"
|
|
position="replace">
|
|
<form id="o_wblog_post_search" class="m-auto w-100" role="search"
|
|
t-att-action="blog_url(tag=tag,search=search)" method="get">
|
|
<t t-call="website.website_search_box">
|
|
<t t-set="_classes" t-valuef="w-100"/>
|
|
</t>
|
|
</form>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="boec_blog_view" name="Boec Blog View"
|
|
inherit_id="website_blog.posts_loop">
|
|
<xpath expr="//div[@id='o_wblog_posts_loop']" position="replace">
|
|
<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>
|
|
|
|
<div t-attf-class="row #{posts and not opt_blog_readable and 'mx-n2'}">
|
|
<!-- Filters -->
|
|
<div t-if="tag or date_begin or search" class="col-12 mb-3">
|
|
<div t-if="posts" class="h4 mb-3">
|
|
<t t-esc="len(posts)"/>
|
|
<t t-if="len(posts) < 2">Article</t>
|
|
<t t-else="">Articles</t>
|
|
</div>
|
|
<span t-if="search"
|
|
class="align-items-baseline border d-inline-flex pl-2 rounded mb-2">
|
|
<i class="fa fa-search mr-2 text-muted"/>
|
|
<t t-esc="search"/>
|
|
<a t-att-href="blog_url(search=False, tag=tag)"
|
|
class="btn border-0 py-1 post_link">×
|
|
</a>
|
|
</span>
|
|
<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'}"/>
|
|
<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>
|
|
|
|
<!-- No blog post yet -->
|
|
<div t-if="not posts" class="col">
|
|
<t t-set="no_results_str">No results for "%s".</t>
|
|
<h2 t-if="search" t-esc="no_results_str % search"
|
|
class="font-weight-bold"/>
|
|
<h2 t-else="">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>
|
|
|
|
<!-- Posts -->
|
|
|
|
<!-- 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"/>
|
|
</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"/>
|
|
</div>
|
|
<div t-else="" class="mt-3">
|
|
<a t-attf-href="/blog/#{slug(blog_post.blog_id)}/#{slug(blog_post)}"
|
|
class="btn btn-primary">
|
|
Read more
|
|
<i class="fa fa-chevron-right ml-2"/>
|
|
</a>
|
|
</div>
|
|
</t>
|
|
<!-- Grid-View Design -->
|
|
<section class="blog">
|
|
<div class="wrapper">
|
|
<div class="container">
|
|
<div class="card-deck">
|
|
<t t-if="not opt_blog_list_view">
|
|
<div class="card">
|
|
<div class="card-img-top">
|
|
<t t-if="opt_posts_loop_show_cover"
|
|
t-call="website_blog.post_cover_image"/>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="wrapper">
|
|
<t t-call="website_blog.post_info"/>
|
|
<h5 class="card-title">
|
|
<t t-call="website_blog.post_heading"/>
|
|
</h5>
|
|
<a t-attf-href="/blog/#{slug(blog_post.blog_id)}/#{slug(blog_post)}"
|
|
class="btn btn-dp">
|
|
Read More
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</t>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- 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>
|
|
</xpath>
|
|
</template>
|
|
<template id="boec_blog_post_info" name="Boec Blog Post Info"
|
|
inherit_id="website_blog.post_info">
|
|
<xpath expr="//div[hasclass('d-flex')]" position="replace">
|
|
<div class="d-flex small flex-wrap mb-1 w-100" id="boec_blog_info">
|
|
<div t-attf-class="d-flex flex-wrap align-items-center justify-content-between #{opt_blog_list_view and 'flex-grow-0 w-auto mw-100' or 'flex-grow-1' }">
|
|
<i class="far fa-calendar-alt">
|
|
<time t-field="blog_post.post_date"
|
|
class="text-nowrap font-weight-bold px-2"
|
|
t-options='{"format": "MMM d, yyyy"}'/>
|
|
</i>
|
|
<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>
|
|
</div>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
</odoo>
|