Correction d'un bug sur Matomo

README.md

@@ -196,6 +196,7 @@ SECRET # Hash utilisé pour pour sauvegardé les dessions (par défaut waemaeMe5
 DISCOGS_TOKEN # Token Discogs (vous devez créer un compte sur discogs afin d'en obtenir un gratuitement)
 FORMSPREE_ID # Id du formulaire formspree pour la page "nous-contacter"
 MATOMO_URL # Url vers l'instance matomo (exemple: https://analytics.darkou.fr/)
+MATOMO_ID # Id du site sur votre instance matomo (exemple: 1)
 SITE_NAME # Nom du site (utilisé dans le titre des pages)
 ```
 

docker-compose.yml.dev

@@ -26,6 +26,7 @@ services:
       DISCOGS_TOKEN: ${DISCOGS_TOKEN}
       FORMSPREE_ID: ${FORMSPREE_ID}
       MATOMO_URL: ${MATOMO_URL}
+      MATOMO_ID: ${MATOMO_ID}
       SITE_NAME: ${SITE_NAME}
     networks:
       - musictopus

docker-compose.yml.prod

@@ -26,6 +26,7 @@ services:
       DISCOGS_TOKEN: ${DISCOGS_TOKEN}
       FORMSPREE_ID: ${FORMSPREE_ID}
       MATOMO_URL: ${MATOMO_URL}
+      MATOMO_ID: ${MATOMO_ID}
       SITE_NAME: ${SITE_NAME}
     networks:
       - musictopus

sass/button.scss

@@ -54,7 +54,7 @@
     &.is-link {
         background-color: transparent;
         border-color: $nord9;
-        color: $nord9;
+        color: var(--button-link-text-color);
 
         &:hover {
             border-color: darken($nord9, $hoverAmount);

sass/colors.scss

@@ -29,7 +29,7 @@ $danger-color-hl: darken($danger-color, $hoverAmount);
 $warning-color-hl: darken($warning-color, $hoverAmount);
 $success-color-hl: darken($success-color, $hoverAmount);
 
-$button-font-color: $nord1;
+$button-font-color: #2C364A;
 $button-alternate-color: #01103C;
 
 $pagination-border-color: $nord3;
@@ -54,6 +54,8 @@ $pagination-hover-color: rgb(115, 151, 186);
 
     --border-color: #{$nord4};
 
+    --button-link-text-color: #2C364A;
+
     --nord0: #{$nord0};
     --nord1: #{$nord1};
     --nord2: #{$nord2};
@@ -90,4 +92,6 @@ $pagination-hover-color: rgb(115, 151, 186);
     --box-shadow-color: #{rgba($nord4, 0.2)};
 
     --border-color: #{$nord1};
+
+    --button-link-text-color: #{$white};
 }

src/config/index.js

@@ -6,5 +6,6 @@ module.exports = {
     discogsToken: process.env.DISCOGS_TOKEN,
     formspreeId: process.env.FORMSPREE_ID,
     matomoUrl: process.env.MATOMO_URL || "",
+    matomoId: process.env.MATOMO_ID || "",
     siteName: process.env.SITE_NAME || "MusicTopus",
 };

views/index.ejs

@@ -30,7 +30,7 @@
             (function() {
                 var u="<%= config.matomoUrl %>";
                 _paq.push(['setTrackerUrl', u+'matomo.php']);
-                _paq.push(['setSiteId', '3']);
+                _paq.push(['setSiteId', <%= config.matomoId %>]);
                 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
                 g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
             })();

views/pages/composants.ejs

@@ -121,13 +121,13 @@
 
     <h2 id="formulaires">Les formulaires</h2>
     <div class="field">
-        <label for="email">Adresse e-mail</label>
+        <label for="demo-email">Adresse e-mail</label>
-        <input type="email" name="email" id="email" placeholder="ex : damien@darkou.fr">
+        <input type="email" name="email" id="demo-email" placeholder="ex : damien@darkou.fr">
     </div>
     <pre>
 &lt;div class="field"&gt;
-    &lt;label for="email"&gt;Adresse e-mail&lt;/label&gt;
+    &lt;label for="demo-email"&gt;Adresse e-mail&lt;/label&gt;
-    &lt;input type="email" name="email" id="email" placeholder="ex : damien@darkou.fr"&gt;
+    &lt;input type="email" name="email" id="demo-email" placeholder="ex : damien@darkou.fr"&gt;
 &lt;/div&gt;
     </pre>
     <div class="field">
@@ -168,16 +168,24 @@
 &lt;/select&gt;
 &lt;/div&gt;
     </pre>
-    <div class="field">
+    <form>
+    <fieldset>
+    <div class="field inline">
         <label for="choix1">choix 1</label>
         <input type="radio" id="choix1" name="choix" value="choix1" checked>
+    </div>
+    <div class="field inline">
         <label for="choix2">choix 2</label>
         <input type="radio" id="choix2" name="choix" value="choix2">
     </div>
+    </fieldset>
+</form>
     <pre>
-&lt;div class="field"&gt;
+&lt;div class="field inline"&gt;
     &lt;label for="choix1"&gt;choix 1&lt;/label&gt;
     &lt;input type="radio" id="choix1" name="choix" value="choix1" checked&gt;
+&lt;/div&gt;
+&lt;div class="field inline"&gt;
     &lt;label for="choix2"&gt;choix 2&lt;/label&gt;
     &lt;input type="radio" id="choix2" name="choix" value="choix2"&gt;
 &lt;/div&gt;