From 0b70913b264f4b66559b1e14ee783a02e2af4a5f Mon Sep 17 00:00:00 2001
From: xdrm-brackets <doowap31@gmail.com>
Date: Tue, 3 May 2016 16:46:38 +0200
Subject: [PATCH] =?UTF-8?q?Gestion=20de=20la=20cr=C3=A9ation=20des=20fiche?=
 =?UTF-8?q?s=20avec=20le=20top=2010=20des=20`appels`,=20puis=20le=20top=20?=
 =?UTF-8?q?10=20des=20`sms`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/includes/input-html-data-min.js   |  2 +-
 js/includes/input-html-data.js       |  1 +
 js/includes/input-phone-fiche-min.js | 28 +++++++------
 js/includes/input-phone-fiche.js     | 62 ++++++++++++++++++++--------
 view/js/input-min.js                 | 11 +++--
 view/js/input.js                     |  6 +--
 6 files changed, 69 insertions(+), 41 deletions(-)

diff --git a/js/includes/input-html-data-min.js b/js/includes/input-html-data-min.js
index a9adf32..769abde 100644
--- a/js/includes/input-html-data-min.js
+++ b/js/includes/input-html-data-min.js
@@ -1,3 +1,3 @@
 var contactBuilder=new HTMLBuilder;contactBuilder.setLayout("<h4 data-icon='o' class='new-contact color2'> \n\t<input type='hidden' data-name='uid' value='@uid'>\n\t<input type='hidden' data-name='call' value='@call'>\n\t<input type='hidden' data-name='sms' value='@sms'>\n\t<input type='text' data-name='number'    placeholder='Num\u00e9ro de t\u00e9l\u00e9phone' value='@number'    > \n\t<input type='text' data-name='username'  placeholder='Pseudo'              value='@username'  > \n\t<span class='switch-left'></span> \n\t<input type='text' data-name='firstname' placeholder='Pr\u00e9nom'              value='@firstname' > \n\t<span class='switch-both'></span> \n\t<input type='text' data-name='lastname'  placeholder='Nom'                 value='@lastname'  > \n\t<input type='submit' class='primary sub-number'                            value='Enregistrer'>\n</h4>\n\n");
 var miniFicheBuilder=new HTMLBuilder;miniFicheBuilder.setLayout("<article class='mini-fiche-relation'>\n\t<input type='hidden' data-name='uid' value='@uid'>\n\t<input type='hidden' data-name='firstname' value='@firstname'>\n\t<input type='hidden' data-name='lastname' value='@lastname'>\n\t<input type='hidden' data-name='username' value='@username'>\n\t<span data-space></span>\n\t<h4 data-icon='a' class='color2'>@firstname @lastname @username</h4>\n\t<h5 class='nobold color0'>\t\t10 appels\t</h5>\t<h5 class='nobold color0'>\t\t15 sms\t</h5>\t<h5 class='nobold color0'>\n\t\t<input type='radio' name='sexe_min_@uid' data-name='sexe' id='sexeH_min_@uid'><label for='sexeH_min_@uid'>Homme</label>\n\t\t&nbsp&nbsp&nbsp<input type='radio' name='sexe_min_@uid' data-name='sexe' id='sexeF_min_@uid'><label for='sexeF_min_@uid'>Femme</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t<input type='number' min='5' max='120' data-name='age' placeholder='Age' value='@age'>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t<span class='select-container'><select data-name='job'>\n\t\t\t<option value='.' disabled>Derni\u00e8re profession exerc\u00e9e:</option>\n\t\t\t<option value='0'>Inconnue</option>\n\t\t\t<option value='1-' disabled>Agriculateur exploitants</option>\n\t\t\t\t<option value='10'>- Agriculteurs exploitants (Agriculteurs, mara\u00eechers, viticulteurs\u2026)</option>\n\t\t\t<option value='2-' disabled>Artisans, commer\u00e7ants et chefs d'entreprises</option>\n\t\t\t\t<option value='21'>- Artisans (Ma\u00e7ons, \u00e9lectriciens, couturiers, boulangers, garagistes, coiffeurs\u2026)</option>\n\t\t\t\t<option value='22'>- Commer\u00e7ants et assimil\u00e9s (Commer\u00e7ants en d\u00e9tail ou en gros, buralistes, cafetiers, agents immobiliers\u2026)</option>\n\t\t\t\t<option value='23'>- Chefs d'entreprise de 10 salari\u00e9s ou plus</option>\n\t\t\t<option value='3-' disabled>Cadres et professions intellectuelles sup\u00e9rieures</option>\n\t\t\t\t<option value='31'>- Professions lib\u00e9rales et assimil\u00e9s (M\u00e9decins, avocats, notaires, architectes lib\u00e9raux\u2026)</option>\n\t\t\t\t<option value='32'>- Cadres de la fonction publique, professions intellectuelles et artistiques (Personnels administratifs</option>\n\t\t\t\t\t<option class='pad' value='32'>de cat\u00e9gorie A, professeurs de l\u2019enseignement secondaire ou sup\u00e9rieur, m\u00e9decins hospitaliers, artistes\u2026)</option>\n\t\t\t\t<option value='36'>- Cadres d'entreprise (Cadres administratifs, cadres commerciaux, ing\u00e9nieurs\u2026)</option>\n\t\t\t<option value='4-' disabled>Professions Interm\u00e9diaires</option>\n\t\t\t\t<option value='41'>- Professions interm\u00e9diaires de l'enseignement, de la sant\u00e9, de la fonction publique et assimil\u00e9s </option>\n\t\t\t\t\t<option class='pad' value='41'>(Personnels administratifs de cat\u00e9gorie B, instituteurs, infirmiers, travailleurs sociaux\u2026)</option>\n\t\t\t\t<option value='46'>- Professions interm\u00e9diaires administratives et commerciales des entreprises (Comptables, charg\u00e9s de client\u00e8les\u2026)</option>\n\t\t\t\t<option value='47'>- Techniciens (Techniciens d\u2019\u00e9tudes, techniciens de contr\u00f4le, dessinateurs en b\u00e2timent, g\u00e9om\u00e8tres\u2026)</option>\n\t\t\t\t<option value='48'>- Contrema\u00eetres, agents de ma\u00eetrise (Conducteurs de travaux, chefs d\u2019\u00e9quipe\u2026)</option>\n\t\t\t<option value='5-' disabled>Employ\u00e9s</option>\n\t\t\t\t<option value='51'>- Employ\u00e9s de la fonction publique (Personnels de cat\u00e9gorie C, agents administratifs, agents de service\u2026)</option>\n\t\t\t\t<option value='54'>- Employ\u00e9s administratifs d'entreprise (Secr\u00e9taires, agents d\u2019accueil\u2026)</option>\n\t\t\t\t<option value='55'>- Employ\u00e9s de commerce (Vendeurs, caissiers\u2026)</option>\n\t\t\t\t<option value='56'>- Personnels des services directs aux particuliers (Serveurs, coiffeurs, assistantes maternelles\u2026)</option>\n\t\t\t<option value='6-' disabled>Ouvriers</option>\n\t\t\t\t<option value='61'>- Ouvriers qualifi\u00e9s de type industriel ou artisanal (M\u00e9caniciens, chauffeurs, cuisiniers\u2026)</option>\n\t\t\t\t<option value='66'>- Ouvriers non qualifi\u00e9s de type industriel ou artisanal (Ouvrier de production, man\u0153uvres\u2026)</option>\n\t\t\t\t<option value='69'>- Ouvriers agricoles (Bergers, ouvriers de la viticulture, b\u00fbcherons, ouvrier forestiers\u2026)</option>\n\t\t\t<option value='7-' disabled>Retrait\u00e9s</option>\n\t\t\t\t<option value='71'>- Anciens agriculteurs exploitants</option>\n\t\t\t\t<option value='72'>- Anciens artisans, commer\u00e7ants, chefs d'entreprise</option>\n\t\t\t\t<option value='73'>- Anciens cadres</option>\n\t\t\t\t<option value='74'>- Anciennes professions interm\u00e9diaires</option>\n\t\t\t\t<option value='75'>- Anciens employ\u00e9s</option>\n\t\t\t\t<option value='76'>- Anciens ouvriers</option>\n\t\t\t<option value='8-' disabled>Sans activit\u00e9 professionnelle</option>\n\t\t\t\t<option value='81'>- Ch\u00f4meurs n'ayant jamais travaill\u00e9</option>\n\t\t\t\t<option value='82'>- Inactifs divers (autres que retrait\u00e9s)</option>\n\t\t</select></span>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tO\u00f9 habite t-elle/il\u00a0?<br>\n\t\t&nbsp&nbsp&nbsp<input type='radio' name='loc_min_@uid' data-name='loc' id='locA_min_@uid'><label for='locA_min_@uid'>- de 10km</label><br>\n\t\t&nbsp&nbsp&nbsp<input type='radio' name='loc_min_@uid' data-name='loc' id='locB_min_@uid'><label for='locB_min_@uid'>de 10km \u00e0 30km</label><br>\n\t\t&nbsp&nbsp&nbsp<input type='radio' name='loc_min_@uid' data-name='loc' id='locC_min_@uid'><label for='locC_min_@uid'>de 30km \u00e0 100km</label><br>\n\t\t&nbsp&nbsp&nbsp<input type='radio' name='loc_min_@uid' data-name='loc' id='locD_min_@uid'><label for='locD_min_@uid'>+ de 100km</label>\n\t</h5>\n</article>");
-var ficheBuilder=new HTMLBuilder;ficheBuilder.setLayout("<article class='fiche-relation'>\n\t<input type='hidden' data-name='uid' value='@uid'>\n\t<input type='hidden' data-name='firstname' value='@firstname'>\n\t<input type='hidden' data-name='lastname' value='@lastname'>\n\t<input type='hidden' data-name='username' value='@username'>\n\t<h4 data-icon='a' class='color2'>@firstname @lastname @username</h4>\n\t<h5 class='nobold color0'>\n\t\t<input type='radio' name='sexe_@uid' data-name='sexe' id='sexeH_@uid'><label for='sexeH_@uid'>Homme</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='sexe_@uid' data-name='sexe' id='sexeF_@uid'><label for='sexeF_@uid'>Femme</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t<input type='number' min='5' max='120' data-name='age' placeholder='Age' value='@age'>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t<span class='select-container'><select data-name='job'>\n\t\t\t<option value='.' disabled selected>Derni\u00e8re profession exerc\u00e9e:</option>\n\t\t\t<option value='0'>Inconnue</option>\n\t\t\t<option value='1-' disabled>Agriculateur exploitants</option>\n\t\t\t\t<option value='10'>- Agriculteurs exploitants (Agriculteurs, mara\u00eechers, viticulteurs\u2026)</option>\n\t\t\t<option value='2-' disabled>Artisans, commer\u00e7ants et chefs d'entreprises</option>\n\t\t\t\t<option value='21'>- Artisans (Ma\u00e7ons, \u00e9lectriciens, couturiers, boulangers, garagistes, coiffeurs\u2026)</option>\n\t\t\t\t<option value='22'>- Commer\u00e7ants et assimil\u00e9s (Commer\u00e7ants en d\u00e9tail ou en gros, buralistes, cafetiers, agents immobiliers\u2026)</option>\n\t\t\t\t<option value='23'>- Chefs d'entreprise de 10 salari\u00e9s ou plus</option>\n\t\t\t<option value='3-' disabled>Cadres et professions intellectuelles sup\u00e9rieures</option>\n\t\t\t\t<option value='31'>- Professions lib\u00e9rales et assimil\u00e9s (M\u00e9decins, avocats, notaires, architectes lib\u00e9raux\u2026)</option>\n\t\t\t\t<option value='32'>- Cadres de la fonction publique, professions intellectuelles et artistiques (Personnels administratifs</option>\n\t\t\t\t\t<option class='pad' value='32'>de cat\u00e9gorie A, professeurs de l\u2019enseignement secondaire ou sup\u00e9rieur, m\u00e9decins hospitaliers, artistes\u2026)</option>\n\t\t\t\t<option value='36'>- Cadres d'entreprise (Cadres administratifs, cadres commerciaux, ing\u00e9nieurs\u2026)</option>\n\t\t\t<option value='4-' disabled>Professions Interm\u00e9diaires</option>\n\t\t\t\t<option value='41'>- Professions interm\u00e9diaires de l'enseignement, de la sant\u00e9, de la fonction publique et assimil\u00e9s </option>\n\t\t\t\t\t<option class='pad' value='41'>(Personnels administratifs de cat\u00e9gorie B, instituteurs, infirmiers, travailleurs sociaux\u2026)</option>\n\t\t\t\t<option value='46'>- Professions interm\u00e9diaires administratives et commerciales des entreprises (Comptables, charg\u00e9s de client\u00e8les\u2026)</option>\n\t\t\t\t<option value='47'>- Techniciens (Techniciens d\u2019\u00e9tudes, techniciens de contr\u00f4le, dessinateurs en b\u00e2timent, g\u00e9om\u00e8tres\u2026)</option>\n\t\t\t\t<option value='48'>- Contrema\u00eetres, agents de ma\u00eetrise (Conducteurs de travaux, chefs d\u2019\u00e9quipe\u2026)</option>\n\t\t\t<option value='5-' disabled>Employ\u00e9s</option>\n\t\t\t\t<option value='51'>- Employ\u00e9s de la fonction publique (Personnels de cat\u00e9gorie C, agents administratifs, agents de service\u2026)</option>\n\t\t\t\t<option value='54'>- Employ\u00e9s administratifs d'entreprise (Secr\u00e9taires, agents d\u2019accueil\u2026)</option>\n\t\t\t\t<option value='55'>- Employ\u00e9s de commerce (Vendeurs, caissiers\u2026)</option>\n\t\t\t\t<option value='56'>- Personnels des services directs aux particuliers (Serveurs, coiffeurs, assistantes maternelles\u2026)</option>\n\t\t\t<option value='6-' disabled>Ouvriers</option>\n\t\t\t\t<option value='61'>- Ouvriers qualifi\u00e9s de type industriel ou artisanal (M\u00e9caniciens, chauffeurs, cuisiniers\u2026)</option>\n\t\t\t\t<option value='66'>- Ouvriers non qualifi\u00e9s de type industriel ou artisanal (Ouvrier de production, man\u0153uvres\u2026)</option>\n\t\t\t\t<option value='69'>- Ouvriers agricoles (Bergers, ouvriers de la viticulture, b\u00fbcherons, ouvrier forestiers\u2026)</option>\n\t\t\t<option value='7-' disabled>Retrait\u00e9s</option>\n\t\t\t\t<option value='71'>- Anciens agriculteurs exploitants</option>\n\t\t\t\t<option value='72'>- Anciens artisans, commer\u00e7ants, chefs d'entreprise</option>\n\t\t\t\t<option value='73'>- Anciens cadres</option>\n\t\t\t\t<option value='74'>- Anciennes professions interm\u00e9diaires</option>\n\t\t\t\t<option value='75'>- Anciens employ\u00e9s</option>\n\t\t\t\t<option value='76'>- Anciens ouvriers</option>\n\t\t\t<option value='8-' disabled>Sans activit\u00e9 professionnelle</option>\n\t\t\t\t<option value='81'>- Ch\u00f4meurs n'ayant jamais travaill\u00e9</option>\n\t\t\t\t<option value='82'>- Inactifs divers (autres que retrait\u00e9s)</option>\n\t\t</select></span>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tSituation familiale:<br>\n\t\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='famsit_@uid' data-name='famsit' id='famsitA_@uid'><label for='famsitA_@uid'>Seul</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='famsit_@uid' data-name='famsit' id='famsitB_@uid'><label for='famsitB_@uid'>En couple sans enfants</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='famsit_@uid' data-name='famsit' id='famsitC_@uid'><label for='famsitC_@uid'>En couple avec enfants</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t<span class='select-container'><select data-name='studies'>\n\t\t\t<option value='.' disabled selected>Niveau d'\u00e9tudes maximal:</option>\n\t\t\t<option value='0'>Inconnue</option>\n\t\t\t<option value='01'>- Pas de scolarit\u00e9</option>\n\t\t\t<option value='02'>- Aucun dipl\u00f4me mais scolarit\u00e9 jusqu'en \u00e9cole primaire ou au coll\u00e8ge</option>\n\t\t\t<option value='03'>- Aucun dipl\u00f4me mais scolarit\u00e9 au-del\u00e0 du coll\u00e8ge</option>\n\t\t\t<option value='04'>- Certificat d'\u00e9tudes primaires (CEP)</option>\n\t\t\t<option value='05'>- BEPC, brevet \u00e9l\u00e9mentaire, brevet des coll\u00e8ges</option>\n\t\t\t<option value='06'>- Certificat d'aptitudes professionnelles (CAP), brevet de compagnon, y compris CAPA</option>\n\t\t\t<option value='07'>- Brevet d'\u00e9tudes professionnelles (BEP), y compris BEPA et dipl\u00f4mes agricoles (BAA, BPA)</option>\n\t\t\t\t<option value='07' class='pad'>Dipl\u00f4mes sociaux (aide-soignante, auxiliaire de pu\u00e9riculture, travailleuse familiale)</option>\n\t\t\t<option value='08'>- Baccalaur\u00e9at g\u00e9n\u00e9ral, brevet sup\u00e9rieur</option>\n\t\t\t\t<option class='pad' value='08'>BAC ( L, ES, S ou A, B , C, D, D\u2019, E )</option>\n\t\t\t<option value='09'>- Bac technologique ou professionnel, brevet professionnel ou de technicien</option>\n\t\t\t\t<option class='pad' value='09'>BAC (STI, STL, SMS, STT ou F, G, H)</option>\n\t\t\t\t<option class='pad' value='09'>BEC, BEI, BEH, capacit\u00e9 en droit</option>\n\t\t\t\t<option class='pad' value='09'>Brevet de technicien agricole (BTA)</option>\n\t\t\t<option value='10'>- Dipl\u00f4me universitaire de 1er cycle</option>\n\t\t\t\t<option class='pad' value='10'>BTS, DUT, DEUG</option>\n\t\t\t\t<option class='pad' value='10'>Dipl\u00f4me des professions sociales ou de sant\u00e9, d'infirmier(\u00e8re)</option>\n\t\t\t\t<option class='pad' value='10'>Dipl\u00f4me universitaire prop\u00e9deutique, DUEL, DUES, DEUG, PCEM</option>\n\t\t\t<option value='11'>- Dipl\u00f4me universitaire de 2\u00e8me ou 3\u00e8me cycle</option>\n\t\t\t\t<option class='pad' value='11'>MASTER, DOCTORAT (y compris m\u00e9decine, pharmacie, dentaire),</option>\n\t\t\t\t<option class='pad' value='11'>Ma\u00eetrise, DEA, DESS,</option>\n\t\t\t\t<option class='pad' value='11'>CAPES, CAPET, agr\u00e9gation</option>\n\t\t\t\t<option class='pad' value='11'>Dipl\u00f4me d'ing\u00e9nieur, d'une grande \u00e9cole, etc.</option>\n\t\t</select></span>\n\t</h5>\n\t<h4 data-icon='a'>Type de relation</h4>\n\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype0_@uid'><label for='reltype0_@uid'>P\u00e8re, m\u00e8re ou \u00e9quivalent</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype1_@uid'><label for='reltype1_@uid'>Fr\u00e8re ou soeur</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype2_@uid'><label for='reltype2_@uid'>Autre membre de la famille</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype3_@uid'><label for='reltype3_@uid'>Relation amoureuse</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype4_@uid'><label for='reltype4_@uid'>Coll\u00e8gue</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype5_@uid'><label for='reltype5_@uid'>Voisin</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype6_@uid'><label for='reltype6_@uid'>Ami</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype7_@uid'><label for='reltype7_@uid'>Copain</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype8_@uid'><label for='reltype8_@uid'>Autre : <input type='text' data-name='reltypeSpecial' placeholder='co\u00e9quipier de tennis, ..' value='@reltypespecial'></label><br>\n\t</h5>\n\t<h4 data-icon='m'>O\u00f9 habite t-elle/il\u00a0?</h4>\n\t<h5 class='nobold color0'>\n\t\t<input type='text' data-name='city' placeholder='Ville' value='@city'>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tO\u00f9 habite t-elle/il\u00a0?<br>\n\t\t&nbsp&nbsp&nbsp<input type='radio' name='loc_@uid' data-name='loc' id='locA_@uid'><label for='locA_@uid'>- de 10km</label><br>\n\t\t&nbsp&nbsp&nbsp<input type='radio' name='loc_@uid' data-name='loc' id='locB_@uid'><label for='locB_@uid'>de 10km \u00e0 30km</label><br>\n\t\t&nbsp&nbsp&nbsp<input type='radio' name='loc_@uid' data-name='loc' id='locC_@uid'><label for='locC_@uid'>de 30km \u00e0 100km</label><br>\n\t\t&nbsp&nbsp&nbsp<input type='radio' name='loc_@uid' data-name='loc' id='locD_@uid'><label for='locD_@uid'>+ de 100km</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc2_@uid' data-name='loc2' id='loc2A_@uid'><label for='loc2A_@uid'>- de 5 minutes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc2_@uid' data-name='loc2' id='loc2B_@uid'><label for='loc2B_@uid'>de 5 \u00e0 15 minutes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc2_@uid' data-name='loc2' id='loc2C_@uid'><label for='loc2C_@uid'>de 15 \u00e0 60 minutes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc2_@uid' data-name='loc2' id='loc2D_@uid'><label for='loc2D_@uid'>+ d'une heure</label><br>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tDepuis quand connaissez-vous cette personne ?<br><br>\n\t\t<input type='number'               style='width: 5em;' data-name='duration' min='0' max='11'  step='1' placeholder='mois' value='@duration0'>mois\n\t\tet &nbsp;&nbsp;&nbsp;<input type='number' style='width: 5em;' data-name='duration' min='0' max='100' step='1' placeholder='ann\u00e9es' value='@duration1'>ans.\n\t</h5>\n\t<h4 data-icon='d'>Contexte de rencontre</h4>\n\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte0_@uid'> <label for='contexte0_@uid'>De la m\u00eame famille</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte1_@uid'> <label for='contexte1_@uid'>Grandi ensemble</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte2_@uid'> <label for='contexte2_@uid'>Par mon mari/ma femme/relation amoureuse</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte3_@uid'> <label for='contexte3_@uid'>Par mes parents</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte4_@uid'> <label for='contexte4_@uid'>Par mes enfants</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte5_@uid'> <label for='contexte5_@uid'>Par un ami</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte6_@uid'> <label for='contexte6_@uid'>Comme voisin</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte7_@uid'> <label for='contexte7_@uid'>Par d\u2019autres membres de la famille</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte8_@uid'> <label for='contexte8_@uid'>Etudes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte9_@uid'> <label for='contexte9_@uid'>Etudes sup\u00e9rieures</label><br>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte10_@uid'><label for='contexte10_@uid'>Au travail</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte11_@uid'><label for='contexte11_@uid'>Internet (quel contexte\u00a0? pr\u00e9ciser <input type='text' data-name='contextSpecial' placeholder='facebook, youtube, twitter, ..' value='@contextspecial0'>)</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte12_@uid'><label for='contexte12_@uid'>Par une association (quel type : <input type='text' data-name='contextSpecial' placeholder='aide \u00e0 la personne, sport, ..' value='@contextspecial1'>)</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte13_@uid'><label for='contexte13_@uid'>Autre\u00a0: <input type='text' data-name='contextSpecial' placeholder='vacances, ..' value='@contextspecial2'></label><br>\n\t</h5>\n\t<h4 data-icon='b'>Avec quelle fr\u00e9quence discutez-vous avec cette personne\u00a0?</h4>\n\t<h5 class='nobold color0'>\n\t\tFace \u00e0 face<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_@uid' data-name='freq0' id='freq01_@uid'><label for='freq01_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_@uid' data-name='freq0' id='freq02_@uid'><label for='freq02_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_@uid' data-name='freq0' id='freq03_@uid'><label for='freq03_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_@uid' data-name='freq0' id='freq04_@uid'><label for='freq04_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tT\u00e9l\u00e9phone ou skype et \u00e9quivalent<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_@uid' data-name='freq1' id='freq11_@uid'><label for='freq11_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_@uid' data-name='freq1' id='freq12_@uid'><label for='freq12_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_@uid' data-name='freq1' id='freq13_@uid'><label for='freq13_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_@uid' data-name='freq1' id='freq14_@uid'><label for='freq14_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tSMS, et \u00e9quivalents<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_@uid' data-name='freq2' id='freq21_@uid'><label for='freq21_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_@uid' data-name='freq2' id='freq22_@uid'><label for='freq22_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_@uid' data-name='freq2' id='freq23_@uid'><label for='freq23_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_@uid' data-name='freq2' id='freq24_@uid'><label for='freq24_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tCourrier \u00e9lectronique<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_@uid' data-name='freq3' id='freq31_@uid'><label for='freq31_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_@uid' data-name='freq3' id='freq32_@uid'><label for='freq32_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_@uid' data-name='freq3' id='freq33_@uid'><label for='freq33_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_@uid' data-name='freq3' id='freq34_@uid'><label for='freq34_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tFacebook ou autre r\u00e9seau social<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_@uid' data-name='freq4' id='freq41_@uid'><label for='freq41_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_@uid' data-name='freq4' id='freq42_@uid'><label for='freq42_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_@uid' data-name='freq4' id='freq43_@uid'><label for='freq43_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_@uid' data-name='freq4' id='freq44_@uid'><label for='freq44_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h4 data-icon='r'>Comment \u00eates-vous \u00ab\u00a0connect\u00e9\u00a0\u00bb \u00e0 cette personne\u00a0?</h4>\n\t<h5 class='nobold color0'>\n\t\tSes coordonn\u00e9es sont dans votre carnet d\u2019adresse<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect1_@uid' data-name='connect0' id='connect11_@uid'><label for='connect11_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect1_@uid' data-name='connect0' id='connect12_@uid'><label for='connect12_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tSon num\u00e9ro de mobile est enregistr\u00e9 sur votre mobile (ou vous-m\u00eames \u00eates sur le sien)<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect2_@uid' data-name='connect1' id='connect21_@uid'><label for='connect21_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect2_@uid' data-name='connect1' id='connect22_@uid'><label for='connect22_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tElle figure parmi vos amis facebook<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect3_@uid' data-name='connect2' id='connect31_@uid'><label for='connect31_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect3_@uid' data-name='connect2' id='connect32_@uid'><label for='connect32_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tElle figure parmi vos amis facebook et vous interagissez avec elle sur ce dispositif r\u00e9guli\u00e8rement<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect4_@uid' data-name='connect3' id='connect41_@uid'><label for='connect41_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect4_@uid' data-name='connect3' id='connect42_@uid'><label for='connect42_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tVous le suivez sur Twitter<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect5_@uid' data-name='connect4' id='connect51_@uid'><label for='connect51_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect5_@uid' data-name='connect4' id='connect52_@uid'><label for='connect52_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tVous communiquez avec cette personne sur Twitter<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect6_@uid' data-name='connect5' id='connect61_@uid'><label for='connect61_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect6_@uid' data-name='connect5' id='connect62_@uid'><label for='connect62_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tVous communiquez dans autre r\u00e9seau social : <input type='text' data-name='connectSpecial' value='@connectspecial0'>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tVous communiquez dans un autre dispositif (blogs, jeu vid\u00e9o ou autre) : <input type='text' data-name='connectSpecial' value='@connectspecial1'>\n\t</h5>\n</article>\n");
+var ficheBuilder=new HTMLBuilder;ficheBuilder.setLayout("<article class='fiche-relation'>\n\t<input type='hidden' data-name='contact' value='@contact'>\n\t<input type='hidden' data-name='uid' value='@uid'>\n\t<input type='hidden' data-name='firstname' value='@firstname'>\n\t<input type='hidden' data-name='lastname' value='@lastname'>\n\t<input type='hidden' data-name='username' value='@username'>\n\t<h4 data-icon='a' class='color2'>@firstname @lastname @username</h4>\n\t<h5 class='nobold color0'>\n\t\t<input type='radio' name='sexe_@uid' data-name='sexe' id='sexeH_@uid'><label for='sexeH_@uid'>Homme</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='sexe_@uid' data-name='sexe' id='sexeF_@uid'><label for='sexeF_@uid'>Femme</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t<input type='number' min='5' max='120' data-name='age' placeholder='Age' value='@age'>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t<span class='select-container'><select data-name='job'>\n\t\t\t<option value='.' disabled selected>Derni\u00e8re profession exerc\u00e9e:</option>\n\t\t\t<option value='0'>Inconnue</option>\n\t\t\t<option value='1-' disabled>Agriculateur exploitants</option>\n\t\t\t\t<option value='10'>- Agriculteurs exploitants (Agriculteurs, mara\u00eechers, viticulteurs\u2026)</option>\n\t\t\t<option value='2-' disabled>Artisans, commer\u00e7ants et chefs d'entreprises</option>\n\t\t\t\t<option value='21'>- Artisans (Ma\u00e7ons, \u00e9lectriciens, couturiers, boulangers, garagistes, coiffeurs\u2026)</option>\n\t\t\t\t<option value='22'>- Commer\u00e7ants et assimil\u00e9s (Commer\u00e7ants en d\u00e9tail ou en gros, buralistes, cafetiers, agents immobiliers\u2026)</option>\n\t\t\t\t<option value='23'>- Chefs d'entreprise de 10 salari\u00e9s ou plus</option>\n\t\t\t<option value='3-' disabled>Cadres et professions intellectuelles sup\u00e9rieures</option>\n\t\t\t\t<option value='31'>- Professions lib\u00e9rales et assimil\u00e9s (M\u00e9decins, avocats, notaires, architectes lib\u00e9raux\u2026)</option>\n\t\t\t\t<option value='32'>- Cadres de la fonction publique, professions intellectuelles et artistiques (Personnels administratifs</option>\n\t\t\t\t\t<option class='pad' value='32'>de cat\u00e9gorie A, professeurs de l\u2019enseignement secondaire ou sup\u00e9rieur, m\u00e9decins hospitaliers, artistes\u2026)</option>\n\t\t\t\t<option value='36'>- Cadres d'entreprise (Cadres administratifs, cadres commerciaux, ing\u00e9nieurs\u2026)</option>\n\t\t\t<option value='4-' disabled>Professions Interm\u00e9diaires</option>\n\t\t\t\t<option value='41'>- Professions interm\u00e9diaires de l'enseignement, de la sant\u00e9, de la fonction publique et assimil\u00e9s </option>\n\t\t\t\t\t<option class='pad' value='41'>(Personnels administratifs de cat\u00e9gorie B, instituteurs, infirmiers, travailleurs sociaux\u2026)</option>\n\t\t\t\t<option value='46'>- Professions interm\u00e9diaires administratives et commerciales des entreprises (Comptables, charg\u00e9s de client\u00e8les\u2026)</option>\n\t\t\t\t<option value='47'>- Techniciens (Techniciens d\u2019\u00e9tudes, techniciens de contr\u00f4le, dessinateurs en b\u00e2timent, g\u00e9om\u00e8tres\u2026)</option>\n\t\t\t\t<option value='48'>- Contrema\u00eetres, agents de ma\u00eetrise (Conducteurs de travaux, chefs d\u2019\u00e9quipe\u2026)</option>\n\t\t\t<option value='5-' disabled>Employ\u00e9s</option>\n\t\t\t\t<option value='51'>- Employ\u00e9s de la fonction publique (Personnels de cat\u00e9gorie C, agents administratifs, agents de service\u2026)</option>\n\t\t\t\t<option value='54'>- Employ\u00e9s administratifs d'entreprise (Secr\u00e9taires, agents d\u2019accueil\u2026)</option>\n\t\t\t\t<option value='55'>- Employ\u00e9s de commerce (Vendeurs, caissiers\u2026)</option>\n\t\t\t\t<option value='56'>- Personnels des services directs aux particuliers (Serveurs, coiffeurs, assistantes maternelles\u2026)</option>\n\t\t\t<option value='6-' disabled>Ouvriers</option>\n\t\t\t\t<option value='61'>- Ouvriers qualifi\u00e9s de type industriel ou artisanal (M\u00e9caniciens, chauffeurs, cuisiniers\u2026)</option>\n\t\t\t\t<option value='66'>- Ouvriers non qualifi\u00e9s de type industriel ou artisanal (Ouvrier de production, man\u0153uvres\u2026)</option>\n\t\t\t\t<option value='69'>- Ouvriers agricoles (Bergers, ouvriers de la viticulture, b\u00fbcherons, ouvrier forestiers\u2026)</option>\n\t\t\t<option value='7-' disabled>Retrait\u00e9s</option>\n\t\t\t\t<option value='71'>- Anciens agriculteurs exploitants</option>\n\t\t\t\t<option value='72'>- Anciens artisans, commer\u00e7ants, chefs d'entreprise</option>\n\t\t\t\t<option value='73'>- Anciens cadres</option>\n\t\t\t\t<option value='74'>- Anciennes professions interm\u00e9diaires</option>\n\t\t\t\t<option value='75'>- Anciens employ\u00e9s</option>\n\t\t\t\t<option value='76'>- Anciens ouvriers</option>\n\t\t\t<option value='8-' disabled>Sans activit\u00e9 professionnelle</option>\n\t\t\t\t<option value='81'>- Ch\u00f4meurs n'ayant jamais travaill\u00e9</option>\n\t\t\t\t<option value='82'>- Inactifs divers (autres que retrait\u00e9s)</option>\n\t\t</select></span>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tSituation familiale:<br>\n\t\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='famsit_@uid' data-name='famsit' id='famsitA_@uid'><label for='famsitA_@uid'>Seul</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='famsit_@uid' data-name='famsit' id='famsitB_@uid'><label for='famsitB_@uid'>En couple sans enfants</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='famsit_@uid' data-name='famsit' id='famsitC_@uid'><label for='famsitC_@uid'>En couple avec enfants</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t<span class='select-container'><select data-name='studies'>\n\t\t\t<option value='.' disabled selected>Niveau d'\u00e9tudes maximal:</option>\n\t\t\t<option value='0'>Inconnue</option>\n\t\t\t<option value='01'>- Pas de scolarit\u00e9</option>\n\t\t\t<option value='02'>- Aucun dipl\u00f4me mais scolarit\u00e9 jusqu'en \u00e9cole primaire ou au coll\u00e8ge</option>\n\t\t\t<option value='03'>- Aucun dipl\u00f4me mais scolarit\u00e9 au-del\u00e0 du coll\u00e8ge</option>\n\t\t\t<option value='04'>- Certificat d'\u00e9tudes primaires (CEP)</option>\n\t\t\t<option value='05'>- BEPC, brevet \u00e9l\u00e9mentaire, brevet des coll\u00e8ges</option>\n\t\t\t<option value='06'>- Certificat d'aptitudes professionnelles (CAP), brevet de compagnon, y compris CAPA</option>\n\t\t\t<option value='07'>- Brevet d'\u00e9tudes professionnelles (BEP), y compris BEPA et dipl\u00f4mes agricoles (BAA, BPA)</option>\n\t\t\t\t<option value='07' class='pad'>Dipl\u00f4mes sociaux (aide-soignante, auxiliaire de pu\u00e9riculture, travailleuse familiale)</option>\n\t\t\t<option value='08'>- Baccalaur\u00e9at g\u00e9n\u00e9ral, brevet sup\u00e9rieur</option>\n\t\t\t\t<option class='pad' value='08'>BAC ( L, ES, S ou A, B , C, D, D\u2019, E )</option>\n\t\t\t<option value='09'>- Bac technologique ou professionnel, brevet professionnel ou de technicien</option>\n\t\t\t\t<option class='pad' value='09'>BAC (STI, STL, SMS, STT ou F, G, H)</option>\n\t\t\t\t<option class='pad' value='09'>BEC, BEI, BEH, capacit\u00e9 en droit</option>\n\t\t\t\t<option class='pad' value='09'>Brevet de technicien agricole (BTA)</option>\n\t\t\t<option value='10'>- Dipl\u00f4me universitaire de 1er cycle</option>\n\t\t\t\t<option class='pad' value='10'>BTS, DUT, DEUG</option>\n\t\t\t\t<option class='pad' value='10'>Dipl\u00f4me des professions sociales ou de sant\u00e9, d'infirmier(\u00e8re)</option>\n\t\t\t\t<option class='pad' value='10'>Dipl\u00f4me universitaire prop\u00e9deutique, DUEL, DUES, DEUG, PCEM</option>\n\t\t\t<option value='11'>- Dipl\u00f4me universitaire de 2\u00e8me ou 3\u00e8me cycle</option>\n\t\t\t\t<option class='pad' value='11'>MASTER, DOCTORAT (y compris m\u00e9decine, pharmacie, dentaire),</option>\n\t\t\t\t<option class='pad' value='11'>Ma\u00eetrise, DEA, DESS,</option>\n\t\t\t\t<option class='pad' value='11'>CAPES, CAPET, agr\u00e9gation</option>\n\t\t\t\t<option class='pad' value='11'>Dipl\u00f4me d'ing\u00e9nieur, d'une grande \u00e9cole, etc.</option>\n\t\t</select></span>\n\t</h5>\n\t<h4 data-icon='a'>Type de relation</h4>\n\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype0_@uid'><label for='reltype0_@uid'>P\u00e8re, m\u00e8re ou \u00e9quivalent</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype1_@uid'><label for='reltype1_@uid'>Fr\u00e8re ou soeur</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype2_@uid'><label for='reltype2_@uid'>Autre membre de la famille</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype3_@uid'><label for='reltype3_@uid'>Relation amoureuse</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype4_@uid'><label for='reltype4_@uid'>Coll\u00e8gue</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype5_@uid'><label for='reltype5_@uid'>Voisin</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype6_@uid'><label for='reltype6_@uid'>Ami</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype7_@uid'><label for='reltype7_@uid'>Copain</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_@uid' data-name='reltype' id='reltype8_@uid'><label for='reltype8_@uid'>Autre : <input type='text' data-name='reltypeSpecial' placeholder='co\u00e9quipier de tennis, ..' value='@reltypespecial'></label><br>\n\t</h5>\n\t<h4 data-icon='m'>O\u00f9 habite t-elle/il\u00a0?</h4>\n\t<h5 class='nobold color0'>\n\t\t<input type='text' data-name='city' placeholder='Ville' value='@city'>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tO\u00f9 habite t-elle/il\u00a0?<br>\n\t\t&nbsp&nbsp&nbsp<input type='radio' name='loc_@uid' data-name='loc' id='locA_@uid'><label for='locA_@uid'>- de 10km</label><br>\n\t\t&nbsp&nbsp&nbsp<input type='radio' name='loc_@uid' data-name='loc' id='locB_@uid'><label for='locB_@uid'>de 10km \u00e0 30km</label><br>\n\t\t&nbsp&nbsp&nbsp<input type='radio' name='loc_@uid' data-name='loc' id='locC_@uid'><label for='locC_@uid'>de 30km \u00e0 100km</label><br>\n\t\t&nbsp&nbsp&nbsp<input type='radio' name='loc_@uid' data-name='loc' id='locD_@uid'><label for='locD_@uid'>+ de 100km</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc2_@uid' data-name='loc2' id='loc2A_@uid'><label for='loc2A_@uid'>- de 5 minutes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc2_@uid' data-name='loc2' id='loc2B_@uid'><label for='loc2B_@uid'>de 5 \u00e0 15 minutes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc2_@uid' data-name='loc2' id='loc2C_@uid'><label for='loc2C_@uid'>de 15 \u00e0 60 minutes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc2_@uid' data-name='loc2' id='loc2D_@uid'><label for='loc2D_@uid'>+ d'une heure</label><br>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tDepuis quand connaissez-vous cette personne ?<br><br>\n\t\t<input type='number'               style='width: 5em;' data-name='duration' min='0' max='11'  step='1' placeholder='mois' value='@duration0'>mois\n\t\tet &nbsp;&nbsp;&nbsp;<input type='number' style='width: 5em;' data-name='duration' min='0' max='100' step='1' placeholder='ann\u00e9es' value='@duration1'>ans.\n\t</h5>\n\t<h4 data-icon='d'>Contexte de rencontre</h4>\n\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte0_@uid'> <label for='contexte0_@uid'>De la m\u00eame famille</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte1_@uid'> <label for='contexte1_@uid'>Grandi ensemble</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte2_@uid'> <label for='contexte2_@uid'>Par mon mari/ma femme/relation amoureuse</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte3_@uid'> <label for='contexte3_@uid'>Par mes parents</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte4_@uid'> <label for='contexte4_@uid'>Par mes enfants</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte5_@uid'> <label for='contexte5_@uid'>Par un ami</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte6_@uid'> <label for='contexte6_@uid'>Comme voisin</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte7_@uid'> <label for='contexte7_@uid'>Par d\u2019autres membres de la famille</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte8_@uid'> <label for='contexte8_@uid'>Etudes</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte9_@uid'> <label for='contexte9_@uid'>Etudes sup\u00e9rieures</label><br>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte10_@uid'><label for='contexte10_@uid'>Au travail</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte11_@uid'><label for='contexte11_@uid'>Internet (quel contexte\u00a0? pr\u00e9ciser <input type='text' data-name='contextSpecial' placeholder='facebook, youtube, twitter, ..' value='@contextspecial0'>)</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte12_@uid'><label for='contexte12_@uid'>Par une association (quel type : <input type='text' data-name='contextSpecial' placeholder='aide \u00e0 la personne, sport, ..' value='@contextspecial1'>)</label><br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_@uid' data-name='context' id='contexte13_@uid'><label for='contexte13_@uid'>Autre\u00a0: <input type='text' data-name='contextSpecial' placeholder='vacances, ..' value='@contextspecial2'></label><br>\n\t</h5>\n\t<h4 data-icon='b'>Avec quelle fr\u00e9quence discutez-vous avec cette personne\u00a0?</h4>\n\t<h5 class='nobold color0'>\n\t\tFace \u00e0 face<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_@uid' data-name='freq0' id='freq01_@uid'><label for='freq01_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_@uid' data-name='freq0' id='freq02_@uid'><label for='freq02_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_@uid' data-name='freq0' id='freq03_@uid'><label for='freq03_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_@uid' data-name='freq0' id='freq04_@uid'><label for='freq04_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tT\u00e9l\u00e9phone ou skype et \u00e9quivalent<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_@uid' data-name='freq1' id='freq11_@uid'><label for='freq11_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_@uid' data-name='freq1' id='freq12_@uid'><label for='freq12_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_@uid' data-name='freq1' id='freq13_@uid'><label for='freq13_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_@uid' data-name='freq1' id='freq14_@uid'><label for='freq14_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tSMS, et \u00e9quivalents<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_@uid' data-name='freq2' id='freq21_@uid'><label for='freq21_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_@uid' data-name='freq2' id='freq22_@uid'><label for='freq22_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_@uid' data-name='freq2' id='freq23_@uid'><label for='freq23_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_@uid' data-name='freq2' id='freq24_@uid'><label for='freq24_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tCourrier \u00e9lectronique<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_@uid' data-name='freq3' id='freq31_@uid'><label for='freq31_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_@uid' data-name='freq3' id='freq32_@uid'><label for='freq32_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_@uid' data-name='freq3' id='freq33_@uid'><label for='freq33_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_@uid' data-name='freq3' id='freq34_@uid'><label for='freq34_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tFacebook ou autre r\u00e9seau social<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_@uid' data-name='freq4' id='freq41_@uid'><label for='freq41_@uid'>plusieurs fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_@uid' data-name='freq4' id='freq42_@uid'><label for='freq42_@uid'>1 fois par semaine</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_@uid' data-name='freq4' id='freq43_@uid'><label for='freq43_@uid'>1 fois par mois</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_@uid' data-name='freq4' id='freq44_@uid'><label for='freq44_@uid'>1 fois par an ou moins</label>\n\t</h5>\n\t<h4 data-icon='r'>Comment \u00eates-vous \u00ab\u00a0connect\u00e9\u00a0\u00bb \u00e0 cette personne\u00a0?</h4>\n\t<h5 class='nobold color0'>\n\t\tSes coordonn\u00e9es sont dans votre carnet d\u2019adresse<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect1_@uid' data-name='connect0' id='connect11_@uid'><label for='connect11_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect1_@uid' data-name='connect0' id='connect12_@uid'><label for='connect12_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tSon num\u00e9ro de mobile est enregistr\u00e9 sur votre mobile (ou vous-m\u00eames \u00eates sur le sien)<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect2_@uid' data-name='connect1' id='connect21_@uid'><label for='connect21_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect2_@uid' data-name='connect1' id='connect22_@uid'><label for='connect22_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tElle figure parmi vos amis facebook<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect3_@uid' data-name='connect2' id='connect31_@uid'><label for='connect31_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect3_@uid' data-name='connect2' id='connect32_@uid'><label for='connect32_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tElle figure parmi vos amis facebook et vous interagissez avec elle sur ce dispositif r\u00e9guli\u00e8rement<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect4_@uid' data-name='connect3' id='connect41_@uid'><label for='connect41_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect4_@uid' data-name='connect3' id='connect42_@uid'><label for='connect42_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tVous le suivez sur Twitter<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect5_@uid' data-name='connect4' id='connect51_@uid'><label for='connect51_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect5_@uid' data-name='connect4' id='connect52_@uid'><label for='connect52_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tVous communiquez avec cette personne sur Twitter<br>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect6_@uid' data-name='connect5' id='connect61_@uid'><label for='connect61_@uid'>Oui</label>\n\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect6_@uid' data-name='connect5' id='connect62_@uid'><label for='connect62_@uid'>Non</label>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tVous communiquez dans autre r\u00e9seau social : <input type='text' data-name='connectSpecial' value='@connectspecial0'>\n\t</h5>\n\t<h5 class='nobold color0'>\n\t\tVous communiquez dans un autre dispositif (blogs, jeu vid\u00e9o ou autre) : <input type='text' data-name='connectSpecial' value='@connectspecial1'>\n\t</h5>\n</article>\n");
diff --git a/js/includes/input-html-data.js b/js/includes/input-html-data.js
index daa47b5..ff2cb52 100644
--- a/js/includes/input-html-data.js
+++ b/js/includes/input-html-data.js
@@ -169,6 +169,7 @@ var ficheBuilder = new HTMLBuilder();
 ficheBuilder.setLayout(
     "<article class='fiche-relation'>\n"+
 
+        "\t<input type='hidden' data-name='contact' value='@contact'>\n"+
         "\t<input type='hidden' data-name='uid' value='@uid'>\n"+
         "\t<input type='hidden' data-name='firstname' value='@firstname'>\n"+
         "\t<input type='hidden' data-name='lastname' value='@lastname'>\n"+
diff --git a/js/includes/input-phone-fiche-min.js b/js/includes/input-phone-fiche-min.js
index 26ee60f..3171077 100644
--- a/js/includes/input-phone-fiche-min.js
+++ b/js/includes/input-phone-fiche-min.js
@@ -2,19 +2,21 @@ function inputPhoneFiche(a,b){this.container=a;this.nav_container=b}
 inputPhoneFiche.prototype={container:this.container,nav_container:this.nav_container,selected:0,handler:null,defaultData:{sexe:[{status:!0},{status:!1}],age:"",job:".",famsit:[{status:!0},{status:!1},{status:!1}],studies:".",reltype:[{status:!0},{status:!1},{status:!1},{status:!1},{status:!1},{status:!1},{status:!1},{status:!1},{status:!1}],reltypeSpecial:"",city:"",loc:[{status:!0},{status:!1},{status:!1},{status:!1}],loc2:[{status:!0},{status:!1},{status:!1},{status:!1}],duration:["",""],context:[{status:!0},
 {status:!1},{status:!1},{status:!1},{status:!1},{status:!1},{status:!1},{status:!1},{status:!1},{status:!1},{status:!1},{status:!1},{status:!1},{status:!1}],contextSpecial:["","",""],freq:[[{status:!0},{status:!1},{status:!1},{status:!1}],[{status:!0},{status:!1},{status:!1},{status:!1}],[{status:!0},{status:!1},{status:!1},{status:!1}],[{status:!0},{status:!1},{status:!1},{status:!1}],[{status:!0},{status:!1},{status:!1},{status:!1}]],connect:[[{status:!1},{status:!0}],[{status:!1},{status:!0}],
 [{status:!1},{status:!0}],[{status:!1},{status:!0}],[{status:!1},{status:!0}],[{status:!1},{status:!0}]],connectSpecial:["",""],timestamp:0,valid:!1}};
-inputPhoneFiche.prototype.fieldsToStorage=function(){console.log("FICHE: FIELDS TO STORAGE");for(var a=$$("article.relation-panel .fiche-relation"),b=0;b<a.length;b++){var c=(new FormDeflater(a[b],["input","select"],["data-name"])).deflate(),d=crc32(JSON.stringify(c)),e=lsi.get("fiches",c.uid.value);if(!1!==e){if(null!=e.hash&&e.hash==d)break;console.warn("> FICHE UPDATE");c={uid:c.uid.value,sexe:c.sexe,age:c.age.value,job:c.job.value,famsit:c.famsit,studies:c.studies.value,reltype:c.reltype,reltypeSpecial:c.reltypeSpecial.value,
-city:c.city.value,loc:c.loc,loc2:c.loc2,duration:[c.duration[0].value,c.duration[1].value],context:c.context,contextSpecial:[c.contextSpecial[0].value,c.contextSpecial[1].value,c.contextSpecial[2].value],freq:[c.freq0,c.freq1,c.freq2,c.freq3,c.freq4],connect:[c.connect0,c.connect1,c.connect2,c.connect3,c.connect4,c.connect5],connectSpecial:[c.connectSpecial[0].value,c.connectSpecial[1].value],hash:d};c.valid=this.check(c);c.timestamp=Date.now();lsi.set("fiches",c.uid,c)}}};
-inputPhoneFiche.prototype.add=function(a){console.log("FICHE: ADD");if(null==a.uid)return!1;a.age=null!=a.age?a.age:this.defaultData.age;a.city=null!=a.city?a.city:this.defaultData.city;a.duration[0]=null!=a.duration[0]?a.duration[0]:this.defaultData.duration[0];a.duration[1]=null!=a.duration[1]?a.duration[1]:this.defaultData.duration[1];a.reltypeSpecial=null!=a.reltypeSpecial?a.reltypeSpecial:this.defaultData.reltypeSpecial;a.contextSpecial[0]=null!=a.contextSpecial[0]?a.contextSpecial[0]:this.defaultData.contextSpecial[0];
-a.contextSpecial[1]=null!=a.contextSpecial[1]?a.contextSpecial[1]:this.defaultData.contextSpecial[1];a.contextSpecial[2]=null!=a.contextSpecial[2]?a.contextSpecial[2]:this.defaultData.contextSpecial[2];a.connectSpecial[0]=null!=a.connectSpecial[0]?a.connectSpecial[0]:this.defaultData.connectSpecial[0];a.connectSpecial[1]=null!=a.connectSpecial[1]?a.connectSpecial[1]:this.defaultData.connectSpecial[1];a.job=null!=a.job?a.job:this.defaultData.job;a.studies=null!=a.studies?a.studies:this.defaultData.studies;
-a.sexe=null!=a.sexe?a.sexe:this.defaultData.sexe;a.famsit=null!=a.famsit?a.famsit:this.defaultData.famsit;a.reltype=null!=a.reltype?a.reltype:this.defaultData.reltype;a.loc=null!=a.loc?a.loc:this.defaultData.loc;a.loc2=null!=a.loc2?a.loc2:this.defaultData.loc2;a.context=null!=a.context?a.context:this.defaultData.context;a.freq=null!=a.freq?a.freq:this.defaultData.freq;a.connect=null!=a.connect?a.connect:this.defaultData.connect;var b=lsi.get("contacts",a.uid);if(!1===b)return!1;this.container.innerHTML+=
-ficheBuilder.build({firstname:b.firstname,lastname:b.lastname,username:0==b.username.length?"":"("+b.username+")",uid:a.uid,age:a.age,city:a.city,duration0:a.duration[0],duration1:a.duration[1],reltypespecial:a.reltypeSpecial,contextspecial0:a.contextSpecial[0],contextspecial1:a.contextSpecial[1],contextspecial2:a.contextSpecial[2],connectspecial0:a.connectSpecial[0],connectspecial1:a.connectSpecial[1]});b=$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>span>select[data-name="job"]>option[value="'+
-a.job+'"]');null!=b&&b.setAttribute("selected","selected");b=$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>span>select[data-name="studies"]>option[value="'+a.studies+'"]');null!=b&&b.setAttribute("selected","selected");for(var c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="sexe"]'),b=0;b<c.length&&b<a.sexe.length;b++)a.sexe[b].status?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('article.fiche-relation input[data-name="uid"][value="'+
-a.uid+'"] ~ h5>input[type="radio"][data-name="famsit"]');for(b=0;b<c.length&&b<a.famsit.length;b++)a.famsit[b].status?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="reltype"]');for(b=0;b<c.length&&b<a.reltype.length;b++)a.reltype[b].status?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('article.fiche-relation input[data-name="uid"][value="'+
-a.uid+'"] ~ h5>input[type="radio"][data-name="loc"]');for(b=0;b<c.length&&b<a.loc.length;b++)a.loc[b].status?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="loc2"]');for(b=0;b<c.length&&b<a.loc2.length;b++)a.loc2[b].status?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="context"]');
-for(b=0;b<c.length&&b<a.context.length;b++)a.context[b].status?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");for(c=0;c<a.freq.length;c++)for(var d=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="freq'+c+'"]'),b=0;b<d.length&&b<a.freq[c].length;b++)a.freq[c][b].status?d[b].setAttribute("checked","checked"):d[b].removeAttribute("checked");for(c=0;c<a.connect.length;c++)for(d=$$('article.fiche-relation input[data-name="uid"][value="'+
-a.uid+'"] ~ h5>input[type="radio"][data-name="connect'+c+'"]'),b=0;b<d.length&&b<a.connect[c].length;b++)a.connect[c][b].status?d[b].setAttribute("checked","checked"):d[b].removeAttribute("checked")};inputPhoneFiche.prototype.storageToFields=function(){console.log("FICHE: STORAGE TO FIELDS");var a=lsi["export"]("fiches");this.container.innerHTML="";var b=[],c;for(c in a){var d=a[c].uid;d==this.selected&&this.add(a[c]);b.push(d)}this.updateNavBar(b)};
-inputPhoneFiche.prototype.sync=function(){console.log("FICHE: SYNC");for(var a=lsi.keys("contacts"),b=0;b<a.length&&10>b;b++){var c=lsi.get("contacts",a[b]),d=lsi.get("fiches",a[b]);null==d&&(d=this.defaultData);d.uid=c.uid;lsi.set("fiches",a[b],d)}var a=lsi["export"]("mini-fiches"),d=lsi["export"]("fiches"),e;for(e in d)d[e].timestamp>a[e].timestamp?(a[e].sexe=d[e].sexe,a[e].age=d[e].age,a[e].job=d[e].job,a[e].loc=d[e].loc):(d[e].sexe=a[e].sexe,d[e].age=a[e].age,d[e].job=a[e].job,d[e].loc=a[e].loc),
-lsi.set("mini-fiches",e,a[e]),lsi.set("fiches",e,d[e])};inputPhoneFiche.prototype.nav=function(a){if("undefined"==typeof a||isNaN(a.innerHTML)||"nav-fiche"!=a.parentNode.id)return!1;for(var b=$$("#nav-fiche > span.active"),c=0;c<b.length;c++)b[c].remClass("active");a.addClass("active");this.selected=parseInt(a.innerHTML)-1};
+inputPhoneFiche.prototype.fieldsToStorage=function(){console.log("FICHE: FIELDS TO STORAGE");for(var a=$$("article.relation-panel .fiche-relation"),b=0;b<a.length;b++){var c=(new FormDeflater(a[b],["input","select"],["data-name"])).deflate(),d=crc32(JSON.stringify(c)),e=lsi.get("fiches",c.uid.value);if(!1!==e){if(null!=e.hash&&e.hash==d)break;console.warn("> FICHE UPDATE");c={contact:c.contact.value,uid:c.uid.value,sexe:c.sexe,age:c.age.value,job:c.job.value,famsit:c.famsit,studies:c.studies.value,
+reltype:c.reltype,reltypeSpecial:c.reltypeSpecial.value,city:c.city.value,loc:c.loc,loc2:c.loc2,duration:[c.duration[0].value,c.duration[1].value],context:c.context,contextSpecial:[c.contextSpecial[0].value,c.contextSpecial[1].value,c.contextSpecial[2].value],freq:[c.freq0,c.freq1,c.freq2,c.freq3,c.freq4],connect:[c.connect0,c.connect1,c.connect2,c.connect3,c.connect4,c.connect5],connectSpecial:[c.connectSpecial[0].value,c.connectSpecial[1].value],hash:d};c.valid=this.check(c);c.timestamp=Date.now();
+lsi.set("fiches",c.uid,c)}}};
+inputPhoneFiche.prototype.add=function(a){console.log("FICHE: ADD");if(null==a.uid||null==a.contact)return!1;a.age=null!=a.age?a.age:this.defaultData.age;a.city=null!=a.city?a.city:this.defaultData.city;a.duration[0]=null!=a.duration[0]?a.duration[0]:this.defaultData.duration[0];a.duration[1]=null!=a.duration[1]?a.duration[1]:this.defaultData.duration[1];a.reltypeSpecial=null!=a.reltypeSpecial?a.reltypeSpecial:this.defaultData.reltypeSpecial;a.contextSpecial[0]=null!=a.contextSpecial[0]?a.contextSpecial[0]:
+this.defaultData.contextSpecial[0];a.contextSpecial[1]=null!=a.contextSpecial[1]?a.contextSpecial[1]:this.defaultData.contextSpecial[1];a.contextSpecial[2]=null!=a.contextSpecial[2]?a.contextSpecial[2]:this.defaultData.contextSpecial[2];a.connectSpecial[0]=null!=a.connectSpecial[0]?a.connectSpecial[0]:this.defaultData.connectSpecial[0];a.connectSpecial[1]=null!=a.connectSpecial[1]?a.connectSpecial[1]:this.defaultData.connectSpecial[1];a.job=null!=a.job?a.job:this.defaultData.job;a.studies=null!=a.studies?
+a.studies:this.defaultData.studies;a.sexe=null!=a.sexe?a.sexe:this.defaultData.sexe;a.famsit=null!=a.famsit?a.famsit:this.defaultData.famsit;a.reltype=null!=a.reltype?a.reltype:this.defaultData.reltype;a.loc=null!=a.loc?a.loc:this.defaultData.loc;a.loc2=null!=a.loc2?a.loc2:this.defaultData.loc2;a.context=null!=a.context?a.context:this.defaultData.context;a.freq=null!=a.freq?a.freq:this.defaultData.freq;a.connect=null!=a.connect?a.connect:this.defaultData.connect;var b=lsi.get("contacts",a.contact);
+if(!1===b)return!1;this.container.innerHTML+=ficheBuilder.build({firstname:b.firstname,lastname:b.lastname,username:0==b.username.length?"":"("+b.username+")",uid:a.uid,contact:a.contact,age:a.age,city:a.city,duration0:a.duration[0],duration1:a.duration[1],reltypespecial:a.reltypeSpecial,contextspecial0:a.contextSpecial[0],contextspecial1:a.contextSpecial[1],contextspecial2:a.contextSpecial[2],connectspecial0:a.connectSpecial[0],connectspecial1:a.connectSpecial[1]});b=$('article.fiche-relation input[data-name="uid"][value="'+
+a.uid+'"] ~ h5>span>select[data-name="job"]>option[value="'+a.job+'"]');null!=b&&b.setAttribute("selected","selected");b=$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>span>select[data-name="studies"]>option[value="'+a.studies+'"]');null!=b&&b.setAttribute("selected","selected");for(var c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="sexe"]'),b=0;b<c.length&&b<a.sexe.length;b++)a.sexe[b].status?c[b].setAttribute("checked",
+"checked"):c[b].removeAttribute("checked");c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="famsit"]');for(b=0;b<c.length&&b<a.famsit.length;b++)a.famsit[b].status?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="reltype"]');for(b=0;b<c.length&&b<a.reltype.length;b++)a.reltype[b].status?c[b].setAttribute("checked",
+"checked"):c[b].removeAttribute("checked");c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="loc"]');for(b=0;b<c.length&&b<a.loc.length;b++)a.loc[b].status?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="loc2"]');for(b=0;b<c.length&&b<a.loc2.length;b++)a.loc2[b].status?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");
+c=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="context"]');for(b=0;b<c.length&&b<a.context.length;b++)a.context[b].status?c[b].setAttribute("checked","checked"):c[b].removeAttribute("checked");for(c=0;c<a.freq.length;c++)for(var d=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="freq'+c+'"]'),b=0;b<d.length&&b<a.freq[c].length;b++)a.freq[c][b].status?d[b].setAttribute("checked","checked"):
+d[b].removeAttribute("checked");for(c=0;c<a.connect.length;c++)for(d=$$('article.fiche-relation input[data-name="uid"][value="'+a.uid+'"] ~ h5>input[type="radio"][data-name="connect'+c+'"]'),b=0;b<d.length&&b<a.connect[c].length;b++)a.connect[c][b].status?d[b].setAttribute("checked","checked"):d[b].removeAttribute("checked")};
+inputPhoneFiche.prototype.storageToFields=function(){console.log("FICHE: STORAGE TO FIELDS");var a=lsi["export"]("fiches");this.container.innerHTML="";var b=[],c;for(c in a){var d=a[c].uid;d==this.selected&&this.add(a[c]);b.push(d)}this.updateNavBar(b)};
+inputPhoneFiche.prototype.sync=function(){console.log("FICHE: SYNC");var a=lsi["export"]("contacts"),b;for(b in a){if(-1<a[b].call){var c=a[b].call,d=lsi.get("fiches",c);null==d&&(d=this.defaultData);d.uid=c;d.contact=b;lsi.set("fiches",c,d)}-1<a[b].sms&&(c=10+a[b].sms,d=lsi.get("fiches",c),null==d&&(d=this.defaultData),d.uid=c,d.contact=b,lsi.set("fiches",c,d))}var a=lsi["export"]("mini-fiches"),d=lsi["export"]("fiches"),e;for(e in d)d[e].timestamp>a[e].timestamp?(a[e].sexe=d[e].sexe,a[e].age=d[e].age,
+a[e].job=d[e].job,a[e].loc=d[e].loc):(d[e].sexe=a[e].sexe,d[e].age=a[e].age,d[e].job=a[e].job,d[e].loc=a[e].loc),lsi.set("mini-fiches",e,a[e]),lsi.set("fiches",e,d[e])};inputPhoneFiche.prototype.nav=function(a){if("undefined"==typeof a||isNaN(a.innerHTML)||"nav-fiche"!=a.parentNode.id)return!1;for(var b=$$("#nav-fiche > span.active"),c=0;c<b.length;c++)b[c].remClass("active");a.addClass("active");this.selected=parseInt(a.innerHTML)-1};
 inputPhoneFiche.prototype.updateNavBar=function(){var a=lsi["export"]("fiches"),b=Object.keys(a).length;if(this.nav_container.children.length!=b){this.nav_container.innerHTML="";for(var c=0;c<b;c++)this.nav_container.innerHTML+="<span></span>"}for(var d in a)b=this.nav_container.children[a[d].uid],b.innerHTML=a[d].uid+1,!0===a[d].valid?b.addClass("done"):b.remClass("done");this.nav(this.nav_container.children[this.selected])};
 inputPhoneFiche.prototype.check=function(a){if(isNaN(parseInt(a.age))||2>a.city.length||isNaN(parseInt(a.duration[0]))&&0<a.duration[0].length||isNaN(parseInt(a.duration[1]))&&0<a.duration[1].length||0==a.duration[0].length+a.duration[1].length||"."==a.job||"."==a.studies||!checkRadioValue(a.sexe)||!checkRadioValue(a.famsit)||!checkRadioValue(a.reltype)||!checkRadioValue(a.loc)||!checkRadioValue(a.loc2)||!checkRadioValue(a.context))return!1;for(var b=0;b<a.freq.length;b++)if(!checkRadioValue(a.freq[b]))return!1;
 for(b=0;b<a.connect.length;b++)if(!checkRadioValue(a.connect[b]))return!1;return a.reltype[8].status&&2>a.reltypeSpecial.length||a.context[11].status&&2>a.contextSpecial[0].length||a.context[12].status&&2>a.contextSpecial[1].length||a.context[13].status&&2>a.contextSpecial[2].length?!1:!0};
diff --git a/js/includes/input-phone-fiche.js b/js/includes/input-phone-fiche.js
index 2866b57..26235e2 100644
--- a/js/includes/input-phone-fiche.js
+++ b/js/includes/input-phone-fiche.js
@@ -87,6 +87,7 @@ inputPhoneFiche.prototype.fieldsToStorage = function(){
 
 
         var obj = {
+            contact:      deflated.contact.value,
             uid:          deflated.uid.value,
             sexe:         deflated.sexe, // Choix 1 à 2
             age:          deflated.age.value,
@@ -158,8 +159,8 @@ inputPhoneFiche.prototype.fieldsToStorage = function(){
 inputPhoneFiche.prototype.add = function(objectData){
     console.log('FICHE: ADD');
 
-    // Si pas d'UID, on retourne une erreur
-    if( objectData.uid == null )
+    // Si pas d'UID ou d'UID de contact, on retourne une erreur
+    if( objectData.uid == null || objectData.contact == null )
         return false;
 
     /* (0) Gestion du formattage des valeur */
@@ -191,7 +192,7 @@ inputPhoneFiche.prototype.add = function(objectData){
 
 
     // {4} On récupère username/firstname/lastname du contact associé //
-    var associatedContact = lsi.get('contacts', objectData.uid);
+    var associatedContact = lsi.get('contacts', objectData.contact);
 
     // Si on ne trouve pas le contact, on ne fais rien
     if( associatedContact === false )
@@ -204,6 +205,7 @@ inputPhoneFiche.prototype.add = function(objectData){
         lastname:        associatedContact.lastname,
         username:        (associatedContact.username.length==0) ? '' : '('+associatedContact.username+')',
         uid:             objectData.uid,
+        contact:         objectData.contact, // uid du contact associé
         age:             objectData.age,
         city:            objectData.city,
         duration0:       objectData.duration[0],
@@ -344,31 +346,55 @@ inputPhoneFiche.prototype.sync = function(){
 
     /* (1) Mise à jour en fonction des contacts
     ---------------------------------------------------------*/
-    /* (1) On récupère les clés de tous les CONTACTS */
-    var contactUIDs = lsi.keys('contacts');
+    /* (1) On récupère tous les CONTACTS */
+    var contacts = lsi.export('contacts');
 
-    /* (2) Pour chaque CONTACT, on met à jour/crée la MINI fiche associée */
-    for( var i = 0 ; i < contactUIDs.length && i < 10; i++ ){
+    /* (2) Pour chaque CONTACT, on met à jour/crée la FICHE associée, si dans le TOP 10 des APPELS ou des SMS */
+    for( var uid in contacts ){
 
-        /* (3) On récupère les informations du CONTACT */
-        var contactData = lsi.get('contacts', contactUIDs[i]);
+        /* (3) Indice de 0 à 9 si dans le TOP 10 des APPELS */
+        if( contacts[uid].call > -1 ){
+            // On calcule le rang de la fiche en fonction du classement
+            var ficheIndex = contacts[uid].call;
 
-        /* (4) On récupère les informations de la MINI (si elle existe) */
-        var ficheData = lsi.get('fiches', contactUIDs[i]);
+            // On récupère les informations de la FICHE (si elle existe) */
+            var ficheData = lsi.get('fiches', ficheIndex);
+
+            // Si la fiche n'existe pas, on la crée avec les valeurs par défaut
+            if( ficheData == null )
+                ficheData = this.defaultData;
+
+            // On met à jour la fiche ET on l'enregistre
+            ficheData.uid     = ficheIndex;
+            ficheData.contact = uid;
+            lsi.set('fiches', ficheIndex, ficheData);
+        }
 
 
-        /* (5) Si la FICHE n'exise pas, on la crée avec les valeurs par défaut */
-        if( ficheData == null )
-            ficheData = this.defaultData;
+        /* (4) Indice de 10 à 19 si dans le TOP 10 des SMS */
+        if( contacts[uid].sms > -1 ){
+            // On calcule le rang de la fiche en fonction du classement
+            var ficheIndex = 10+contacts[uid].sms;
+
+            // On récupère les informations de la FICHE (si elle existe) */
+            var ficheData = lsi.get('fiches', ficheIndex);
+
+            // Si la fiche n'existe pas, on la crée avec les valeurs par défaut
+            if( ficheData == null )
+                ficheData = this.defaultData;
+
+            // On met à jour la fiche ET on l'enregistre
+            ficheData.uid = ficheIndex;
+            ficheData.contact = uid;
+            lsi.set('fiches', ficheIndex, ficheData);
 
 
-        /* (6) On met à jour la fiche */
-        ficheData.uid = contactData.uid;
+        }
+
 
-        /* (7) On enregistre les modification */
-        lsi.set('fiches', contactUIDs[i], ficheData);
     }
 
+
     /* (2) Mise à jour en fonction des MINI fiches
     ---------------------------------------------------------*/
     /* (1) On récupère les valeurs des MINI fiches et des FICHES */
diff --git a/view/js/input-min.js b/view/js/input-min.js
index f8ac596..5559537 100644
--- a/view/js/input-min.js
+++ b/view/js/input-min.js
@@ -4,9 +4,8 @@ f;else if(b){console.log("> switch firstname+lastname -> username");b=a.parentNo
 function checkRadioValue(a){for(var e=0,b=0;b<a.length;b++)!0===a[b].status&&e++;return 1!=e?!1:!0}
 include("/js/includes/input-phone-subject.js",function(){include("/js/includes/input-phone-contact.js",function(){include("/js/includes/input-phone-mini.js",function(){include("/js/includes/input-phone-fiche.js",function(){subjectManager=new inputPhoneSubject($('article.subject-panel [data-name="number"]'),$('article.subject-panel [data-name="username"]'),$('article.subject-panel [data-name="firstname"]'),$('article.subject-panel [data-name="lastname"]'),$('article.subject-panel [data-name="submit"]'));
 subjectManager.attach();contactManager=new inputPhoneContact($("article.contact-panel"),$("#nav-contact"));contactManager.attach(dynamicUpdate);miniManager=new inputPhoneMini($("article.mini-relation-panel"),$("#nav-mini"));miniManager.attach(dynamicUpdate);ficheManager=new inputPhoneFiche($("article.relation-panel"),$("#nav-fiche"));ficheManager.attach(dynamicUpdate);importCallLog.addEventListener("change",function(a){a={path:"upload/call_log",phone_number:$("#subject_phone_number").value,file:importCallLog.files[0]};
-api.send(a,function(a){console.log(a);if(0==a.ModuleError){for(var b=0,f=[],c=0;c<a.calls.length&&10>c;c++)f.push(a.calls[c].number);for(c=0;c<f.length;c++){var d=a.directory[f[c]].name.split(" ");lsi.set("contacts",b,{uid:b,number:f[c],username:1==d.length?d[0]:"",firstname:1<d.length?d[0]:"",lastname:1<d.length?d.splice(1).join(" "):"",call:c});b++}console.log(lsi["export"]("contacts"));for(var g=[],c=0;c<a.sms.length&&10>c;c++)g.push(a.sms[c].number);for(c=0;c<g.length;c++)if(d=f.indexOf(g[c]),
--1<d){var k=lsi.get("contacts",d);k.sms=c;lsi.set("contacts",d,k)}else d=a.directory[g[c]].name.split(" "),lsi.set("contacts",b,{uid:b,number:g[c],username:1==d.length?d[0]:"",firstname:1<d.length?d[0]:"",lastname:1<d.length?d.splice(1).join(" "):"",sms:c}),b++;console.log(lsi["export"]("contacts"));for(var h in a.directory)-1<f.indexOf(h)||-1<g.indexOf(h)||(d=(null===a.directory[h].name?"":a.directory[h].name).split(" "),lsi.set("contacts",b,{uid:b,number:h,username:1==d.length?d[0]:"",firstname:1<
-d.length?d[0]:"",lastname:1<d.length?d.splice(1).join(" "):"",call:-1,sms:-1}),b++);console.log(lsi["export"]("contacts"));contactManager.storageToFields();dynamicUpdate(!0)}})},!1);clearAllButton.addEventListener("click",function(a){localStorage.clear();reload()},!1);$("#export-all").addEventListener("click",function(a){a={subject:lsi["export"]("subject")[0],contacts:lsi["export"]("contacts"),mini:lsi["export"]("mini-fiches"),fiches:lsi["export"]("fiches")};var e=$("#download-target");e.download=
-"local-data.json";e.href="data:application/octet-stream,"+encodeURIComponent(JSON.stringify(a));e.click()},!1);$("#import-all").addEventListener("click",function(a){$("#local-upload").click()},!1);$("#local-upload").addEventListener("change",function(a){a={path:"upload/local_data",file:$("#local-upload").files[0]};api.send(a,function(a){console.log(a);if(0!=a.ModuleError)return!1;lsi.set("subject",0,a.local_data.subject);lsi["import"]("contacts",a.local_data.contacts);lsi["import"]("mini-fiches",
-a.local_data.mini);lsi["import"]("fiches",a.local_data.fiches);subjectManager.storageToFields();contactManager.storageToFields();dynamicUpdate(!0)})},!1);submitAllButton.addEventListener("click",function(a){console.log("> GATHERING ALL DATA");subjectManager.fieldsToStorage();contactManager.fieldsToStorage();miniManager.fieldsToStorage();ficheManager.fieldsToStorage();a={path:"input/phone",subject:lsi["export"]("subject")[0],contacts:lsi["export"]("contacts"),mini:lsi["export"]("mini-fiches"),fiches:lsi["export"]("fiches")};
-api.send(a,function(a){console.log(a)},!1)},!1)})})})});
+api.send(a,function(a){console.log(a);if(0==a.ModuleError){for(var b=0,f=[],c=0;c<a.calls.length&&10>c;c++)f.push(a.calls[c].number);for(c=0;c<f.length;c++){var d=a.directory[f[c]].name.split(" ");lsi.set("contacts",b,{uid:b,number:f[c],username:1==d.length?d[0]:"",firstname:1<d.length?d[0]:"",lastname:1<d.length?d.splice(1).join(" "):"",call:c});b++}for(var g=[],c=0;c<a.sms.length&&10>c;c++)g.push(a.sms[c].number);for(c=0;c<g.length;c++)if(d=f.indexOf(g[c]),-1<d){var k=lsi.get("contacts",d);k.sms=
+c;lsi.set("contacts",d,k)}else d=a.directory[g[c]].name.split(" "),lsi.set("contacts",b,{uid:b,number:g[c],username:1==d.length?d[0]:"",firstname:1<d.length?d[0]:"",lastname:1<d.length?d.splice(1).join(" "):"",sms:c}),b++;for(var h in a.directory)-1<f.indexOf(h)||-1<g.indexOf(h)||(d=(null===a.directory[h].name?"":a.directory[h].name).split(" "),lsi.set("contacts",b,{uid:b,number:h,username:1==d.length?d[0]:"",firstname:1<d.length?d[0]:"",lastname:1<d.length?d.splice(1).join(" "):"",call:-1,sms:-1}),
+b++);contactManager.storageToFields();dynamicUpdate(!0)}})},!1);clearAllButton.addEventListener("click",function(a){localStorage.clear();reload()},!1);$("#export-all").addEventListener("click",function(a){a={subject:lsi["export"]("subject")[0],contacts:lsi["export"]("contacts"),mini:lsi["export"]("mini-fiches"),fiches:lsi["export"]("fiches")};var e=$("#download-target");e.download="local-data.json";e.href="data:application/octet-stream,"+encodeURIComponent(JSON.stringify(a));e.click()},!1);$("#import-all").addEventListener("click",
+function(a){$("#local-upload").click()},!1);$("#local-upload").addEventListener("change",function(a){a={path:"upload/local_data",file:$("#local-upload").files[0]};api.send(a,function(a){console.log(a);if(0!=a.ModuleError)return!1;lsi.set("subject",0,a.local_data.subject);lsi["import"]("contacts",a.local_data.contacts);lsi["import"]("mini-fiches",a.local_data.mini);lsi["import"]("fiches",a.local_data.fiches);subjectManager.storageToFields();contactManager.storageToFields();dynamicUpdate(!0)})},!1);
+submitAllButton.addEventListener("click",function(a){console.log("> GATHERING ALL DATA");subjectManager.fieldsToStorage();contactManager.fieldsToStorage();miniManager.fieldsToStorage();ficheManager.fieldsToStorage();a={path:"input/phone",subject:lsi["export"]("subject")[0],contacts:lsi["export"]("contacts"),mini:lsi["export"]("mini-fiches"),fiches:lsi["export"]("fiches")};api.send(a,function(a){console.log(a)},!1)},!1)})})})});
diff --git a/view/js/input.js b/view/js/input.js
index 6d7af86..27bb313 100644
--- a/view/js/input.js
+++ b/view/js/input.js
@@ -260,7 +260,7 @@ include('/js/includes/input-phone-fiche.js', function(){
 
                 uid++;
             }
-            console.log( lsi.export('contacts') );
+
 
 
 
@@ -293,7 +293,7 @@ include('/js/includes/input-phone-fiche.js', function(){
 
                 uid++;
             }
-            console.log( lsi.export('contacts') );
+
 
             /* (6) Pour chaque contact qui n'est pas dans le top 10, on l'ajoute */
             for( var number in response.directory ){
@@ -324,7 +324,7 @@ include('/js/includes/input-phone-fiche.js', function(){
 
                 uid++;
             }
-            console.log( lsi.export('contacts') );
+
 
             /* (6) On met à jour l'affichage */
             contactManager.storageToFields();