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

 "use strict";
 // déclaration du tableau d'envoi des données?
+var datasToSubmit = new Array();
-// var datasToSubmit = new Array();
+var listvalue = new Array();
 /***************************
  *  Lancement des scripts  *
+ ***************************/
+jQuery( document ).ready( function() {
- ***************************/
 jQuery( document ).ready( function() {
+  // Identifiant de champ
   var fieldIndex = 0;
   // Initialisation d'un identifiant de champ
   var fieldId = 0;
 /***********************************************************
  *  Fonctions pour la création des champs supplémentaires  *
  ***********************************************************/
 // Logique globale pour l'ajout de nouveaux champs
+function onClickAddNewFields( fieldIndex ) {
+  // Drapeaux d'activation du bouton valider
+  var nameFlag = false,
-function onClickAddNewFields( fieldId ) {
+      keyFlag = false;
-  $( '#add-fields' ).click( function() {
-    // TODO : La création du tableau ci-dessous est à revoir mais les données sont les bonnes
-    // datasToSubmit[fieldId] = {
-    //   key:'',
-    //   name:'',
-    //   element:'',
+  $( '#add-fields' ).click( function() {
-    //   // un objet contenant les renseignements en fonction de l'élément
-    //   // + contiendrait aussi un tableau des différentes valeus dans le cas où l'élément est une liste :
-    //   value:'',
-    //   description:'',
-    //   unit:'',
+    // Réactiver le bouton valider les champs supplémentaires :
-    //   help:''
+    nameFlag = false;
-    // };
+    keyFlag = false;
     // Ajout d'un nouveau champ
-    displayNewField( fieldId );
+    displayNewField( fieldIndex );
+    // Désactivation du bouton valider
+    onflagEnableValidateNewFieldsButton( keyFlag , nameFlag );
-    // Nom du champ affichage titre du champ
+    // Test lorsque le nom du nouveau champ est renseigné
+    $('.new-field .field-name').change( function() {
+      nameFlag = true;
+      // Vérification de name pour tous les nouveaux champs
+      nameFlag = filledFieldFlag( $('.new-field .field-name') , nameFlag );
-    onChangeDisplayFieldLabel( fieldId );
+      // Activation du bouton valider
+      onflagEnableValidateNewFieldsButton( keyFlag , nameFlag );
+    });
+    // Test lorsque la clé du nouveau champ est renseignée
+    $('.new-field .field-key').change( function() {
+      keyFlag = true;
+      // Vérification de key pour tous les nouveaux champs
+      keyFlag = filledFieldFlag( $('.new-field .field-key') , keyFlag );
-    // En fonction du type de champ choisi on demande les informations correspondantes
+      // Activation du bouton valider
-    onChangeFieldTypeCollectDetails( fieldId );
+      onflagEnableValidateNewFieldsButton( keyFlag , nameFlag );
+    });
+    // Nom du champ affichage titre du champ
+    onChangeDisplayFieldLabel( fieldIndex );
+    // Les images ou les nom des documents importés doivent aussi
-    // TODO : recueillir les données et renseigner le tableau de'envoi
+    // s'afficher dans les champs ajoutés
     inputFile( fieldIndex );
     // Suppression d'un champ
-    onClickRemoveField();
+    // En fonction du type de champ choisi on demande les informations correspondantes
+    onChangeFieldTypeCollectDetails( fieldIndex );
     // Les images ou les nom des documents importés doivent aussi
-    // s'afficher dans les champs ajoutés
+    // Suppression d'un champ
-    inputFile();
+    onClickRemoveField();
-    fieldId++;
+    fieldIndex++;
   });
+}
       '<input type="text" name="field-key" class="field-key" placeholder="Clé du champ" required title="Clé du champ (son nom dans la base de données)">'+
       // Type de champ
       '<label for="field-element" title="Quel type de champ">Type de champ</label>'+
       '<div class="select-wrapper add-field-select">'+
-        '<select name="field-element" class="field-element" required>'+
+        '<select name="field-element" class="field-element">'+
           '<option value="text" selected="selected">Champ texte</option>'+
           '<option value="email">Champ email</option>'+
           '<option value="textarea">Champ rédaction</option>'+
           '<option value="select">Menu déroulant</option>'+
       '<label for="field-description" title="Ajoutez une info-bulle">Info-bulle</label>'+
       '<input type="text" name="field-description" class="field-description" placeholder="Quelques mots">'+
       // Import d'une image ou d'un pdf d'aide à afficher en popup
       '<div class="input-file-container">'+
-        '<input type="file" class="input-file field-help" name="field-help" accept="application/pdf, image/*, video/*">'+
+        '<input type="file" class="input-file field-help" name="field-help" id="help-doc-' + fieldIndex + '" accept="application/pdf, image/*, video/*">'+
         '<label for="field-help" class="label-file"><i class="fas fa-download"></i>Image ou pdf d\'aide (popup)</label>'+
       '</div>'+
-      '<div class="file-return help"></div>'+
+      '<div class="file-return help-doc-' + fieldIndex + '"></div>'+
       '<label for="remove-field">Supprimer ce champ</label>'+
-      '<div class="remove-field button" name="remove-field" data-id="' + fieldId + '" title="Supprimer un champ"><i class="fa fa-times" aria-hidden="true"></i></div>'+
+      '<div class="remove-field button" name="remove-field" data-id="' + fieldIndex + '" title="Supprimer un champ"><i class="fa fa-times" aria-hidden="true"></i></div>'+
       '</div>'+
     '</div>'
   );
-  // Animation de l'affichage
-  $( '.new-field[data-id="' + fieldId + '"]').hide().removeClass( 'hidden' ).show( 200 );
-}
+  // Animation de l'affichage
-// Affichage du nom du champ dès qu'il est renseigné
+  $( '.new-field[data-id="' + fieldIndex + '"]').hide().removeClass( 'hidden' ).show( 200 );
 function onChangeDisplayFieldLabel( fieldId ) {
-  $('.new-field[data-id="' + fieldId + '"] .field-name').change( function() {
+// Affichage du nom du champ dès qu'il est renseigné
+function onChangeDisplayFieldLabel( fieldIndex ) {
     $( '.new-field[data-id="' + fieldId + '"] .field-title' ).text( $( this ).val() );
+  $('.new-field[data-id="' + fieldIndex + '"] .field-name').change( function() {
+    $( '.new-field[data-id="' + fieldIndex + '"] .field-title' ).text( $( this ).val() );
+  });
+}
+// Supprimer tout un champ
+function onClickRemoveField (keyFlag , nameFlag) {
-    // TODO : Renseigner le nom du champs dans le tableau à envoyer
+  $( '.remove-field.button' ).click( function() {
+    keyFlag = true ,
+    nameFlag = true ;
+    $( '.new-field[data-id="' + $( this ).attr( 'data-id' ) + '"]' ).remove();
+    // Vérification de name pour tous les nouveaux champs
+    nameFlag = filledFieldFlag( $('.new-field .field-name') , nameFlag );
+    // Vérification de name pour tous les nouveaux champs
+    keyFlag = filledFieldFlag( $('.new-field .field-key') , keyFlag );
+    // Activation du bouton valider
+    onflagEnableValidateNewFieldsButton( keyFlag , nameFlag );
+  });
+}
+// Vérification de key ou name pour tous les nouveaux champs
-  });
+function filledFieldFlag( $field , flag) {
+  if( $field.length === 0 ) {
+    return flag = false;
+  }
+  // Vérification de name pour tous les nouveaux champs
+  $field.each( function() {
+    if( $( this ).val() === ''  ) {
+      flag = false;
+    }
+  });
+  return flag;
+}
 // Activation du bouton valider les champs supplémentaires
-// Supprimer tout un champ
+function onflagEnableValidateNewFieldsButton( keyFlag , nameFlag ) {
-function onClickRemoveField() {
-  $( '.remove-field.button' ).click( function() {
     // Activation du bouton valider
-    $( '.new-field[data-id="' + $( this ).attr( 'data-id' ) + '"]').fadeOut( 200 , this.remove() );
+    if( keyFlag && keyFlag ) {
       onClickStoreNewFields();
-    // TODO : supprimer un champ du tableau à envoyer
+      $( '#validate-new-fields' ).removeClass('disabled');
-  });
+    } else {
-}
+      $( '#validate-new-fields' ).off( 'click' ).addClass('disabled');
+    }
+}
-/**** Recueil des informations et détails qui dépendent du type de champ choisi ****/
+/**** Recueil des informations et détails qui dépendent du type de champ choisi ****/
 // Logique de recueil d'informations en fonction du type de champ choisi
-function onChangeFieldTypeCollectDetails( fieldId ) {
+// Logique de recueil d'informations en fonction du type de champ choisi
+function onChangeFieldTypeCollectDetails( fieldIndex ) {
-  // var validateRegexp = '';
-  var fieldDetails =
     // Placeholder (champ type text par défaut)
-    '<label for="aide-saisie" title="Aidez les utilisateurs en deux ou 3 mots ou chiffres à comprendre ce que doit contenir le champ">Texte d\'aide à la saisie</label>'+
+  var fieldDetails =
+    // Placeholder (champ type text par défaut)
+    '<label for="aide-saisie" title="Aidez les utilisateurs en deux ou 3 mots ou chiffres à comprendre ce que doit contenir le champ">Texte d\'aide à la saisie</label>'+
+    '<input type="text" name="aide-saisie" class="aide-saisie" placeholder="Ce que doit contenir le champ">';
+  // On insère les champs par défaut de recueil d'informations
-    '<input type="text" name="aide-saisie" class="aide-saisie" placeholder="Ce que doit contenir le champ">';
+  displayFieldDetailsCollect( fieldIndex , fieldDetails );
   // On insère les champs par défaut de recueil d'informations
-  displayFieldDetailsCollect( fieldId , fieldDetails );
   // Sinon :
-  $( '.new-field[data-id="' + fieldId + '"] .field-element' ).change( function() {
+  $( '.new-field[data-id="' + fieldIndex + '"] .field-element' ).change( function() {
-    // on intialise L'id pour les listes la variable qui contiendra un id pour chaque option
+    // On intialise l'index pour les listes la variable qui contiendra un id pour chaque option
-    var valueId = 1;
+    var valueIndex = 0;
     // Si on hésite on qu'on se trompe dans la liste :
     // les champs de détails de l'option précédente doivent être supprimés
-    $( '.new-field[data-id="' + fieldId + '"] .field-details' ).remove();
+    $( '.new-field[data-id="' + fieldIndex + '"] .field-details' ).remove();
-    // Remise à 0 des infos à soumettre dans l'input type hiddes .field-value-submit
+    // $( this ).val() = le type de champ choisi dans select ".field-element"
-    $( '.field-value-submit[data-id="' + fieldId + '"]' ).val('');
+    switch( $( this ).val() ) {
-    // $( this ).val() = le type de champ choisi dans select ".field-element"
+      case 'file':
-    switch( $( this ).val() ) {
+        fieldDetails = '';
+        break;
       case 'number':
+      case 'number':
       case 'range':
-        // validateRegexp = '^\d+([\.|,]\d+)?$';
+        fieldDetails =
-        fieldDetails =
           // Placeholder
-          '<label for="aide-saisie" title="Deux ou 3 mots ou chiffres pour comprendre ce que doit contenir le champ (ex: min 20, 10 par 10, etc.)">Texte d\'aide à la saisie</label>'+
-          '<input type="text" name="aide-saisie" class="aide-saisie" placeholder="Ce que doit contenir le champ">'+
           '<label for="aide-saisie" title="Deux ou 3 mots ou chiffres pour comprendre ce que doit contenir le champ (ex: min 20, 10 par 10, etc.)">Texte d\'aide à la saisie</label>'+
-          // Valeur par défaut
+          '<input type="text" name="aide-saisie" class="aide-saisie" placeholder="Ce que doit contenir le champ">'+
           '<label for="default" title="Valeur par défaut">Valeur par défaut</label>'+
-          '<input type="number" name="default" class="default" step="0.01" value="0">'+
+          // Valeur par défaut
           '<label for="default" title="Valeur par défaut">Valeur par défaut</label>'+
-          // Incrémentation ( attribut step="" )
+          '<input type="number" name="default" class="default" step="0.01">'+
-          '<label for="step" title="De 10 en 10, de 0.5 en 0.5, etc.">Le "pas" d\'incrémentation (step).<br>Pour l\'utilisateur, par defaut step = 1</label>'+
+          // Incrémentation ( attribut step="" )
-          '<input type="number" name="step" class="step" step="0.01" value="1">'+
+          '<label for="step" title="De 10 en 10, de 0.5 en 0.5, etc.">Le "pas" d\'incrémentation (step).<br>Pour l\'utilisateur, par defaut step = 1</label>'+
           '<input type="number" name="step" class="step" step="0.01">'+
           // Min
-          '<label for="min" title="valeur min">Valeur minimale</label>'+
+          // Min
-          '<input type="number" name="min" class="min" step="0.01" value="0">'+
+          '<label for="min" title="valeur min">Valeur minimale</label>'+
+          '<input type="number" name="min" class="min" step="0.01">'+
           // Max
-          '<label for="max" title="valeur max">Valeur maximale</label>'+
+          // Max
-          '<input type="number" name="max" class="max" step="0.01" value="1">'+
+          '<label for="max" title="valeur max">Valeur maximale</label>'+
-          '<p class="message"><i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i> Ne pas oublier de changer la valeur max, fixée à 1 par defaut</p>';
+          '<input type="number" name="max" class="max" step="0.01">'+
-        break;
+          '<p class="message"><i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i> Ne pas oublier de changer la valeur max, fixée à 1 par defaut</p>';
-      case 'date':
+        break;
         // regex : fevrier à terminer (années non bisextiles inachevé)
-        // validateRegexp = '^(?:(?:(?:(?:[0-2][1-9]|[1-3]0|31)\/(?:0[13578]|10|12))|(?:(?:[0-2][1-9]|[1-3]0)\/(?:0[469]|11)))\/(?:[12][0-9]{3}))|(?:(?:[0-2][1-9]|[12]0)\/02\/(?:(?:[12][26]00)|(?:2000)|(?:[12][0-9]0[48])|(?:[12][0-9][2468][048])|(?:[12][0-9][13579][26]))|(?:(?:[0-2][1-8]|[12]0)\/02\/(?:1000|[12][1345789]00|[12][1-9]0[1235679]|)))$'
-        var today = new Date();
-        today = today.getDate() + '/' + ( today.getMonth() + 1 ) + '/' + today.getFullYear();
-        fieldDetails =
+      case 'date':
-          // Date min
+        fieldDetails =
-          '<label for="min" title="valeur min">Valeur minimale</label>'+
+          // Date min
-          '<input type="date" name="min" class="min" value="' + today +'">'+
+          '<label for="min" title="valeur min">Valeur minimale</label>'+
           '<input type="date" name="min" class="min">'+
           // Date max
           '<label for="max" title="valeur max">Valeur maximale</label>'+
-          '<input type="date" name="max" class="max" value="31/12/2999">';
+          '<input type="date" name="max" class="max">';
         break;
+        break;
       case 'select':
-      case 'checkbox':
-      case 'list-checkbox':
-      case 'radio':
-        // validateRegexp = '';
+      case 'checkbox':
-        fieldDetails =
+      case 'list-checkbox':
-          '<p class="message">Ajoutez les valeurs de \"' + $( this ).children( 'option:selected' ).text() + '\"</p>'+
+      case 'radio':
-          // Bouton ajout d'une valeur à la liste
+        fieldDetails =
-          '<label for="add-value" class="add-value" title="Ajouter une valeur à la liste">Ajouter une valeur</label>'+
+          '<p class="message">Ajoutez les valeurs de \"' + $( this ).children( 'option:selected' ).text() + '\"</p>'+
-          '<div class="button add-value-button" name="add-value" title="Ajouter une valeur à la liste"><i class="fa fa-plus" aria-hidden="true"></i></div>'+
-          // checkbox ajouter une valeur "Autre:"
-          '<label for="option-other-value" title="Ajouter une option \'Autre:\' à la fin">Valeur "Autre"</label>'+
-          '<input type="checkbox" class="option-other-value" name="option-other-value" title="Ajouter une option \'Autre\' à la fin">';
-        break;
           // Bouton ajout d'une valeur à la liste
-      case 'file':
+          '<label for="add-value" class="add-value" title="Ajouter une valeur à la liste">Ajouter une valeur</label>'+
-        fieldDetails = '';
+          '<div class="button add-value-button" name="add-value" title="Ajouter une valeur à la liste"><i class="fa fa-plus" aria-hidden="true"></i></div>'+
-        break;
-      case 'email':
+          // checkbox ajouter une valeur "Autre:"
-      case 'text':
+          '<label for="option-other-value" title="Ajouter une option \'Autre:\' à la fin">Valeur "Autre"</label>'+
-      case 'textarea':
+          '<input type="checkbox" class="option-other-value" name="option-other-value" title="Ajouter une option \'Autre\' à la fin">';
       default:
-        fieldDetails =
+        break;
-        // Placeholder
-        '<label for="aide-saisie" title="Aidez les utilisateurs en deux ou 3 mots ou chiffres à comprendre ce que doit contenir le champ">Texte d\'aide à la saisie</label>'+
-        '<input type="text" name="aide-saisie" class="aide-saisie" placeholder="Ce que doit contenir le champ">';
+      case 'email':
-        break;
+      case 'text':
       case 'textarea':
+      default:
     // Changement du type d'élément à envoyer
-    $( '.field-element-submit[data-id="' + fieldId + '"]' ).val( $( this ).val() );
+        fieldDetails =
         // Placeholder
-    if( fieldDetails.length > 0 ) {
+        '<label for="aide-saisie" title="Aidez les utilisateurs en deux ou 3 mots ou chiffres à comprendre ce que doit contenir le champ">Texte d\'aide à la saisie</label>'+
-      //ne pas ajouer une div vide s'il n'y pas d'informations à demander
+        '<input type="text" name="aide-saisie" class="aide-saisie" placeholder="Ce que doit contenir le champ">';
-      displayFieldDetailsCollect( fieldId , fieldDetails );
         break;
     // Ajout des valeurs possibles
     // lorsque le champ est une liste ou case à cocher
-    onClickAddNewValueToList( fieldId , valueId );
+    if( fieldDetails.length > 0 ) {
       //ne pas ajouer une div vide s'il n'y pas d'informations à demander
-    // TODO : fonction ci-dessous est déclarée plus bas
+      displayFieldDetailsCollect( fieldIndex , fieldDetails );
     // et servait à envoyer les données collectées
     // mais pas faite pour un tableau
+    // Ajout des valeurs possibles
+    // lorsque le champ est une liste ou case à cocher
+    onClickAddNewValueToList( fieldIndex , valueIndex );
-    // onCollectDataValuesToSubmit( fieldId , $( this ).val() );
+  });
+}
-  });
 // Insertion dans le dom des champs de recueil d'informations
+function displayFieldDetailsCollect( fieldIndex , fieldDetails ) {
+  $( '.new-field[data-id="' + fieldIndex + '"] .add-field-select' ).after( '<div class="field-details">' + fieldDetails + '</div>' );
+}
+/**** Ajout des valeurs (options) des "champs de listes" (select, checkbox, radio, etc.) ****/
+// Logique d'ajout des options des listes (deroulantes, cases à cocher etc.)
+function onClickAddNewValueToList( fieldIndex , valueIndex ) {
+  $( '.new-field[data-id="' + fieldIndex + '"] .add-value-button' ).click( function() {
+    $( '.new-field[data-id="' + fieldIndex + '"] .add-value' ).before(
+      '<div class="new-value" data-list-value-id="' + valueIndex +'">'+
-// Insertion dans le dom des champs de recueil d'informations
-function displayFieldDetailsCollect( fieldId , fieldDetails ) {
+        // Recueil d'une valeur de la liste
+        '<label for="list-value">Valeur:</label>'+
+        '<input type="text" name="list-value" class="list-value"  data-list-value-id="' + valueIndex +'" placeholder="Une des valeurs de la liste">'+
+        '<div class="row">'+
+          '<div class="col-md-5">'+
   $( '.new-field[data-id="' + fieldId + '"] .add-field-select' ).after( '<div class="field-details">' + fieldDetails + '</div>' );
             // Checkbox "valeur par défaut" de la liste
             '<label for="is-defaut-value" title="Ceci est la valeur par défaut">Valeur par défaut</label>'+
-/**** Ajout des valeurs (options) des "champs de listes" (select, checkbox, radio, etc.) ****/
+            '<input type="checkbox" name="is-defaut-value" class="is-defaut-value" title="entrez une valeur pour activer cette case" data-list-value-id="' + valueIndex +'" disabled >'+
+          '</div>'+
+          '<div class="col-md-5">'+
+            // Bouton "supprimer la valeur" de la liste
+            '<label for="remove-value">Supprimer valeur</label>'+
+            '<div class="remove-value button" name="remove-value" data-list-value-id="' + valueIndex + '" title="Supprimer une valeur"><i class="fa fa-times" aria-hidden="true"></i></div>'+
+          '</div>'+
+        '</div>'+
+      '</div>'
+    );
+    // Activer la checkbox de valeur par default uniquement si une valeur est entrée
+    onInputListValueLabelEnableDefaultCheckbox( fieldIndex , valueIndex );
+    // attribuer la valeur par défaut d'un liste
+    // et retirer l'ancienne s'il y en avait une
+    onClickDefaultValueRemoveOthers( fieldIndex );
+    // Pouvoir supprimer une valeur
+    onClickRemoveListValue( fieldIndex );
+    valueIndex++;
+  });
+}
+// Activer la checkbox de valeur par default uniquement si une valeur est entrée
+function onInputListValueLabelEnableDefaultCheckbox( fieldIndex , valueIndex ) {
+  $( '.new-field[data-id="' + fieldIndex + '"] .new-value[data-list-value-id="' + valueIndex + '"] .list-value' ).on( 'input' , function() {
+    $( '.new-field[data-id="' + fieldIndex + '"] .is-defaut-value[data-list-value-id="' + valueIndex + '"]' ).removeAttr( 'disabled');
+  });
+}
+// Dans une liste il ne peut y avoir qu'une valeur par défaut cochée
+function onClickDefaultValueRemoveOthers( fieldIndex ) {
+  $( '.new-field[data-id="' + fieldIndex + '"] .is-defaut-value' ).click( function() {
+   if( $( this ).attr( 'checked' ) ) {
+      $( '.new-field[data-id="' + fieldIndex + '"] .is-defaut-value:checked' ).not( $( this) ).removeAttr( 'checked' );
+    }
+  });
+}
+// Logique pour le bouton supprimer une valeur
+function onClickRemoveListValue( fieldIndex ) {
+  $('.new-field[data-id="' + fieldIndex + '"] .remove-value.button').click( function() {
+    $( '.new-field[data-id="' + fieldIndex + '"] .new-value[data-list-value-id="' + $( this ).attr( 'data-list-value-id' ) + '"]' ).remove();
+  });
+}
+/*********************************************
+ *  Validation et envoi des nouveaux champs  *
+ *********************************************/
+function onClickStoreNewFields() {
+  $( '#validate-new-fields' ).click( function() {
+    var resultArrayIndex = 0;
+    var count = 0;
+    $( '.new-field' ).each( function () {
+      if( $(this).attr('data-id') > count) {
+        count = $(this).attr('data-id');
+      }
+    });
-// Logique d'ajout des options des listes (deroulantes, cases à cocher etc.)
+    for( var index = 0 ; index <= count ; index++ ) {
-function onClickAddNewValueToList( fieldId , valueId ) {
+      if( $( '.new-field[data-id="' + index + '"]').length > 0 ) {
+        // initialisation du tableau de résultats
+        datasToSubmit[ resultArrayIndex ] = { fieldValues:{} };
+        // Ajout de la clé au tableau de resultats
         datasToSubmit[ resultArrayIndex ].key = $( '.new-field[data-id="' + index + '"] .field-key' ).val();
-  $( '.new-field[data-id="' + fieldId + '"] .add-value-button' ).click( function() {
+        // Ajout de le nom au tableau de resultats
+        datasToSubmit[ resultArrayIndex ].name = $( '.new-field[data-id="' + index + '"] .field-name' ).val();
-    $( '.new-field[data-id="' + fieldId + '"] .add-value' ).before(
+        // Recueil de l'élément choisi pour le tableau de resultats
+        datasToSubmit[ resultArrayIndex ].element = $( '.new-field[data-id="' + index + '"] .field-element' ).val();
+        // Ajout de la valeur 'requis' ou non au tableau de resultats
+        if( $( '.new-field[data-id="' + index + '"] .field-is_mandatory' ).attr( 'checked' ) ) {
+          datasToSubmit[ resultArrayIndex ].mandatory = true;
+        } else {
+          datasToSubmit[ resultArrayIndex ].mandatory = false;
+        }
+        // Ajout de l'unité au tableau de resultats
+        if ( $('.new-field[data-id="' + index + '"] .field-unit').val() ) {
+          datasToSubmit[ resultArrayIndex ].unit = $('.new-field[data-id="' + index + '"] .field-unit').val();
+        };
+        // Ajout du tooltip au tableau de resultats
+        if ( $('.new-field[data-id="' + index + '"] .field-description').val() ) {
+          datasToSubmit[ resultArrayIndex ].description = $('.new-field[data-id="' + index + '"] .field-description').val();
+        }
+        // Ajout du nom du document d'aide au tableau de resultats
+        if ( $('.file-return.help-doc-' + index ).text() ) {
+          datasToSubmit[ resultArrayIndex ].help = $('.file-return.help-doc-' + index ).text();
+        }
+        // Collecte les des données dépendantes de l'élément choisi
+        // sous forme d'un tableau de resultats
+        onSelectCollectDataValuesToSubmit( datasToSubmit[ resultArrayIndex ] , index );
+        if( ! datasToSubmit[ resultArrayIndex ].fieldValues.length ){
+          delete datasToSubmit[ resultArrayIndex ].fieldValues;
+        }
+        resultArrayIndex++;
+      }
+    }
+    var resultsArrayJson = JSON.stringify( datasToSubmit );
+    // Plus de nouvelle validation possible
+    $( '#validate-new-fields' ).off( 'click' ).addClass('validated');
+    $( '#add-fields' ).off( 'click' ).addClass('disabled');
+    $('.validate-new-fields').text('Champs validés');
+    $('#submit-button').before(
+      '<input type="hidden" name="champs-supp" id="champs-supp" value=\'' + resultsArrayJson + '\'>'
+    );
+    console.log( $('#champs-supp').val() );
+  });
+}
+// Renseigne le tableau de resultat
+// pour les données dépendant de l'élément choisi
+function onSelectCollectDataValuesToSubmit( datasToSubmitObject , index ) {
+    var today = new Date();
+    var tomorrow = new Date();
+    today = today.getDate() + 1 + '/' + ( today.getMonth() + 1 ) + '/' + today.getFullYear();
+    tomorrow = ( tomorrow.getDate() + 1 ) + '/' + ( tomorrow.getMonth() + 1 ) + '/' + tomorrow.getFullYear();
+    switch( datasToSubmitObject.element ) {
+      // case 'file' :
+      // Rien à faire, pas de détails à transmettre
+      case 'select':
+      case 'checkbox':
+      case 'list-checkbox':
+      case 'radio':
+      datasToSubmitObject.fieldValues.listValue = [];
+        // Ajout des valeurs de liste
+        onChangeStoreListValueLabel( datasToSubmitObject , index );
+        // S'il y a une valeur 'autre' on l'indique à la fin de la liste
+        if( $('.new-field[data-id="' + index + '"] .option-other-value').attr( 'checked' ) && datasToSubmitObject.fieldValues.listValue.indexOf( 'other' ) === -1 ) {
+          datasToSubmitObject.fieldValues.listValue.push( 'other' );
+        }
+        break;
+      case 'number':
+      case 'range':
+        // Placeholder
+        if( $( '.new-field[data-id="' + index + '"] .aide-saisie' ).val() ) {
+         datasToSubmitObject.fieldValues.placeholder = $( '.new-field[data-id="' + index + '"] .aide-saisie' ).val();
+        }
+        // Valeur par défaut
+        if( $( '.new-field[data-id="' + index + '"] .default' ).val() ) {
+          datasToSubmitObject.fieldValues.default = $( '.new-field[data-id="' + index + '"] .default' ).val();
+        }
-      '<div class="new-value" data-list-value-id="' + valueId +'">'+
+        // Incrémentation ( attribut step="" )
+        if( $( '.new-field[data-id="' + index + '"] .step' ).val() ) {
+          datasToSubmitObject.fieldValues.step = $( '.new-field[data-id="' + index + '"] .step' ).val();
+        }
+        // Min
+        if( $( '.new-field[data-id="' + index + '"] .min' ).val() ) {
+          datasToSubmitObject.fieldValues.min = $( '.new-field[data-id="' + index + '"] .min' ).val();
         // Recueil d'une valeur de la liste
         '<label for="list-value">Valeur:</label>'+
-        '<input type="text" name="list-value" class="list-value" placeholder="Une des valeurs de la liste">'+
-        '<div class="row">'+
-          '<div class="col-md-5">'+
-            // Checkbox "valeur par défaut" de la liste
-            '<label for="is-defaut-value" title="Ceci est la valeur par défaut">Valeur par défaut</label>'+
-            '<input type="checkbox" name="is-defaut-value" class="is-defaut-value">'+
-          '</div>'+
-          '<div class="col-md-5">'+
-            // Bouton "supprimer la valeur" de la liste
-            '<label for="remove-value">Supprimer valeur</label>'+
-            '<div class="remove-value button" name="remove-value" data-list-value-id="' + valueId + '" title="Supprimer une valeur"><i class="fa fa-times" aria-hidden="true"></i></div>'+
-          '</div>'+
-        '</div>'+
-      '</div>'
-    );
-    // TODO : collecter les nouvelles valeurs
-    // et les ajouter sous forme d'un tableau de données
-    // sans oublier d'indiquer la valeur par defaut
-    // Pouvoir supprimer une valeur
-    onClickRemoveListValue( fieldId );
-    // s'assurer qu'il n'y a qu'une valeur par défaut cochée dans les listes
-    onClickDefaultValueRemoveOthers( fieldId );
-    valueId++;
-  });
-}
-// Logique pour le bouton supprimer une valeur
-function onClickRemoveListValue( fieldId ) {
-  $('.new-field[data-id="' + fieldId + '"] .remove-value.button').click( function() {
-    $( '.new-field[data-id="' + fieldId + '"] .new-value[data-list-value-id="' + $( this ).attr( 'data-list-value-id' ) + '"]' ).fadeOut( 200 , this.remove() );
-    // TODO : logique pour retirer une valeur du tableau d'envoi
-  });
-}
-// Dans une liste il ne peut y avoir qu'une valeur par défaut cochée
-function onClickDefaultValueRemoveOthers( fieldId ) {
-  $( '.new-field[data-id="' + fieldId + '"] .is-defaut-value' ).click( function() {
-    $( '.new-field[data-id="' + fieldId + '"] .is-defaut-value' ).not( $( this ) ).removeAttr('checked');
-  });
-}
-// TODO : ci-dessous l'envoi des données
-// quand je pensais le faire à travers des input hidden au dessus du submit
-// la logique pourrait encore servir?
-// il manquait juste les valeurs pour les listes (select,checkbox, etc.)
-// et l'ajout d'une valeur 'autre' si la checkbox était checkée
-//
-// // Remplissage de l'attribut valut de l'input hidden .field-value-submit
-// // pour l'envoi des informations qui dépendent de l'élément choisi
-// function onCollectDataValuesToSubmit( fieldId , selectedList ) {
-//     switch( selectedList ) {
-//       case 'number':
-//       case 'range':
-//         //default
-//         var ph = 'ph:' + $( '.new-field[data-id="' + fieldId + '"] .aide-saisie' ).val() + ';';
-//         var def = 'def:' + $( '.new-field[data-id="' + fieldId + '"] .default' ).val() + ';';
-//         var step = 'step:' + $( '.new-field[data-id="' + fieldId + '"] .default' ).val() + ';';
-//         var min = 'min:' + $( '.new-field[data-id="' + fieldId + '"] .min' ).val() + ';';
-//         var max = 'max:' + $( '.new-field[data-id="' + fieldId + '"] .max' ).val() + ';';
-//         $( '.field-value-submit[data-id="' + fieldId + '"]' ).val( '{' + ph + def + step + min + max + '}');
-//         // Placeholder
-//         $( '.new-field[data-id="' + fieldId + '"] .aide-saisie' ).change( function() {
-//           ph = 'ph:"' + $( this ).val() + '";';
-//           $( '.field-value-submit[data-id="' + fieldId + '"]' ).val( '{' + ph + def + step + min + max + '}');
-//         });
-//         // Valeur par défaut
-//         $( '.new-field[data-id="' + fieldId + '"] .default' ).change( function() {
-//           def = 'def:' + $( this ).val() + ';';
-//           $( '.field-value-submit[data-id="' + fieldId + '"]' ).val( '{' + ph + def + step + min + max + '}');
-//         });
-//         // Incrémentation ( attribut step="" )
-//         $( '.new-field[data-id="' + fieldId + '"] .step' ).change( function() {
-//           step = 'step:' + $( this ).val() + ';';
-//           $( '.field-value-submit[data-id="' + fieldId + '"]' ).val( '{' + ph + def + step + min + max + '}');
-//         });
-//         // Min
-//         $( '.new-field[data-id="' + fieldId + '"] .min' ).change( function() {
-//           min = 'min:' + $( this ).val() + ';';
-//           $( '.field-value-submit[data-id="' + fieldId + '"]' ).val( '{' + ph + def + step + min + max + '}');
-//         });
-//         // Max
-//         $( '.new-field[data-id="' + fieldId + '"] .max' ).change( function() {
-//           max = 'max:' + $( this ).val() + ';';
-//           $( '.field-value-submit[data-id="' + fieldId + '"]' ).val( '{' + ph + def + step + min + max + '}');
-//         });
+        // Max
         if( $( '.new-field[data-id="' + index + '"] .max' ).val() ) {
-//         break;
+          datasToSubmitObject.fieldValues.max = $( '.new-field[data-id="' + index + '"] .max' ).val();
+        }
       $fileInput.focus();
+    }
   });
   // action lorsque le label est cliqué
-  $button.click(function() {
+  $button.click( function() {
     $fileInput.focus();
     return false;
   });
       var tmppath = URL.createObjectURL( file );
       $theReturn.append( '<img src="' + tmppath + '" width="50%">' );
+    }
   });
+}

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/manager/squelettes/js/manager.js – Rev 3168 → 3171