temp: transfert entre ordinateurs

web/app/themes/haiku-atelier-2024/views/boutique.twig

@@ -1,12 +1,14 @@
 {% extends 'base.twig' %}
 
 {% block head %}
-  <script>
+  {{ include('parts/en-tetes-backend.twig') }}
+
+  <script id="injection">
     // Injection d'états pour les Scripts de la page.
 
   const _etats = {
-    nonce: "{{ nonce_wc }}",
     authString: "{{ auth_string }}",
+    nonce: "{{ nonce_wc }}",
   };
   </script>
 {% endblock head %}

web/app/themes/haiku-atelier-2024/views/panier.twig

@@ -1,7 +1,7 @@
 {% extends 'base.twig' %}
 
 {% block head %}
-  <script>
+  <script id="injection">
     // Injection d'états pour les Scripts de la page.
 
   const _etats = {

web/app/themes/haiku-atelier-2024/views/parts/en-tetes-backend.twig

@@ -0,0 +1,6 @@
+<script
+  id="injection-v2"
+  type="application/json"
+>
+{ "authString": "{{ auth_string }}", "nonce": "{{ nonce_wc }}" }
+</script>

web/app/themes/haiku-atelier-2024/views/parts/pages/produit/informations-produit.twig

@@ -12,48 +12,48 @@
     <h3 class="selecteur-produit__nom">{{ produit.name }}</h3>
 
     <div class="selecteur-produit__attribut-variation">
+      {% if produit.attributes %}
+        {% for attribut in produit.attributes %}
+          <div class="test">
+            {{ include('parts/pages/produit/selecteur-attributs-produit.twig') }}
+          </div>
+        {% endfor %}
+      {% endif %}
+
       {#
-        {% if produit.attributes %}
-          {% for attribut in produit.attributes %}
-            <div class="test">
-              {{ include('parts/pages/produit/selecteur-attributs-produit.twig') }}
-            </div>
-          {% endfor %}
+        {% if variations_produit|length > 1 %}
+          <label
+            for="selecteur-variation"
+            id="label-selecteur-variation"
+          >
+            Option:
+          </label>
+
+          <div class="selecteur-produit__attribut-variation__selecteurs">
+            <select
+              aria-labelledby="label-selecteur-variation"
+              id="selecteur-variation"
+              name="variations"
+            >
+              <option
+                disabled
+                selected
+                value=""
+              >
+                --
+              </option>
+              {% for variation in variations_produit %}
+                <option
+                  data-prix="{{ variation.prix }}"
+                  value="{{ variation.id }}"
+                >
+                  {{ variation.titre }}
+                </option>
+              {% endfor %}
+            </select>
+          </div>
         {% endif %}
       #}
-
-      {% if variations_produit|length > 1 %}
-        <label
-          for="selecteur-variation"
-          id="label-selecteur-variation"
-        >
-          Option:
-        </label>
-
-        <div class="selecteur-produit__attribut-variation__selecteurs">
-          <select
-            aria-labelledby="label-selecteur-variation"
-            id="selecteur-variation"
-            name="variations"
-          >
-            <option
-              disabled
-              selected
-              value=""
-            >
-              --
-            </option>
-            {% for variation in variations_produit %}
-              <option
-                data-prix="{{ variation.prix }}"
-                value="{{ variation.id }}"
-              >
-                {{ variation.titre }}
-              </option>
-            {% endfor %}
-          </select>
-        </div>
-      {% endif %}
     </div>
 
     <p class="selecteur-produit__prix">{{ prix_maximal ?? produit.price }}€</p>
@@ -126,6 +126,7 @@
       <button
         class="bouton-case-pleine"
         disabled
+        data-in-stock
         for="variation-choice"
         id="bouton-ajout-panier"
         type="submit"

web/app/themes/haiku-atelier-2024/views/parts/pages/produit/selecteur-attributs-produit.twig

@@ -1,15 +1,15 @@
 <div class="selecteur-produit__attribut-variation__selecteurs">
   <label
-    for="selecteur-attribut-{{ attribut.slug }}"
-    id="label-selecteur-attribut-{{ attribut.slug }}"
+    for="{{ attribut.slug }}"
+    id="label-{{ attribut.slug }}"
   >
     {{ attribut.name }}:
   </label>
 
   <select
-    aria-labelledby="label-selecteur-attribut-{{ atribut.slug }}"
-    id="selecteur-attribut-{{ attribut.slug }}"
-    name="attribut-{{ attribut.slug }}"
+    aria-labelledby="label-{{ atribut.slug }}"
+    id="{{ attribut.slug }}"
+    name="{{ attribut.slug }}"
     required
   >
     <option

web/app/themes/haiku-atelier-2024/views/produit.twig

@@ -1,20 +1,30 @@
 {% extends 'base.twig' %}
 
 {% block head %}
-  <script>
+  <script id="injection">
     // dprint-ignore-file
-  // Injection d'états pour les Scripts de la page.
+    // Injection d'états pour les Scripts de la page.
 
-  /**
-   * @typedef {Object} Etats - États utiles pour les scripts de la page.
-   * @property {number} idProduit - L'ID en base de données du Produit.
-   * @property {string} nonce - Un nonce pour l'authentification de requêtes API.
-   */
-  /** @type {Etats} */
-  const _etats = {
-    idProduit: {{ produit.id }},
-    nonce: "{{ nonce_wc }}",
-  };
+    /**
+    * @typedef {Object} Etats - États utiles pour les scripts de la page.
+    * @property {number} idProduit - L'ID en base de données du Produit.
+    * @property {string} nonce - Un nonce pour l'authentification de requêtes API.
+    */
+
+    /** @type {Etats} */
+    const _etats = {
+      idProduit: {{ produit.id }},
+      nonce: "{{ nonce_wc }}",
+    };
+  </script>
+
+  <!-- markup-fmt-ignore -->
+  <script
+    id="product-json"
+    type="application/json"
+  >
+  // dprint-ignore
+  {{ product_json }}
   </script>
 {% endblock head %}