feat: amélioration UX progressive pour l'édition de tranches de prix dans le...

feat: amélioration UX progressive pour l'édition de tranches de prix dans le formulaire d'édition d'un mode de livraison

On ajoute les attributs data qui activent l'édition améliorée dispo dans une prochaine version de saisies.

formulaires/editer_livraisonmode.php

@@ -134,6 +134,14 @@ function formulaires_editer_livraisonmode_saisies_dist($id_livraisonmode='new',
 				'label' => _T('livraisonmode:champ_prix_poids_ht_label'),
 				'explication' => _T('livraisonmode:champ_prix_poids_ht_explication'),
 				'rows' => 5,
+				'attributs_data' => [
+					'saisies-editer-valeurs-tabulaires' => [
+						'colonnes_labels' => [
+							_T('livraisonmode:champ_poids_label'),
+							_T('livraisonmode:champ_prix_ht_label'),
+						],
+					],
+				],
 			],
 		],
 		[
@@ -143,6 +151,14 @@ function formulaires_editer_livraisonmode_saisies_dist($id_livraisonmode='new',
 				'label' => _T('livraisonmode:champ_prix_volume_ht_label'),
 				'explication' => _T('livraisonmode:champ_prix_volume_ht_explication'),
 				'rows' => 5,
+				'attributs_data' => [
+					'saisies-editer-valeurs-tabulaires' => [
+						'colonnes_labels' => [
+							_T('livraisonmode:champ_volume_label'),
+							_T('livraisonmode:champ_prix_ht_label'),
+						],
+					],
+				],
 			],
 		],
 	];

lang/livraisonmode_fr.php

@@ -9,18 +9,26 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
 	// A
 	'ajouter_lien_livraisonmode' => 'Ajouter ce mode de livraison',
 
+	// B
+	'bouton_ajouter_tranche' => 'Ajouter une tranche',
+	'bouton_supprimer_tranche' => 'Supprimer cette tranche',
+	'bouton_deplacer_tranche' => 'Déplacer cette tranche',
+
 	// C
 	'champ_descriptif_label' => 'Descriptif',
+	'champ_poids_label' => 'Poids (g)',
 	'champ_prix_forfait_ht_explication' => 'Coût forfaitaire pour la livraison, indépendant du contenu',
 	'champ_prix_forfait_ht_label' => 'Prix Forfaitaire H.T.',
 	'champ_prix_poids_ht_explication' => 'Liste des tranches de prix, une tranche par ligne, au format <tt>Poids (g)|Prix HT</tt>',
 	'champ_prix_poids_ht_label' => 'Prix au poids H.T.',
 	'champ_prix_unit_ht_explication' => 'Coût de la livraison par produit livré',
 	'champ_prix_unit_ht_label' => 'Prix Unitaire H.T.',
-	'champ_prix_volume_ht_explication' => 'Liste des tranches de prix, une tranche par ligne, au format <tt>Volume (cm3)|Prix HT</tt>',
+	'champ_prix_volume_ht_explication' => 'Liste des tranches de prix, une tranche par ligne, au format <tt>Volume (cm³)|Prix HT</tt>',
 	'champ_prix_volume_ht_label' => 'Prix au volume H.T.',
+	'champ_prix_ht_label' => 'Prix H.T.',
 	'champ_taxe_label' => 'TVA applicable',
 	'champ_titre_label' => 'Titre',
+	'champ_volume_label' => 'Volume (cm³)',
 	'champ_zone_cp_exclus_explication' => 'Si la livraison n\'est pas applicable à certains départements/états, liste des débuts de code postaux non livrables par ce mode, séparés par une virgule (Ex : <tt>971,973</tt> pour exclure la Guadeloupe et la Guyanne)',
 	'champ_zone_cp_exclus_label' => 'Départements exclus',
 	'champ_zone_cp_explication' => 'Si la livraison est limitée à certains départements/états, liste des débuts de code postaux livrables par ce mode, séparés par une virgule (Ex : <tt>971,973</tt> pour limiter à la Guadeloupe et la Guyanne)',

prive/style_prive_plugin_livraisons.html

+#HTTP_HEADER{Content-Type: text/css; charset=#CHARSET}
+#HTTP_HEADER{Vary: Accept-Encoding}
+[(#REM)<style>]
+
+/**
+ * Formulaire d'édition d'un mode de livraison
+ */
+.tableau-editer-tranches {
+  background-color: var(--spip-color-gray-lightest);
+}
+.tableau-editer-tranches :is(tbody, tfoot) :is(tr, tr:nth-child(2n)) > :is(td, th) {
+  background-color: transparent;
+}
+.tableau-editer-tranches tfoot td {
+  text-align: center;
+}
+.formulaire_editer_livraisonmode .visually-hidden {
+  position: absolute !important; /* patch css dist */
+}
+/* Drag/drop */
+.formulaire_editer_livraisonmode td.drag {
+  padding: 0;
+} 
+.formulaire_editer_livraisonmode tr.sortable-chosen td {
+  background-color: var(--spip-color-theme-lighter) !important;
+}
+.formulaire_editer_livraisonmode .btn_drag:hover {
+  cursor: pointer;
+}
\ No newline at end of file