From 3a487bdde3ba3f0a6110ab848d2e124594c438f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Warnon?= <awa@odoo.com>
Date: Fri, 31 May 2019 07:49:09 +0000
Subject: [PATCH] [IMP] website_slides: add top 3 users avatars in courses home
 footer

This commit improves the footer image of the slides home page by adding
the top 3 users avatars (ordered by karm desc) in the image.
We only fetch users that have an image set as avatar.

Task #2003222

Co-authored-by: @stefanorigano <sri@odoo.com>
---
 addons/website_slides/controllers/main.py     |  7 +++
 .../website_slides_templates_homepage.xml     | 49 ++++++++++---------
 2 files changed, 32 insertions(+), 24 deletions(-)

diff --git a/addons/website_slides/controllers/main.py b/addons/website_slides/controllers/main.py
index fb972988dc6..a247864ad9a 100644
--- a/addons/website_slides/controllers/main.py
+++ b/addons/website_slides/controllers/main.py
@@ -268,6 +268,7 @@ class WebsiteSlides(WebsiteProfile):
             'channels_newest': channels_newest,
             'achievements': achievements,
             'users': users,
+            'top3_users': self._get_top3_users(),
             'challenges': challenges,
             'challenges_done': challenges_done,
         })
@@ -311,6 +312,7 @@ class WebsiteSlides(WebsiteProfile):
             'search_my': my,
             'search_tags': search_tags,
             'search_channel_tag_id': post.get('channel_tag_id'),
+            'top3_users': self._get_top3_users(),
         })
 
         return request.render('website_slides.courses_all', values)
@@ -318,6 +320,11 @@ class WebsiteSlides(WebsiteProfile):
     def _prepare_additional_channel_values(self, values, **kwargs):
         return values
 
+    def _get_top3_users(self):
+        return request.env['res.users'].sudo().search_read([
+            ('karma', '>', 0),
+            ('image', '!=', False)], ['id'], limit=3, order='karma desc')
+
     @http.route([
         '/slides/<model("slide.channel"):channel>',
         '/slides/<model("slide.channel"):channel>/page/<int:page>',
diff --git a/addons/website_slides/views/website_slides_templates_homepage.xml b/addons/website_slides/views/website_slides_templates_homepage.xml
index eadc30c0ec3..d7e6956ebd4 100644
--- a/addons/website_slides/views/website_slides_templates_homepage.xml
+++ b/addons/website_slides/views/website_slides_templates_homepage.xml
@@ -1,6 +1,29 @@
 <?xml version="1.0" ?>
 <odoo><data>
 
+<template id='courses_footer'>
+    <!-- 'users':  3 top users with picture (skip users without picture) -->
+    <section class="s_banner bg-900" style="background-image: url(/website_slides/static/src/img/banner_heroes_default.svg); background-size: cover; background-position: right bottom">
+        <div class="container py-5">
+            <div class="row align-items-center">
+                <div t-attf-class="col-12 #{'col-md' if top3_users else 'text-center'}">
+                    <h2 class="my-4 text-white">Meet The Heros Who Transformed Their Company!</h2>
+                    <a href="/profile/users" class="btn btn-primary btn-lg">Go meet them</a>
+                </div>
+                <div class="col-12 col-md-5" t-if="top3_users">
+                    <div class="ml-4">
+                        <t t-foreach="top3_users" t-as="user">
+                            <img class="rounded-circle img-fluid shadow ml-n4"
+                                style="border: 6px solid white"
+                                t-attf-src="/web/image/res.users/#{user['id']}/image_medium"/>
+                        </t>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</template>
+
 <!-- Channels home template -->
 <template id='courses_home' name="Odoo Courses Homepage">
     <t t-set="body_classname" t-value="'o_wslides_body'"/>
@@ -146,18 +169,7 @@
                     </div>
                 </div>
             </div>
-            <section class="s_banner" style="background-image: url(/website_slides/static/src/img/banner_heroes_default.svg); background-size: cover; background-position: right bottom">
-                <div class="container py-5">
-                    <div class="row align-items-center">
-                        <div class="col-12 col-md">
-                            <h2 class="my-4 text-white">Meet the people who transformed their company</h2>
-                        </div>
-                        <div class="col-12 col-md-4">
-                            <a href="/profile/users" class="btn btn-primary btn-lg">Go meet them</a>
-                        </div>
-                    </div>
-                </div>
-            </section>
+            <t t-call="website_slides.courses_footer"></t>
         </div>
     </t>
 </template>
@@ -264,18 +276,7 @@
                 </div>
             </div>
 
-            <section class="s_banner bg-900" style="background-image: url(/website_slides/static/src/img/banner_heroes_default.svg); background-size: cover; background-position: right bottom">
-                <div class="container py-5">
-                    <div class="row align-items-center">
-                        <div class="col-12 col-md">
-                            <h2 class="my-4">Meet the people who transformed their company</h2>
-                        </div>
-                        <div class="col-12 col-md-4">
-                            <a href="/profile/users" class="btn btn-primary btn-lg">Go meet them</a>
-                        </div>
-                    </div>
-                </div>
-            </section>
+            <t t-call="website_slides.courses_footer"></t>
         </div>
     </t>
 </template>