2016-04-25 14:18:50 +00:00
/ * [ 0 ] G e s t i o n d e s c o n s t r u c t e u r s H T M L
=== === === === === === === === === === === === === === === === === === === * /
/* (1) Constructeur de formulaire de contact */
var contactBuilder = new HTMLBuilder ( ) ;
contactBuilder . setLayout (
"<h4 data-icon='p' class='new-contact color2'> \n" +
"\t<input type='text' data-name='number' placeholder='Numéro de téléphone' value='@number' > \n" +
"\t<input type='text' data-name='username' placeholder='Pseudo' value='@username' > \n" +
"\t<input type='text' data-name='firstname' placeholder='Prénom' value='@firstname' > \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" ) ;
/* (2) Constructeur de MINI fiche de relation */
var miniFicheBuilder = new HTMLBuilder ( ) ;
miniFicheBuilder . setLayout (
"<article class='mini-fiche-relation'>\n" +
2016-04-26 09:30:02 +00:00
"\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" +
2016-04-25 14:18:50 +00:00
"\t<span data-space></span>\n" +
"\t<h4 data-icon='o' class='color2'>@firstname @lastname (@username)</h4>\n" +
"\t<h5 class='nobold color0'>\n" +
2016-04-26 09:30:02 +00:00
"\t\t<input type='radio' name='sexe_min_@uid' checked data-name='sexe' id='sexeH_min_@uid' checked='@sexe_A'><label for='sexeH_min_@uid'>Homme</label>\n" +
"\t\t   <input type='radio' class='btm' name='sexe_min_@uid' data-name='sexe' id='sexeF_min_@uid' checked='@sexe_B'><label for='sexeF_min_@uid'>Femme</label>\n" +
2016-04-25 14:18:50 +00:00
"\t</h5>\n" +
"\t<h5 class='nobold color0'>\n" +
2016-04-26 09:30:02 +00:00
"\t\t<input type='number' min='5' max='120' data-name='age' placeholder='Age' value='@age'>\n" +
2016-04-25 14:18:50 +00:00
"\t</h5>\n" +
"\t<h5 class='nobold color0'>\n" +
2016-04-26 09:30:02 +00:00
"\t\t<span class='select-container'><select data-name='job' value='@job'>\n" +
2016-04-25 14:18:50 +00:00
"\t\t\t<option value='.' disabled selected>Dernière profession exercée:</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îchers, viticulteurs…)</option>\n" +
"\t\t\t<option value='2-' disabled>Artisans, commerçants et chefs d'entreprises</option>\n" +
"\t\t\t\t<option value='21'>- Artisans (Maçons, électriciens, couturiers, boulangers, garagistes, coiffeurs…)</option>\n" +
"\t\t\t\t<option value='22'>- Commerçants et assimilés (Commerçants en détail ou en gros, buralistes, cafetiers, agents immobiliers…)</option>\n" +
"\t\t\t\t<option value='23'>- Chefs d'entreprise de 10 salariés ou plus</option>\n" +
"\t\t\t<option value='3-' disabled>Cadres et professions intellectuelles supérieures</option>\n" +
"\t\t\t\t<option value='31'>- Professions libérales et assimilés (Médecins, avocats, notaires, architectes libéraux…)</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égorie A, professeurs de l’ +
"\t\t\t\t<option value='36'>- Cadres d'entreprise (Cadres administratifs, cadres commerciaux, ingénieurs…)</option>\n" +
"\t\t\t<option value='4-' disabled>Professions Intermédiaires</option>\n" +
"\t\t\t\t<option value='41'>- Professions intermédiaires de l'enseignement, de la santé, de la fonction publique et assimilés </option>\n" +
"\t\t\t\t\t<option class='pad' value='41'>(Personnels administratifs de catégorie B, instituteurs, infirmiers, travailleurs sociaux…)</option>\n" +
"\t\t\t\t<option value='46'>- Professions intermédiaires administratives et commerciales des entreprises (Comptables, chargés de clientèles…)</option>\n" +
"\t\t\t\t<option value='47'>- Techniciens (Techniciens d’ +
"\t\t\t\t<option value='48'>- Contremaîtres, agents de maîtrise (Conducteurs de travaux, chefs d’ +
"\t\t\t<option value='5-' disabled>Employés</option>\n" +
"\t\t\t\t<option value='51'>- Employés de la fonction publique (Personnels de catégorie C, agents administratifs, agents de service…)</option>\n" +
"\t\t\t\t<option value='54'>- Employés administratifs d'entreprise (Secrétaires, agents d’ +
"\t\t\t\t<option value='55'>- Employés de commerce (Vendeurs, caissiers…)</option>\n" +
"\t\t\t\t<option value='56'>- Personnels des services directs aux particuliers (Serveurs, coiffeurs, assistantes maternelles…)</option>\n" +
"\t\t\t<option value='6-' disabled>Ouvriers</option>\n" +
"\t\t\t\t<option value='61'>- Ouvriers qualifiés de type industriel ou artisanal (Mécaniciens, chauffeurs, cuisiniers…)</option>\n" +
"\t\t\t\t<option value='66'>- Ouvriers non qualifiés de type industriel ou artisanal (Ouvrier de production, manœuvres…)</option>\n" +
"\t\t\t\t<option value='69'>- Ouvriers agricoles (Bergers, ouvriers de la viticulture, bûcherons, ouvrier forestiers…)</option>\n" +
"\t\t\t<option value='7-' disabled>Retraités</option>\n" +
"\t\t\t\t<option value='71'>- Anciens agriculteurs exploitants</option>\n" +
"\t\t\t\t<option value='72'>- Anciens artisans, commerçants, 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édiaires</option>\n" +
"\t\t\t\t<option value='75'>- Anciens employés</option>\n" +
"\t\t\t\t<option value='76'>- Anciens ouvriers</option>\n" +
"\t\t\t<option value='8-' disabled>Sans activité professionnelle</option>\n" +
"\t\t\t\t<option value='81'>- Chômeurs n'ayant jamais travaillé</option>\n" +
"\t\t\t\t<option value='82'>- Inactifs divers (autres que retraités)</option>\n" +
"\t\t</select></span>\n" +
"\t</h5>\n" +
"\t<h5 class='nobold color0'>\n" +
"\t\tOù habite t-elle/il +
2016-04-26 09:30:02 +00:00
"\t\t   <input type='radio' checked name='loc_min_@uid' data-name='loc' id='locA_min_@uid' checked='@loc_A'><label for='locA_min_@uid'>- de 10km</label><br>\n" +
"\t\t   <input type='radio' name='loc_min_@uid' data-name='loc' id='locB_min_@uid' checked='@loc_B'><label for='locB_min_@uid'>de 10km à 30km</label><br>\n" +
"\t\t   <input type='radio' name='loc_min_@uid' data-name='loc' id='locC_min_@uid' checked='@loc_C'><label for='locC_min_@uid'>de 30km à 100km</label><br>\n" +
"\t\t   <input type='radio' name='loc_min_@uid' data-name='loc' id='locD_min_@uid' checked='@loc_D'><label for='locD_min_@uid'>+ de 100km</label>\n" +
2016-04-25 14:18:50 +00:00
"\t</h5>\n" +
"</article>" ) ;
/* (3) Constructeur de formulaire fiche relation */
var ficheBuilder = new HTMLBuilder ( ) ;
ficheBuilder . setLayout (
"<article class='fiche-relation'>" +
"\t<span data-space></span>" +
"\t<h4 data-icon='o' class='color2'>@firstname @lastname (@username)</h4>" +
"\t<h5 class='nobold color0'>" +
"\t\t<input type='radio' name='sexe_@uid' checked data-name='sexe_@uid' id='sexeH_@uid'><label for='sexeH_@uid'>Homme</label>" +
"\t\t   <input type='radio' class='btm' name='sexe_@uid' data-name='sexe_@uid' id='sexeF_@uid'><label for='sexeF_@uid'>Femme</label>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\t<input type='number' min='5' max='120' data-name='age' placeholder='Age'>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\t<span class='select-container'><select data-name='job'>" +
"\t\t\t<option value='.' disabled selected>Dernière profession exercée:</option>" +
"\t\t\t<option value='0'>Inconnue</option>" +
"\t\t\t<option value='1-' disabled>Agriculateur exploitants</option>" +
"\t\t\t\t<option value='10'>- Agriculteurs exploitants (Agriculteurs, maraîchers, viticulteurs…)</option>" +
"\t\t\t<option value='2-' disabled>Artisans, commerçants et chefs d'entreprises</option>" +
"\t\t\t\t<option value='21'>- Artisans (Maçons, électriciens, couturiers, boulangers, garagistes, coiffeurs…)</option>" +
"\t\t\t\t<option value='22'>- Commerçants et assimilés (Commerçants en détail ou en gros, buralistes, cafetiers, agents immobiliers…)</option>" +
"\t\t\t\t<option value='23'>- Chefs d'entreprise de 10 salariés ou plus</option>" +
"\t\t\t<option value='3-' disabled>Cadres et professions intellectuelles supérieures</option>" +
"\t\t\t\t<option value='31'>- Professions libérales et assimilés (Médecins, avocats, notaires, architectes libéraux…)</option>" +
"\t\t\t\t<option value='32'>- Cadres de la fonction publique, professions intellectuelles et artistiques (Personnels administratifs</option>" +
"\t\t\t\t <option class='pad' value='32'>de catégorie A, professeurs de l’ +
"\t\t\t\t<option value='36'>- Cadres d'entreprise (Cadres administratifs, cadres commerciaux, ingénieurs…)</option>" +
"\t\t\t<option value='4-' disabled>Professions Intermédiaires</option>" +
"\t\t\t\t<option value='41'>- Professions intermédiaires de l'enseignement, de la santé, de la fonction publique et assimilés </option>" +
"\t\t\t\t <option class='pad' value='41'>(Personnels administratifs de catégorie B, instituteurs, infirmiers, travailleurs sociaux…)</option>" +
"\t\t\t\t<option value='46'>- Professions intermédiaires administratives et commerciales des entreprises (Comptables, chargés de clientèles…)</option>" +
"\t\t\t\t<option value='47'>- Techniciens (Techniciens d’ +
"\t\t\t\t<option value='48'>- Contremaîtres, agents de maîtrise (Conducteurs de travaux, chefs d’ +
"\t\t\t<option value='5-' disabled>Employés</option>" +
"\t\t\t\t<option value='51'>- Employés de la fonction publique (Personnels de catégorie C, agents administratifs, agents de service…)</option>" +
"\t\t\t\t<option value='54'>- Employés administratifs d'entreprise (Secrétaires, agents d’ +
"\t\t\t\t<option value='55'>- Employés de commerce (Vendeurs, caissiers…)</option>" +
"\t\t\t\t<option value='56'>- Personnels des services directs aux particuliers (Serveurs, coiffeurs, assistantes maternelles…)</option>" +
"\t\t\t<option value='6-' disabled>Ouvriers</option>" +
"\t\t\t\t<option value='61'>- Ouvriers qualifiés de type industriel ou artisanal (Mécaniciens, chauffeurs, cuisiniers…)</option>" +
"\t\t\t\t<option value='66'>- Ouvriers non qualifiés de type industriel ou artisanal (Ouvrier de production, manœuvres…)</option>" +
"\t\t\t\t<option value='69'>- Ouvriers agricoles (Bergers, ouvriers de la viticulture, bûcherons, ouvrier forestiers…)</option>" +
"\t\t\t<option value='7-' disabled>Retraités</option>" +
"\t\t\t\t<option value='71'>- Anciens agriculteurs exploitants</option>" +
"\t\t\t\t<option value='72'>- Anciens artisans, commerçants, chefs d'entreprise</option>" +
"\t\t\t\t<option value='73'>- Anciens cadres</option>" +
"\t\t\t\t<option value='74'>- Anciennes professions intermédiaires</option>" +
"\t\t\t\t<option value='75'>- Anciens employés</option>" +
"\t\t\t\t<option value='76'>- Anciens ouvriers</option>" +
"\t\t\t<option value='8-' disabled>Sans activité professionnelle</option>" +
"\t\t\t\t<option value='81'>- Chômeurs n'ayant jamais travaillé</option>" +
"\t\t\t\t<option value='82'>- Inactifs divers (autres que retraités)</option>" +
"\t\t</select></span>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\tSituation familiale:<br>" +
"\t\t<h5 class='nobold color0'>" +
"\t\t   <input type='radio' checked name='famsit_@uid' data-name='famsit' id='famsitA_@uid'><label for='famsitA_@uid'>Seul</label><br>" +
"\t\t   <input type='radio' name='famsit_@uid' data-name='famsit' id='famsitB_@uid'><label for='famsitB_@uid'>En couple sans enfants</label><br>" +
"\t\t   <input type='radio' name='famsit_@uid' data-name='famsit' id='famsitC_@uid'><label for='famsitC_@uid'>En couple avec enfants</label>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\t<span class='select-container'><select data-name='studies'>" +
"\t\t\t<option value='.' disabled selected>Niveau d'études maximal:</option>" +
"\t\t\t<option value='0'>Inconnue</option>" +
"\t\t\t<option value='01'>- Pas de scolarité</option>" +
"\t\t\t<option value='02'>- Aucun diplôme mais scolarité jusqu'en école primaire ou au collège</option>" +
"\t\t\t<option value='03'>- Aucun diplôme mais scolarité au-delà du collège</option>" +
"\t\t\t<option value='04'>- Certificat d'études primaires (CEP)</option>" +
"\t\t\t<option value='05'>- BEPC, brevet élémentaire, brevet des collèges</option>" +
"\t\t\t<option value='06'>- Certificat d'aptitudes professionnelles (CAP), brevet de compagnon, y compris CAPA</option>" +
"\t\t\t<option value='07'>- Brevet d'études professionnelles (BEP), y compris BEPA et diplômes agricoles (BAA, BPA)</option>" +
"\t\t\t\t<option value='07' class='pad'>Diplômes sociaux (aide-soignante, auxiliaire de puériculture, travailleuse familiale)</option>" +
"\t\t\t<option value='08'>- Baccalauréat général, brevet supérieur</option>" +
"\t\t\t\t<option class='pad' value='08'>BAC ( L, ES, S ou A, B , C, D, D’ +
"\t\t\t<option value='09'>- Bac technologique ou professionnel, brevet professionnel ou de technicien</option>" +
"\t\t\t\t<option class='pad' value='09'>BAC (STI, STL, SMS, STT ou F, G, H)</option>" +
"\t\t\t\t<option class='pad' value='09'>BEC, BEI, BEH, capacité en droit</option>" +
"\t\t\t\t<option class='pad' value='09'>Brevet de technicien agricole (BTA)</option>" +
"\t\t\t<option value='10'>- Diplôme universitaire de 1er cycle</option>" +
"\t\t\t\t<option class='pad' value='10'>BTS, DUT, DEUG</option>" +
"\t\t\t\t<option class='pad' value='10'>Diplôme des professions sociales ou de santé, d'infirmier(ère)</option>" +
"\t\t\t\t<option class='pad' value='10'>Diplôme universitaire propédeutique, DUEL, DUES, DEUG, PCEM</option>" +
"\t\t\t<option value='11'>- Diplôme universitaire de 2ème ou 3ème cycle</option>" +
"\t\t\t\t<option class='pad' value='11'>MASTER, DOCTORAT (y compris médecine, pharmacie, dentaire),</option>" +
"\t\t\t\t<option class='pad' value='11'>Maîtrise, DEA, DESS,</option>" +
"\t\t\t\t<option class='pad' value='11'>CAPES, CAPET, agrégation</option>" +
"\t\t\t\t<option class='pad' value='11'>Diplôme d'ingénieur, d'une grande école, etc.</option>" +
"\t\t</select></span>" +
"\t</h5>" +
"\t<h4 data-icon='a'>Type de relation</h4>" +
"\t<h5 class='nobold color0'>" +
2016-04-26 09:30:02 +00:00
"\t\t\t   <input type='radio' name='reltype_@uid' id='reltype0_@uid' checked><label for='reltype0_@uid'>Père, mère ou équivalent</label><br>" +
2016-04-25 14:18:50 +00:00
"\t\t\t   <input type='radio' name='reltype_@uid' id='reltype1_@uid'><label for='reltype1_@uid'>Frère ou soeur</label><br>" +
"\t\t\t   <input type='radio' name='reltype_@uid' id='reltype2_@uid'><label for='reltype2_@uid'>Autre membre de la famille</label><br>" +
"\t\t\t   <input type='radio' name='reltype_@uid' id='reltype3_@uid'><label for='reltype3_@uid'>Relation amoureuse</label><br>" +
"\t\t\t   <input type='radio' name='reltype_@uid' id='reltype4_@uid'><label for='reltype4_@uid'>Collègue</label><br>" +
"\t\t\t   <input type='radio' name='reltype_@uid' id='reltype5_@uid'><label for='reltype5_@uid'>Voisin</label><br>" +
"\t\t\t   <input type='radio' name='reltype_@uid' id='reltype6_@uid'><label for='reltype6_@uid'>Ami</label><br>" +
"\t\t\t   <input type='radio' name='reltype_@uid' id='reltype7_@uid'><label for='reltype7_@uid'>Copain</label><br>" +
"\t\t\t   <input type='radio' name='reltype_@uid' id='reltype8_@uid'><label for='reltype8_@uid'>Autre : <input type='text' id='reltypeSpecial' placeholder='coéquipier de tennis, ..'></label><br>" +
"\t</h5>" +
"\t<h4 data-icon='m'>Où habite t-elle/il +
"\t<h5 class='nobold color0'>" +
"\t\t   <input type='radio' checked name='loc_@uid' data-name='loc' id='locA_@uid'><label for='locA_@uid'>- de 5 minutes</label><br>" +
"\t\t   <input type='radio' name='loc_@uid' data-name='loc' id='locB_@uid'><label for='locB_@uid'>de 5 à 15 minutes</label><br>" +
"\t\t   <input type='radio' name='loc_@uid' data-name='loc' id='locC_@uid'><label for='locC_@uid'>de 15 à 60 minutes</label><br>" +
"\t\t   <input type='radio' name='loc_@uid' data-name='loc' id='locD_@uid'><label for='locD_@uid'>+ d'une heure</label><br>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\tDepuis quand connaissez-vous cette personne ?" +
"\t\t<input type='number' data-name='duration' placeholder='Nombre de mois'>" +
"\t</h5>" +
"\t<h4 data-icon='d'>Contexte de rencontre</h4>" +
"\t<h5 class='nobold color0'>" +
"\t\t   <input type='radio' name='contexte_@uid' id='contexte0_@uid'> <label for='contexte0_@uid'>De la même famille</label><br>" +
"\t\t   <input type='radio' name='contexte_@uid' id='contexte1_@uid'> <label for='contexte1_@uid'>Grandi ensemble</label><br>" +
"\t\t   <input type='radio' name='contexte_@uid' id='contexte2_@uid'> <label for='contexte2_@uid'>Par mon mari/ma femme/relation amoureuse</label><br>" +
"\t\t   <input type='radio' name='contexte_@uid' id='contexte3_@uid'> <label for='contexte3_@uid'>Par mes parents</label><br>" +
"\t\t   <input type='radio' name='contexte_@uid' id='contexte4_@uid'> <label for='contexte4_@uid'>Par mes enfants</label><br>" +
"\t\t   <input type='radio' name='contexte_@uid' id='contexte5_@uid'> <label for='contexte5_@uid'>Par un ami</label><br>" +
"\t\t   <input type='radio' name='contexte_@uid' id='contexte6_@uid'> <label for='contexte6_@uid'>Comme voisin</label><br>" +
"\t\t   <input type='radio' name='contexte_@uid' id='contexte7_@uid'> <label for='contexte7_@uid'>Par d’ +
"\t\t   <input type='radio' name='contexte_@uid' id='contexte8_@uid'> <label for='contexte8_@uid'>Etudes</label><br>" +
"\t\t   <input type='radio' name='contexte_@uid' id='contexte9_@uid'> <label for='contexte9_@uid'>Etudes supérieures</label><br>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\t   <input type='radio' name='contexte_@uid' id='contexte10_@uid'><label for='contexte10_@uid'>Au travail</label><br>" +
"\t\t   <input type='radio' name='contexte_@uid' id='contexte11_@uid'><label for='contexte11_@uid'>Internet (quel contexte +
"\t\t   <input type='radio' name='contexte_@uid' id='contexte12_@uid'><label for='contexte12_@uid'>Par une association (quel type : <input type='text' id='contexteSpecial2' placeholder='aide à la personne, sport, ..'>)</label><br>" +
"\t\t   <input type='radio' name='contexte_@uid' id='contexte13_@uid'><label for='contexte13_@uid'>Autre +
"\t</h5>" +
"\t<h4 data-icon='b'>Avec quelle fréquence discutez-vous avec cette personne +
"\t<h5 class='nobold color0'>" +
"\t\tFace à face<br>" +
"\t\t\t   <input type='radio' name='freq0_@uid' id='freq01_@uid'><label for='freq01_@uid'>plusieurs fois par semaine</label>" +
"\t\t\t   <input type='radio' name='freq0_@uid' id='freq02_@uid'><label for='freq02_@uid'>1 fois par semaine</label>" +
"\t\t\t   <input type='radio' name='freq0_@uid' id='freq03_@uid'><label for='freq03_@uid'>1 fois par mois</label>" +
"\t\t\t   <input type='radio' name='freq0_@uid' id='freq04_@uid'><label for='freq04_@uid'>1 fois par an ou moins</label>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\tTéléphone ou skype et équivalent<br>" +
"\t\t\t   <input type='radio' name='freq1_@uid' id='freq11_@uid'><label for='freq11_@uid'>plusieurs fois par semaine</label>" +
"\t\t\t   <input type='radio' name='freq1_@uid' id='freq12_@uid'><label for='freq12_@uid'>1 fois par semaine</label>" +
"\t\t\t   <input type='radio' name='freq1_@uid' id='freq13_@uid'><label for='freq13_@uid'>1 fois par mois</label>" +
"\t\t\t   <input type='radio' name='freq1_@uid' id='freq14_@uid'><label for='freq14_@uid'>1 fois par an ou moins</label>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\tSMS, et équivalents<br>" +
"\t\t\t   <input type='radio' name='freq2_@uid' id='freq21_@uid'><label for='freq21_@uid'>plusieurs fois par semaine</label>" +
"\t\t\t   <input type='radio' name='freq2_@uid' id='freq22_@uid'><label for='freq22_@uid'>1 fois par semaine</label>" +
"\t\t\t   <input type='radio' name='freq2_@uid' id='freq23_@uid'><label for='freq23_@uid'>1 fois par mois</label>" +
"\t\t\t   <input type='radio' name='freq2_@uid' id='freq24_@uid'><label for='freq24_@uid'>1 fois par an ou moins</label>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\tCourrier électronique<br>" +
"\t\t\t   <input type='radio' name='freq3_@uid' id='freq31_@uid'><label for='freq31_@uid'>plusieurs fois par semaine</label>" +
"\t\t\t   <input type='radio' name='freq3_@uid' id='freq32_@uid'><label for='freq32_@uid'>1 fois par semaine</label>" +
"\t\t\t   <input type='radio' name='freq3_@uid' id='freq33_@uid'><label for='freq33_@uid'>1 fois par mois</label>" +
"\t\t\t   <input type='radio' name='freq3_@uid' id='freq34_@uid'><label for='freq34_@uid'>1 fois par an ou moins</label>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\tFacebook ou autre réseau social<br>" +
"\t\t\t   <input type='radio' name='freq4_@uid' id='freq41_@uid'><label for='freq41_@uid'>plusieurs fois par semaine</label>" +
"\t\t\t   <input type='radio' name='freq4_@uid' id='freq42_@uid'><label for='freq42_@uid'>1 fois par semaine</label>" +
"\t\t\t   <input type='radio' name='freq4_@uid' id='freq43_@uid'><label for='freq43_@uid'>1 fois par mois</label>" +
"\t\t\t   <input type='radio' name='freq4_@uid' id='freq44_@uid'><label for='freq44_@uid'>1 fois par an ou moins</label>" +
"\t</h5>" +
"\t<h4 data-icon='r'>Comment êtes-vous « +
"\t<h5 class='nobold color0'>" +
"\t\tSes coordonnées sont dans votre carnet d’ +
"\t\t\t   <input type='radio' name='connect1_@uid' id='connect11_@uid'><label for='connect11_@uid'>Oui</label>" +
"\t\t\t   <input type='radio' name='connect1_@uid' id='connect12_@uid' checked><label for='connect12_@uid'>Non</label>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\tSon numéro de mobile est enregistré sur votre mobile (ou vous-mêmes êtes sur le sien)<br>" +
"\t\t\t   <input type='radio' name='connect2_@uid' id='connect21_@uid'><label for='connect21_@uid'>Oui</label>" +
"\t\t\t   <input type='radio' name='connect2_@uid' id='connect22_@uid' checked><label for='connect22_@uid'>Non</label>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\tElle figure parmi vos amis facebook<br>" +
"\t\t\t   <input type='radio' name='connect3_@uid' id='connect31_@uid'><label for='connect31_@uid'>Oui</label>" +
"\t\t\t   <input type='radio' name='connect3_@uid' id='connect32_@uid' checked><label for='connect32_@uid'>Non</label>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\tElle figure parmi vos amis facebook et vous interagissez avec elle sur ce dispositif régulièrement<br>" +
"\t\t\t   <input type='radio' name='connect4_@uid' id='connect41_@uid'><label for='connect41_@uid'>Oui</label>" +
"\t\t\t   <input type='radio' name='connect4_@uid' id='connect42_@uid' checked><label for='connect42_@uid'>Non</label>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\tVous le suivez sur Twitter<br>" +
"\t\t\t   <input type='radio' name='connect5_@uid' id='connect51_@uid'><label for='connect51_@uid'>Oui</label>" +
"\t\t\t   <input type='radio' name='connect5_@uid' id='connect52_@uid' checked><label for='connect52_@uid'>Non</label>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\tVous communiquez avec cette personne sur Twitter<br>" +
"\t\t\t   <input type='radio' name='connect6_@uid' id='connect61_@uid'><label for='connect61_@uid'>Oui</label>" +
"\t\t\t   <input type='radio' name='connect6_@uid' id='connect62_@uid' checked><label for='connect62_@uid'>Non</label>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\tVous communiquez dans autre réseau social : <input type='text' name='connectSpecial1_@uid'>" +
"\t</h5>" +
"\t<h5 class='nobold color0'>" +
"\t\tVous communiquez dans un autre dispositif (blogs, jeu vidéo ou autre) : <input type='text' name='connectSpecial2_@uid'>" +
"\t</h5>" +
"</article>" ) ;
