382 lines
28 KiB
JavaScript
382 lines
28 KiB
JavaScript
|
/* [0] Gestion des constructeurs HTML
|
|||
|
|
=========================================================*/
|
|||
|
|
/* (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"+
|
|||
|
|
"\t<span data-space></span>\n"+
|
|||
|
|
"\t<h4 data-icon='o' class='color2'>@firstname @lastname (@username)</h4>\n"+
|
|||
|
|
|
|||
|
|
"\t<h5 class='nobold color0'>\n"+
|
|||
|
|
"\t\t<input type='radio' name='sexe_min_@uid' checked data-name='sexe' id='sexeH_min_@uid'><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'><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'>\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è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’enseignement secondaire ou supérieur, médecins hospitaliers, artistes…)</option>\n"+
|
|||
|
|
"\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’études, techniciens de contrôle, dessinateurs en bâtiment, géomètres…)</option>\n"+
|
|||
|
|
"\t\t\t\t<option value='48'>- Contremaîtres, agents de maîtrise (Conducteurs de travaux, chefs d’équipe…)</option>\n"+
|
|||
|
|
"\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’accueil…)</option>\n"+
|
|||
|
|
"\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 ?<br>\n"+
|
|||
|
|
"\t\t   <input type='radio' checked name='loc_min_@uid' data-name='loc' id='locA_min_@uid'><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'><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'><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'><label for='locD_min_@uid'>+ de 100km</label>\n"+
|
|||
|
|
"\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’enseignement secondaire ou supérieur, médecins hospitaliers, artistes…)</option>"+
|
|||
|
|
"\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’études, techniciens de contrôle, dessinateurs en bâtiment, géomètres…)</option>"+
|
|||
|
|
"\t\t\t\t<option value='48'>- Contremaîtres, agents de maîtrise (Conducteurs de travaux, chefs d’équipe…)</option>"+
|
|||
|
|
"\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’accueil…)</option>"+
|
|||
|
|
"\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’, E )</option>"+
|
|||
|
|
"\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'>"+
|
|||
|
|
"\t\t\t   <input type='radio' name='reltype_@uid' id='reltype0_@uid'><label for='reltype0_@uid'>Père, mère ou équivalent</label><br>"+
|
|||
|
|
"\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 ?</h4>"+
|
|||
|
|
"\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’autres membres de la famille</label><br>"+
|
|||
|
|
"\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 ? préciser <input type='text' id='contexteSpecial1' placeholder='facebook, youtube, twitter, ..'>)</label><br>"+
|
|||
|
|
"\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 : <input type='text' id='contexteSpecial3' placeholder='vacances, ..'></label><br>"+
|
|||
|
|
"\t</h5>"+
|
|||
|
|
|
|||
|
|
"\t<h4 data-icon='b'>Avec quelle fréquence discutez-vous avec cette personne ?</h4>"+
|
|||
|
|
"\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 « connecté » à cette personne ?</h4>"+
|
|||
|
|
"\t<h5 class='nobold color0'>"+
|
|||
|
|
"\t\tSes coordonnées sont dans votre carnet d’adresse<br>"+
|
|||
|
|
"\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>");
|