diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml index 3efb4d9157dc36d84e372eec5fc21e7f4a417a58..44c49f1b36f02734db32be0926be954ee5c0e3cf 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 a8eab6b762bda1831b8245a3ea9f0ce4ffb05d0c..5ad7086ea2094b7731ccac8da2313e9e2ab6b533 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 1338152d3da613c4229863ffd37abb87b2d07158..a9cd7aa6b5da50ca2809d6206f4710b84738dc0d 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>