diff --git a/view/input.php b/view/input.php index 0c49dfb..7c78d3d 100755 --- a/view/input.php +++ b/view/input.php @@ -62,87 +62,106 @@
-

+ +

-->
+

Ajouter un contact

Remplir les fiches relations des contacts

- -

- -    
+
+ +

Prénom1 Nom1 (Pseudo1)

-
+
+ +     +
-
- Situation familiale:
-    
-    
-    
+
+ +
-
+
+ +
-
+
+ Situation familiale:
+    
+    
+     +
- Où habite t-elle/il ?
-    
-    
-    
-    
+
+ +
-
+
+ +
+ +
+ Où habite t-elle/il ?
+    
+    
+    
+     +
+ +
Depuis quand connaissez-vous cette personne ? -
-
+ +

-
+
+ +
- Avec quelle fréquence discutez-vous avec cette personne ? +
+ Avec quelle fréquence discutez-vous avec cette personne ? +
- - +
diff --git a/view/js/input-min.js b/view/js/input-min.js index 63a0033..2374436 100644 --- a/view/js/input-min.js +++ b/view/js/input-min.js @@ -1,5 +1,6 @@ -var contactBuilder=new HTMLBuilder,contactBuilderLayout=" ",contactBuilderLayout=contactBuilderLayout+" ",contactBuilderLayout=contactBuilderLayout+" ",contactBuilderLayout=contactBuilderLayout+" ", -contactBuilderLayout=contactBuilderLayout+"";contactBuilder.setLayout(contactBuilderLayout);function newContactHTMLBuilder(b,a,c,d){var e=document.createElement("h4");e.dataset.icon="p";e.className="new-contact";e.innerHTML=contactBuilder.build({number:"string"!=typeof b?"":b,username:"string"!=typeof a?"":a,firstname:"string"!=typeof c?"":c,lastname:"string"!=typeof d?"":d});return e}var ficheRelationHTML=""; -function updateListener(b,a,c,d){b.removeEventListener(a,c);d.addEventListener(a,c);return d}var ic=new inputChecker,FormDeflaterP={tags:["input"],attr:["data-name"]},importCallLog=$('input#call_log-import[type="file"]'),contactDeflaters=[];function contactForms(){var b=$$("h4.new-contact");contactDeflaters=[];for(var a=0;a "); +var ficheBuilder=new HTMLBuilder;ficheBuilder.setLayout("

"); +function updateListener(b,a,c,d){b.removeEventListener(a,c);d.addEventListener(a,c);return d}var ic=new inputChecker,FormDeflaterP={tags:["input"],attr:["data-name"]},importCallLog=$('input#call_log-import[type="file"]'),contactDeflaters=[];function contactForms(){var b=$$("h4.new-contact");contactDeflaters=[];for(var a=0;a "+ + " "+ + " "+ + " "+ + " "+ + ""+ + ""); -/* (1) Contiendra le formulaire d'ajout de contact (numéro, pseudo, prénom, nom, submit) */ -function newContactHTMLBuilder(number, username, firstname, lastname){ - var root = document.createElement('h4'); - root.dataset.icon = 'p'; - root.className = 'new-contact'; - - root.innerHTML = contactBuilder.build({ - number: (typeof number != 'string') ? '' : number, - username: (typeof username != 'string') ? '' : username, - firstname: (typeof firstname != 'string') ? '' : firstname, - lastname: (typeof lastname != 'string') ? '' : lastname - }); - - return root; -} /* (2) TODO: Contiendra la fiche relation complète */ -var ficheRelationHTML = ""; - - +var ficheBuilder = new HTMLBuilder(); +ficheBuilder.setLayout( + "

"+ + " "+ + " "+ + " "+ + " "+ + ""+ + "

"); // Fonction qui met à jour un élément et son listener @@ -82,13 +75,13 @@ var FormDeflaterP = { tags: ['input'], attr: ['data-name'] }; + /* [2] Indexation des inputs =========================================================*/ /* (1) Input de type fichier pour l'import */ var importCallLog = $('input#call_log-import[type="file"]'); - /* (2) Contiendra les formulaires des contacts ajoutés */ var contactDeflaters = []; // Contiendra les deflaters de chaque formulaire d'ajout de contact function contactForms(){ @@ -104,55 +97,88 @@ function contactForms(){ return contactForms; } - - - /* (3) Bouton d'ajout de contact */ var addContact = $('h4.add-contact'); +/* (4) Bouton d'ajout de fiche */ +var addFiche = $('h4.add-fiche'); -// Fonction pour l'ajout d'un contact + +/* [3] Gestion des formulaires de contact +=========================================================*/ +/* (0) Conteneur de tous les formulaires */ var contactContainer = $('article.contact-panel'); -function addNewContact(){ - console.log('adding New Contact'); - // {1} On récupère les éléments (dont les contacts) // - var children = contactContainer.children; - var clen = children.length; - console.log( children ); - // {2} On retire les 2 derniers enfants // - contactContainer.removeChild(addContact); - - // {3} On ajoute le nouveau contact // - contactContainer.appendChild( newContactHTMLBuilder() ); - - // {4} On remet les enfants précédemment enlevés // - contactContainer.appendChild(addContact); - - - - // {4} On met à jour notre listener // - // addContact = updateListener(addContact, 'click', addNewContact, $('h4.add-contact')); +/* (1) Fonction pour l'ajout d'un contact */ +function addNewContact(number, username, firstname, lastname){ + contactContainer.innerHTML += contactBuilder.build({ + number: (typeof number != 'string') ? '' : number, + username: (typeof username != 'string') ? '' : username, + firstname: (typeof firstname != 'string') ? '' : firstname, + lastname: (typeof lastname != 'string') ? '' : lastname + }); } +// On ajoute le premier +addNewContact(); + +// Puis on attache l'évènement pour en ajouter d'autres manuellement addContact.addEventListener('click', addNewContact, false); + +/* [4] Gestion des fiches relation +=========================================================*/ +/* (0) Conteneur de tous les formulaires */ +var ficheContainer = $('article.contact-panel'); + +/* (1) Fonction pour l'ajout d'un contact */ +function addNewFiche(number, username, firstname, lastname){ + ficheContainer.innerHTML += contactBuilder.build({ + number: (typeof number != 'string') ? '' : number, + username: (typeof username != 'string') ? '' : username, + firstname: (typeof firstname != 'string') ? '' : firstname, + lastname: (typeof lastname != 'string') ? '' : lastname + }); +} + +// On ajoute la première +// addNewFiche(); + +// Puis on attache l'évènement pour en ajouter d'autres manuellement +// addContact.addEventListener('click', addNewFiche, false); + + + + + + + +/* [5] Gestion des deflaters (formulaires) de contact +=========================================================*/ + + + + + + +/* [6] Gestion des deflaters (formulaires) de fiches +=========================================================*/ /* (4) Contiendra les formulaires de fiche relation */ -var relationDeflaters = []; // Contiendra les deflaters de chaque formulaire de fiche de relation -function relationForms(){ +var ficheDeflaters = []; // Contiendra les deflaters de chaque formulaire de fiche de fiche +function ficheForms(){ // {1} On récupère les formulaires // - var relationForms = $$('h4.fiche-relation'); + var ficheForms = $$('h4.fiche-fiche'); // {2} Mise à jour des deflaters // - relationDeflaters = []; - for( var i = 0 ; i < relationForms.length ; i++ ) - relationDeflaters.push( new FormDeflater( relationForms[i], FormDeflaterP.tags, FormDeflaterP.attr )); + ficheDeflaters = []; + for( var i = 0 ; i < ficheForms.length ; i++ ) + ficheDeflaters.push( new FormDeflater( ficheForms[i], FormDeflaterP.tags, FormDeflaterP.attr )); // {3} On retourne la liste des formulaires // - return relationForms; + return ficheForms; }