From d971cda848b0d70ad9a2e2753bf2e596610e8647 Mon Sep 17 00:00:00 2001
From: benjamin <benjamin@le-filament.com>
Date: Tue, 13 Aug 2024 11:27:42 +0200
Subject: [PATCH] [UPD] bootstrap class & template

---
 .pre-commit-config.yaml           |  1 +
 static/src/css/styles.css         |  6 ++--
 templates/home_stat_templates.xml | 47 +++++++++++++++++--------------
 3 files changed, 31 insertions(+), 23 deletions(-)

diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index 3efb4d9..44c49f1 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -61,6 +61,7 @@ repos:
     hooks:
       - id: prettier
         name: prettier (with plugin-xml)
+        exclude: ^templates/
         additional_dependencies:
           - "prettier@2.7.1"
           - "@prettier/plugin-xml@2.2.0"
diff --git a/static/src/css/styles.css b/static/src/css/styles.css
index a8eab6b..5ad7086 100644
--- a/static/src/css/styles.css
+++ b/static/src/css/styles.css
@@ -1,4 +1,6 @@
-.stat-bloc h3{
+.stat-bloc .stat-text {
     border: 5px solid #97D137;
+    border-radius: 5px;
     padding: 10px;
-}
\ No newline at end of file
+    font-size: 1.1rem;
+}
diff --git a/templates/home_stat_templates.xml b/templates/home_stat_templates.xml
index 1338152..a9cd7aa 100644
--- a/templates/home_stat_templates.xml
+++ b/templates/home_stat_templates.xml
@@ -2,14 +2,14 @@
 <!-- Copyright 2021- Le Filament (https://le-filament.com)
      License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl). -->
 
-	<template
+    <template
         id="homepage_stat"
         inherit_id="website.homepage"
         name="Stats Bloc"
         customize_show="True"
         active="True"
     >
-		<data inherit_id="website.homepage">
+        <data inherit_id="website.homepage">
            <xpath expr="//div[@id='wrap']" position="after">
                <input
                     type="hidden"
@@ -17,31 +17,36 @@
                     t-att-value="request.csrf_token()"
                 />
                <div class="container mt32 mb64 stat-bloc">
-                   <h2
-                    >Depuis sa création, Symbiosphère a permis d'offrir de quoi s'abriter pour :</h2>
-                   <div class="row mt-32">
+                   <h2>
+                       Depuis sa création, Symbiosphère a permis d'offrir de quoi s'abriter pour :
+                   </h2>
+                   <div class="row mt-4">
                        <t t-foreach="cat_ids" t-as="cat">
-                        <div class="col-md-3 col-xs-12 text-center">
-                            <t t-if="cat.image_1920"><img
-                                        t-attf-src="data:image/*;base64,{{cat.image_1920}}"
-                                        class="img-responsive p-4"
-                                    /></t>
-                            <h3><t t-esc="cat.nb_nichoirs" /> <t
-                                        t-esc="cat.name_website"
-                                    /> *</h3>
+                        <div class="col-md-3 col-12 text-center">
+                            <t t-if="cat.image_1920">
+                                <img t-attf-src="data:image/*;base64,{{cat.image_1920}}" class="img-fluid p-4" />
+                            </t>
+                            <div class="stat-text">
+                                <span class="fw-bold" t-out="cat.nb_nichoirs" t-options="{'widget': 'float', 'precision': 0}"/>
+                                <br/>
+                                <t t-out="cat.name_website" /> *
+                            </div>
                         </div>
                        </t>
                    </div>
-                   <p
-                    >* les calculs sont les suivant : nb nichoirs (avec coef sur année de vente) x capacité<br
-                        />
-                    nb nichoirs = nombre d’aménagement vendus ou installés<br />
-                    année = nombre d’année (ex : 1 nichoir installé il y a 2 ans = 2 nichoirs)<br
-                        />
-                       capacité = nombre d’animaux pouvant occuper l’aménagement</p>
+                   <p class="fst-italic mt-2">
+                       * <br/>
+                       les calculs sont les suivants : nb nichoirs (avec coef sur année de vente) x capacité
+                       <br />
+                       nb nichoirs = nombre d’aménagements vendus ou installés
+                       <br />
+                       année = nombre d’années (ex : 1 nichoir installé il y a 2 ans = 2 nichoirs)
+                       <br/>
+                       capacité = nombre d’animaux pouvant occuper l’aménagement
+                   </p>
                </div>
            </xpath>
        </data>
-	</template>
+    </template>
 
 </odoo>
-- 
GitLab