WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/manager/squelettes/js/manager.js

  *********************************************/
 // Empêcher de créer plus d'une fois la même clé
 function onChangeCheckKeyUnique() {
+ if( 1 < $( '.field-key' ).length ) {
- if( 1 < $( '.field-key' ).length ) {
+    // Marqueur de valeur dupliquée
     let notUnique = false;
-    $( '.field-key' ).change( function () {
-          // On force le type de thisString en number pour comparer à l'index du for (plus bas)
-      let thisIndex = Number( $( this ).attr( 'data-id' ) ),
-          thisFieldKey = $( '.field-key[data-id="' + thisIndex + '"]' ),
+    $( '.field-key' ).change( function () {
-          count = $( '.field-key' ).length;
+      let count = $( '.field-key' ).length;
+      for(var index = 0 ; index < count ; index++) {
+        let thisFieldKey = $( '.field-key[data-id="' + index + '"]' );
+        // Le champ avec cet index paourrait avoir été supprimé
+        if( 0 < thisFieldKey.length ) {
+          for( var otherIndex = 0 ; otherIndex < count ; otherIndex++ ) {
-      for(var index = 0 ; index < count ; index++) {
+            let otherFieldKey = $( '.field-key[data-id="' + otherIndex + '"]' );
+            // Le champ avec cet index pourrait avoir été supprimé
+            // On vérifie qu'on ne compare pas un champ avec lui-même
+            // Que les champs ne sont pas vides
+            // Les champs dupliqués déclanchent le marqueur et les alertes
+            if(
+< otherFieldKey.length &&
-        let loopFieldKey = $( '.field-key[data-id="' + index + '"]' );
+              index !== otherIndex &&
+              '' !== otherFieldKey.val() &&
+              '' !== thisFieldKey.val() &&
-        // Si cet index ne correspond pas à un champ supprimé
+              thisFieldKey.val() === otherFieldKey.val()
+            ) {
+              // Le marqueur de valeur dupliquée passe à true
+              notUnique = true;
+              if( 0 === $( '.invalid-field-key[data-id="' + index + '"]' ).length ) {
+                // Le champ est signalé en rouge
+                // Un message d'alerte apparait sous le champ
+                thisFieldKey.addClass( 'invalid' );
+                thisFieldKey.after(
+                  '<p class="message invalid-field-key" data-id="' + index + '">' +
+                    '<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>' +
+                    ' Vérifiez qu\'aucune clé n\'ait été utilisée plus d\'une fois'  +
+                  '</p>'
+                );
         // On compare la valeur avec les autres champs
         if( 0 < loopFieldKey.length && thisIndex !== index && thisFieldKey.val() === loopFieldKey.val()) {
           notUnique = true;
-        }
-      }
-      if( notUnique ) {
-        // Le champ est signalé en rouge
-        thisFieldKey.addClass( 'invalid' );
-        // Un message d'alerte apparait sous le champ
-        if( 0 === $( '.invalid-field-key[data-id="' + thisIndex + '"]' ).length ) {
-          thisFieldKey.after(
-            '<p class="message invalid-field-key" data-id="' + thisIndex + '">' +
-              '<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>' +
-              ' Vous avez déjà utilisé cette clé!' +
             '</p>'
           );
-        }
+      if( notUnique ) {
         // Un message d'alerte apparait au dessus des boutons prévisualiser/valider
         if( 0 === $( '.invalid-field-key-bottom' ).length ) {
-          $( '#new-fields' ).append(
+          $( '#new-fields' ).after(
             '<p class="message invalid-field-key-bottom">' +
               '<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>' +
               ' Une clé a été utilisée plusieurs fois' +
             '</p>'
           );
         }
         // Les boutons prévisualiser/valider sont désactivés et signalés en rouge
+        $( '#preview-field , #validate-new-fields' ).addClass( 'invalid' ).css( 'pointer-events', 'none' );
-        $( '#preview-field , #validate-new-fields' ).addClass( 'invalid' ).css( 'pointer-events', 'none' );
+      } else {// Si on est ok on retire toutes les alertes
+        // signalements rouges
-      // Si on est ok on retire toutes les alertes
+        $( '.field-key' ).each( function() {
+          $( this ).removeClass( 'invalid' );
-      } else {
+        });
+        $( '#preview-field , #validate-new-fields' ).removeClass( 'invalid' );
-        thisFieldKey.removeClass( 'invalid' );
+        // messages d'alerte
+        $( '.invalid-field-key' ).each( function() {
-        $( '#preview-field , #validate-new-fields' ).removeClass( 'invalid' );
+          $( this ).hide( 200 , function () {
-        $( '.invalid-field-key[data-id="' + thisIndex + '"]' ).hide( 200 , function () {
+            $( this ).remove();
-          $( this ).remove();
+          });
         });
+        $( '.invalid-field-key-bottom' ).hide( 200 , function () {
-        $( '.invalid-field-key-bottom' ).hide( 200 , function () {
+          $( this ).remove();
-          $( this ).remove();
+        });
-        });
+        //réactivation des boutons prévisualiser/valider
         $( '#preview-field' )[0].style.removeProperty( 'pointer-events' );
         $( '#validate-new-fields' )[0].style.removeProperty( 'pointer-events' )
     if( invalidElementInfos ||  invalidTextInfos ) {
       // Désactivation des boutons valider et prévisualiser
       $( '#preview-field , #validate-new-fields' ).addClass( 'invalid' );
       // Message pour les options des "listes"
       if( invalidElementInfos ) {
-        $( '#new-fields' ).append(
+        $( '#new-fields' ).after(
           '<p class="validation-warning message">' +
             '<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>' +
              '&nbsp;Vérifiez les boutons<br>"<i class="fa fa-puzzle-piece" aria-hidden="true" style="color:#4bbacb"></i>&nbsp;Ajouter une valeur" signalés en rouge:' +
              ' il faut au moins une valeur pour les éléments "menu déroulant", "boutons radio", "cases à cocher" ou "liste de cases à cocher", ' +
           '</p>'
         );
+      }
       // Message pour les champs
       if( invalidTextInfos ) {
-        $( '#new-fields' ).append(
+        $( '#new-fields' ).after(
           '<p class="validation-warning message">' +
             '<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i>' +
              '&nbsp;Des informations sont manquantes pour certains champs,' +
              ' vérifiez ceux signalés en rouge' +
           '</p>'

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/manager/squelettes/js/manager.js @ 3179 – Rev 3176 → 3177