From 537644ec3e54bde63d77a33eaf4acccd3c367ac4 Mon Sep 17 00:00:00 2001
From: Jeremy Kersten <jke@odoo.com>
Date: Mon, 3 Feb 2020 15:25:01 +0000
Subject: [PATCH] [IMP] website_blog: activate cover snippet on edit mode enter

As this is the first thing you want to do when creating a blog, it will ease
the onboarding.

task-2144335
---
 addons/web_editor/static/src/js/editor/snippets.editor.js | 5 +++++
 addons/website/views/website_templates.xml                | 2 +-
 addons/website_blog/views/website_blog_templates.xml      | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/addons/web_editor/static/src/js/editor/snippets.editor.js b/addons/web_editor/static/src/js/editor/snippets.editor.js
index 9a64abd4247..b8ab92a3d8d 100644
--- a/addons/web_editor/static/src/js/editor/snippets.editor.js
+++ b/addons/web_editor/static/src/js/editor/snippets.editor.js
@@ -943,6 +943,11 @@ var SnippetsMenu = Widget.extend({
             $(range && range.sc).closest('.o_default_snippet_text').removeClass('o_default_snippet_text');
         });
 
+        const $autoFocusEls = $('.o_we_snippet_autofocus');
+        if ($autoFocusEls.length) {
+            this._activateSnippet($autoFocusEls.first());
+        }
+
         return Promise.all(defs).then(() => {
             this.$('[data-title]').tooltip({
                 delay: 0,
diff --git a/addons/website/views/website_templates.xml b/addons/website/views/website_templates.xml
index 7d08029ad09..25c5ed0ac4d 100644
--- a/addons/website/views/website_templates.xml
+++ b/addons/website/views/website_templates.xml
@@ -335,7 +335,7 @@
          t-att-data-res-model="request.env.user.has_group('website.group_website_publisher') and _record._name"
          t-att-data-res-id="request.env.user.has_group('website.group_website_publisher') and _record.id"
          t-attf-class="o_record_cover_container d-flex flex-column h-100 bg-secondary #{use_size and _cp.get('resize_class')} #{use_text_align and _cp.get('text_align_class')} #{additionnal_classes}">
-        <div class="o_record_cover_component o_record_cover_image" t-attf-style="background-image: #{_cp.get('background-image')};"/>
+        <div t-attf-class="o_record_cover_component o_record_cover_image #{snippet_autofocus and 'o_we_snippet_autofocus'}" t-attf-style="background-image: #{_cp.get('background-image')};"/>
         <div t-if="use_filters" t-attf-class="o_record_cover_component o_record_cover_filter #{_cp.get('background-color')}" t-attf-style="opacity: #{_cp.get('opacity', 0.0)};"/>
         <t t-raw="0"/>
     </div>
diff --git a/addons/website_blog/views/website_blog_templates.xml b/addons/website_blog/views/website_blog_templates.xml
index f9803f7bd59..65aa2a62d60 100644
--- a/addons/website_blog/views/website_blog_templates.xml
+++ b/addons/website_blog/views/website_blog_templates.xml
@@ -231,6 +231,7 @@ list of filtered posts (by date or tag).
             <div id="title" class="blog_header" t-ignore="True">
                 <t t-call="website.record_cover">
                     <t t-set="_record" t-value="blog_post"/>
+                    <t t-set="snippet_autofocus" t-value="True"/>
                     <t t-set="use_filters" t-value="True"/>
                     <t t-set="use_size" t-value="True"/>
                     <t t-set="display_opt_name">Blog Post Cover</t>