NxTIC/public_html/js/includes/input-html-phone-data.js

505 lines
36 KiB
JavaScript
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/* [0] Gestion des constructeurs HTML
=========================================================*/
/* (1) Constructeur de formulaire de contact */
var pContactBuilder = new HTMLBuilder();
pContactBuilder.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='hidden' data-name='countcall' value='@countcall'>\n"+
// "\t<input type='hidden' data-name='countsms' value='@countsms'>\n"+
//
// "\t<input type='text' data-name='number' placeholder='Numéro de téléphone' value='@number' > \n"+
"\t<span class='select-container nobold'><select data-name='existing'>\n"+
"\t\t<option value='.'>Contact existant</option>\n"+
"@contacts"+
"\t</select></span>\n"+
"\t&nbsp;&nbsp;&nbsp;&nbsp;ou&nbsp;&nbsp;&nbsp;&nbsp;\n"+
"\t<input type='text' data-name='username' placeholder='Pseudo' value='@username' > \n"+
"\t<input type='submit' class='primary sub-number' value='Enregistrer'>\n"+
"</h4>\n\n");
/* (2) Constructeur de MINI fiche de relation */
var pMiniFicheBuilder = new HTMLBuilder();
pMiniFicheBuilder.setLayout(
"<article class='mini-fiche-relation'>\n"+
"\t<input type='hidden' data-name='uid' value='@uid'>\n"+
"\t<span data-space></span>\n"+
"\t<h4 data-icon='a' class='color2'>@name</h4>\n"+
"\t<h5 class='nobold color0'>"+
"\t\t<input type='checkbox' data-name='unknown' id='unknown_min_p_@uid' value='1'><label for='unknown_min_p_@uid'>Contact inconnu</label>"+
"\t</h5>"+
// "\t<h5 class='nobold color0'>"+
// "\t\t@countcall appels"+
// "\t</h5>"+
// "\t<h5 class='nobold color0'>"+
// "\t\t@countsms sms"+
// "\t</h5>"+
"\t<h5 class='nobold color0'>\n"+
"\t\t<input type='radio' name='sexe_mini_p_@uid' data-name='sexe' id='sexeH_mini_p_@uid' value='0'><label for='sexeH_mini_p_@uid'>Homme</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='sexe_mini_p_@uid' data-name='sexe' id='sexeF_mini_p_@uid' value='1'><label for='sexeF_mini_p_@uid'>Femme</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='sexe_mini_p_@uid' data-name='sexe' id='sexeI_mini_p_@uid' value='2'><label for='sexeI_mini_p_@uid'>Indéterminé</label>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\t<span class='select-container'><select data-name='age'>\n"+
"\t\t\t<option value='.' disabled selected>Age:</option>\n"+
"\t\t\t<option value='0' >5 à 10 ans</option>\n"+
"\t\t\t<option value='2' >10 à 15 ans</option>\n"+
"\t\t\t<option value='3' >15 à 20 ans</option>\n"+
"\t\t\t<option value='4' >20 à 25 ans</option>\n"+
"\t\t\t<option value='5' >25 à 30 ans</option>\n"+
"\t\t\t<option value='6' >30 à 35 ans</option>\n"+
"\t\t\t<option value='7' >35 à 40 ans</option>\n"+
"\t\t\t<option value='8' >40 à 45 ans</option>\n"+
"\t\t\t<option value='9' >45 à 50 ans</option>\n"+
"\t\t\t<option value='10'>50 à 55 ans</option>\n"+
"\t\t\t<option value='11'>55 à 60 ans</option>\n"+
"\t\t\t<option value='12'>60 à 65 ans</option>\n"+
"\t\t\t<option value='13'>65 à 70 ans</option>\n"+
"\t\t\t<option value='14'>70 à 75 ans</option>\n"+
"\t\t\t<option value='15'>75 à 80 ans</option>\n"+
"\t\t\t<option value='16'>80 à 85 ans</option>\n"+
"\t\t\t<option value='17'>85 à 90 ans</option>\n"+
"\t\t\t<option value='18'>90 à 95 ans</option>\n"+
"\t\t\t<option value='19'>95 à 100 ans</option>\n"+
"\t\t</select></span>\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'études maximal:</option>\n"+
"\t\t\t<option value='0'>Inconnu</option>\n"+
"\t\t\t<option value='1'>< BAC</option>\n"+
"\t\t\t<option value='2'>BAC</option>\n"+
"\t\t\t<option value='3'>BAC+2</option>\n"+
"\t\t\t<option value='4'>BAC+3</option>\n"+
"\t\t\t<option value='5'>BAC+5 et plus</option>\n"+
"\t\t\t<option value='6'>Diplôme d'ingénieur, d'une grande école, 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_mini_p_@uid' data-name='reltype' id='reltype0_mini_p_@uid' value='0'><label for='reltype0_mini_p_@uid'>Père, mère ou équivalent</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_p_@uid' data-name='reltype' id='reltype1_mini_p_@uid' value='1'><label for='reltype1_mini_p_@uid'>Frère ou soeur</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_p_@uid' data-name='reltype' id='reltype2_mini_p_@uid' value='2'><label for='reltype2_mini_p_@uid'>Autre membre de la famille</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_p_@uid' data-name='reltype' id='reltype3_mini_p_@uid' value='3'><label for='reltype3_mini_p_@uid'>Relation amoureuse</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_p_@uid' data-name='reltype' id='reltype4_mini_p_@uid' value='4'><label for='reltype4_mini_p_@uid'>Collègue</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_p_@uid' data-name='reltype' id='reltype5_mini_p_@uid' value='5'><label for='reltype5_mini_p_@uid'>Voisin</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_p_@uid' data-name='reltype' id='reltype6_mini_p_@uid' value='6'><label for='reltype6_mini_p_@uid'>Ami/Copain</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_p_@uid' data-name='reltype' id='reltype9_mini_p_@uid' value='9'><label for='reltype9_mini_p_@uid'>Inconnu</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_mini_p_@uid' data-name='reltype' id='reltype10_mini_p_@uid' value='10'><label for='reltype10_mini_p_@uid'>Autre : <input type='text' data-name='reltypeSpecial' placeholder='coéquipier de tennis, ..' value='@reltypespecial'></label><br>\n"+
"\t</h5>\n"+
"\t<h4 data-icon='m'>Où habite t-elle/il ?</h4>\n"+
"\t<h5 class='nobold color0'>\n"+ "\t\tÀ combien de temps est-ce de chez vous ?<br>\n"+ "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_mini_p_@uid' data-name='loc' id='locX_mini_p_@uid' value='.'><label for='locX_mini_p_@uid'>Je ne sais pas</label><br>\n"+ "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_mini_p_@uid' data-name='loc' id='locA_mini_p_@uid' value='0'><label for='locA_mini_p_@uid'>- de 5 minutes</label><br>\n"+ "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_mini_p_@uid' data-name='loc' id='locB_mini_p_@uid' value='1'><label for='locB_mini_p_@uid'>de 5 à 15 minutes</label><br>\n"+ "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_mini_p_@uid' data-name='loc' id='locC_mini_p_@uid' value='2'><label for='locC_mini_p_@uid'>de 15 à 60 minutes</label><br>\n"+ "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_mini_p_@uid' data-name='loc' id='locD_mini_p_@uid' value='3'><label for='locD_mini_p_@uid'>+ d'une heure</label><br>\n"+ "\t</h5>\n"+ "</article>");
/* (3) Constructeur de formulaire fiche relation */
var pFicheBuilder = new HTMLBuilder();
pFicheBuilder.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<h4 data-icon='a' class='color2'>@name</h4>\n"+
"\t<h5 class='nobold color0'>"+
"\t\t@importedfiche"+
"\t</h5>"+
// "\t<h5 class='nobold color0'>"+
// "\t\t@countsms sms"+
// "\t</h5>"+
"\t<h5 class='nobold color0'>\n"+
"\t\t<input type='radio' name='sexe_p_@uid' data-name='sexe' id='sexeH_p_@uid' value='0'><label for='sexeH_p_@uid'>Homme</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='sexe_p_@uid' data-name='sexe' id='sexeF_p_@uid' value='1'><label for='sexeF_p_@uid'>Femme</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='sexe_p_@uid' data-name='sexe' id='sexeI_p_@uid' value='2'><label for='sexeI_p_@uid'>Indéterminé</label>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\t<span class='select-container'><select data-name='age'>\n"+
"\t\t\t<option value='.' disabled selected>Age:</option>\n"+
"\t\t\t<option value='0' >5 à 10 ans</option>\n"+
"\t\t\t<option value='1' >10 à 15 ans</option>\n"+
"\t\t\t<option value='2' >15 à 20 ans</option>\n"+
"\t\t\t<option value='3' >20 à 25 ans</option>\n"+
"\t\t\t<option value='4' >25 à 30 ans</option>\n"+
"\t\t\t<option value='5' >30 à 35 ans</option>\n"+
"\t\t\t<option value='6' >35 à 40 ans</option>\n"+
"\t\t\t<option value='7' >40 à 45 ans</option>\n"+
"\t\t\t<option value='8' >45 à 50 ans</option>\n"+
"\t\t\t<option value='9' >50 à 55 ans</option>\n"+
"\t\t\t<option value='10'>55 à 60 ans</option>\n"+
"\t\t\t<option value='11'>60 à 65 ans</option>\n"+
"\t\t\t<option value='12'>65 à 70 ans</option>\n"+
"\t\t\t<option value='13'>70 à 75 ans</option>\n"+
"\t\t\t<option value='14'>75 à 80 ans</option>\n"+
"\t\t\t<option value='15'>80 à 85 ans</option>\n"+
"\t\t\t<option value='16'>85 à 90 ans</option>\n"+
"\t\t\t<option value='17'>90 à 95 ans</option>\n"+
"\t\t\t<option value='18'>95 à 100 ans</option>\n"+
"\t\t</select></span>\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'>Agriculateur exploitants</option>\n"+
"\t\t\t<option value='1'>Artisans</option>\n"+
"\t\t\t<option value='2'>Commerçants et assimilés</option>\n"+
"\t\t\t<option value='3'>Chefs d'entreprise de 10 salariés ou plus</option>\n"+
"\t\t\t<option value='4'>Professions libérales et assimilés</option>\n"+
"\t\t\t<option value='5'>Cadres de la fonction publique, professions intellectuelles et artistiques</option>\n"+
"\t\t\t<option value='6'>Cadres d'entreprise</option>\n"+
"\t\t\t<option value='7'>Professions intermétiaires de l'enseignement, de la santé, de la fonction publique et assimilés</option>\n"+
"\t\t\t<option value='8'>Professions intermédiaires administratives et commerciales des entreprises</option>\n"+
"\t\t\t<option value='9'>Techniciens</option>\n"+
"\t\t\t<option value='10'>Contremaîtres, agents de maîtrise</option>\n"+
"\t\t\t<option value='11'>Employés</option>\n"+
"\t\t\t<option value='12'>Ouvriers</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_p_@uid' data-name='famsit' id='famsitA_p_@uid' value='0'><label for='famsitA_p_@uid'>Seul</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='famsit_p_@uid' data-name='famsit' id='famsitB_p_@uid' value='1'><label for='famsitB_p_@uid'>Seul avec enfant(s)</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='famsit_p_@uid' data-name='famsit' id='famsitC_p_@uid' value='2'><label for='famsitC_p_@uid'>En couple sans enfants</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='famsit_p_@uid' data-name='famsit' id='famsitD_p_@uid' value='3'><label for='famsitD_p_@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'études maximal:</option>\n"+
"\t\t\t<option value='0'>Aucun diplôme, CEP, BEPC</option>\n"+
"\t\t\t<option value='1'>CAP, CAPA, BEP, BEPA, Brevet de compagnon, Diplômes sociaux (aide-soignante, auxiliaire de puériculture, travailleuse familiale)</option>\n"+
"\t\t\t<option value='2'>Bac technologique ou professionnel, brevet professionnel ou de technicien</option>\n"+
"\t\t\t<option value='3'>Baccalauréat général, brevet supérieur</option>\n"+
"\t\t\t<option value='4'>Diplôme universitaire de 1er cycle: Licence, BTS, DUT</option>\n"+
"\t\t\t<option value='5'>Diplôme universitaire de 2ème cycle : MASTER, Maîtrise ou DEA, CAPES</option>\n"+
"\t\t\t<option value='6'>Doctorat (y compris médecine, pharmacie, dentaire)</option>\n"+
"\t\t\t<option value='7'>Diplôme d'ingénieur, diplôme d'une grande école de commerce</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_p_@uid' data-name='reltype' id='reltype0_p_@uid' value='0'><label for='reltype0_p_@uid'>Père, mère ou équivalent</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_p_@uid' data-name='reltype' id='reltype1_p_@uid' value='1'><label for='reltype1_p_@uid'>Frère ou soeur</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_p_@uid' data-name='reltype' id='reltype2_p_@uid' value='2'><label for='reltype2_p_@uid'>Autre membre de la famille</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_p_@uid' data-name='reltype' id='reltype3_p_@uid' value='3'><label for='reltype3_p_@uid'>Relation amoureuse</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_p_@uid' data-name='reltype' id='reltype4_p_@uid' value='4'><label for='reltype4_p_@uid'>Collègue</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_p_@uid' data-name='reltype' id='reltype5_p_@uid' value='5'><label for='reltype5_p_@uid'>Voisin</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_p_@uid' data-name='reltype' id='reltype6_p_@uid' value='6'><label for='reltype6_p_@uid'>Ami/Copain</label><br>\n"+
// "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_p_@uid' data-name='reltype' id='reltype7_p_@uid' value='7'><label for='reltype7_p_@uid'>Ami</label><br>\n"+
// "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_p_@uid' data-name='reltype' id='reltype8_p_@uid' value='8'><label for='reltype8_p_@uid'>Relation de service (médecin, ...)</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='reltype_p_@uid' data-name='reltype' id='reltype10_p_@uid' value='10'><label for='reltype10_p_@uid'>Autre : <input type='text' data-name='reltypeSpecial' placeholder='coéquipier de tennis, ..' value='@reltypespecial'></label><br>\n"+
"\t</h5>\n"+
"\t<h4 data-icon='m'>Où habite t-elle/il ?</h4>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\t<input type='text' data-name='city' placeholder='Ville' value='@city'>\n"+
"\t\t<input type='text' data-name='cp' placeholder='Code postal' value='@cp'><br>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tSi Toulouse : <input type='text' data-name='quartier' placeholder='quartier' value='@quartier'>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tÀ combien de temps est-ce de chez vous (en voiture) ?<br>\n"+
"\t\t(si deux domiciles, le plus proche)<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_p_@uid' data-name='loc' id='locA_p_@uid' value='0'><label for='locA_p_@uid'>- de 5 minutes</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_p_@uid' data-name='loc' id='locB_p_@uid' value='1'><label for='locB_p_@uid'>de 5 à 15 minutes</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_p_@uid' data-name='loc' id='locC_p_@uid' value='2'><label for='locC_p_@uid'>de 15 à 60 minutes</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='loc_p_@uid' data-name='loc' id='locD_p_@uid' value='3'><label for='locD_p_@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ées' 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_p_@uid' data-name='context' id='contexte0_p_@uid' value='0'><label for='contexte0_p_@uid'>De la même famille</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_p_@uid' data-name='context' id='contexte1_p_@uid' value='1'><label for='contexte1_p_@uid'>Grandi ensemble</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_p_@uid' data-name='context' id='contexte2_p_@uid' value='2'><label for='contexte2_p_@uid'>Par mon conjoint/partenaire</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_p_@uid' data-name='context' id='contexte3_p_@uid' value='3'><label for='contexte3_p_@uid'>Par mes parents</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_p_@uid' data-name='context' id='contexte4_p_@uid' value='4'><label for='contexte4_p_@uid'>Par mes enfants</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_p_@uid' data-name='context' id='contexte5_p_@uid' value='5'><label for='contexte5_p_@uid'>Par un ami</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_p_@uid' data-name='context' id='contexte6_p_@uid' value='6'><label for='contexte6_p_@uid'>Comme voisin</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_p_@uid' data-name='context' id='contexte7_p_@uid' value='7'><label for='contexte7_p_@uid'>Par dautres membres de la famille</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_p_@uid' data-name='context' id='contexte8_p_@uid' value='8'><label for='contexte8_p_@uid'>Etudes</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_p_@uid' data-name='context' id='contexte9_p_@uid' value='9'><label for='contexte9_p_@uid'>Etudes supérieures</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_p_@uid' data-name='context' id='contexte10_p_@uid' value='10'><label for='contexte10_p_@uid'>Au travail</label><br>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_p_@uid' data-name='context' id='contexte11_p_@uid' value='11'><label for='contexte11_p_@uid'>Internet (quel contexte ? préciser <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_p_@uid' data-name='context' id='contexte12_p_@uid' value='12'><label for='contexte12_p_@uid'>Par une association (quel type : <input type='text' data-name='contextSpecial' placeholder='aide à la personne, sport, ..' value='@contextspecial1'>)</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='contexte_p_@uid' data-name='context' id='contexte13_p_@uid' value='13'><label for='contexte13_p_@uid'>Autre : <input type='text' data-name='contextSpecial' placeholder='vacances, ..' value='@contextspecial2'></label><br>\n"+
"\t</h5>\n"+
"\t<h4 data-icon='b'>Avec quelle fréquence discutez-vous avec cette personne ?</h4>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tFace à face<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_p_@uid' data-name='freq' id='freq01_p_@uid' value='0'><label for='freq01_p_@uid'>plusieurs fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_p_@uid' data-name='freq' id='freq02_p_@uid' value='1'><label for='freq02_p_@uid'>1 fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_p_@uid' data-name='freq' id='freq03_p_@uid' value='2'><label for='freq03_p_@uid'>1 fois par mois</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_p_@uid' data-name='freq' id='freq04_p_@uid' value='3'><label for='freq04_p_@uid'>1 fois par an ou moins</label>\n"+
// "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq0_p_@uid' data-name='freq' id='freq05_p_@uid' value='4'><label for='freq05_p_@uid'>Jamais</label>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tTéléphone ou skype et équivalent<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_p_@uid' data-name='freq' id='freq06_p_@uid' value='5'><label for='freq06_p_@uid'>plusieurs fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_p_@uid' data-name='freq' id='freq07_p_@uid' value='6'><label for='freq07_p_@uid'>1 fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_p_@uid' data-name='freq' id='freq08_p_@uid' value='7'><label for='freq08_p_@uid'>1 fois par mois</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_p_@uid' data-name='freq' id='freq09_p_@uid' value='8'><label for='freq09_p_@uid'>1 fois par an ou moins</label>\n"+
// "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq1_p_@uid' data-name='freq' id='freq10_p_@uid' value='9'><label for='freq10_p_@uid'>Jamais</label>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tSMS, et équivalents<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_p_@uid' data-name='freq' id='freq11_p_@uid' value='10'><label for='freq11_p_@uid'>plusieurs fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_p_@uid' data-name='freq' id='freq12_p_@uid' value='11'><label for='freq12_p_@uid'>1 fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_p_@uid' data-name='freq' id='freq13_p_@uid' value='12'><label for='freq13_p_@uid'>1 fois par mois</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_p_@uid' data-name='freq' id='freq14_p_@uid' value='13'><label for='freq14_p_@uid'>1 fois par an ou moins</label>\n"+
// "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq2_p_@uid' data-name='freq' id='freq15_p_@uid' value='14'><label for='freq15_p_@uid'>Jamais</label>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tCourrier électronique<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_p_@uid' data-name='freq' id='freq16_p_@uid' value='15'><label for='freq16_p_@uid'>plusieurs fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_p_@uid' data-name='freq' id='freq17_p_@uid' value='16'><label for='freq17_p_@uid'>1 fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_p_@uid' data-name='freq' id='freq18_p_@uid' value='17'><label for='freq18_p_@uid'>1 fois par mois</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_p_@uid' data-name='freq' id='freq19_p_@uid' value='18'><label for='freq19_p_@uid'>1 fois par an ou moins</label>\n"+
// "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq3_p_@uid' data-name='freq' id='freq20_p_@uid' value='19'><label for='freq20_p_@uid'>Jamais</label>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tFacebook ou autre réseau social<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_p_@uid' data-name='freq' id='freq21_p_@uid' value='20'><label for='freq21_p_@uid'>plusieurs fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_p_@uid' data-name='freq' id='freq22_p_@uid' value='21'><label for='freq22_p_@uid'>1 fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_p_@uid' data-name='freq' id='freq23_p_@uid' value='22'><label for='freq23_p_@uid'>1 fois par mois</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_p_@uid' data-name='freq' id='freq24_p_@uid' value='23'><label for='freq24_p_@uid'>1 fois par an ou moins</label>\n"+
// "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='freq4_p_@uid' data-name='freq' id='freq25_p_@uid' value='24'><label for='freq25_p_@uid'>Jamais</label>\n"+
"\t</h5>\n"+
"\t<h4 data-icon='r'>Comment êtes-vous « connecté » à cette personne ?</h4>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tSes coordonnées sont dans votre carnet dadresse<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect1_p_@uid' data-name='connect' id='connect11_p_@uid' value='0'><label for='connect11_p_@uid'>Oui</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect1_p_@uid' data-name='connect' id='connect12_p_@uid' value='1'><label for='connect12_p_@uid'>Non</label>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tSon numéro de mobile est enregistré sur votre mobile (ou vous-mêmes êtes sur le sien)<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect2_p_@uid' data-name='connect' id='connect21_p_@uid' value='2'><label for='connect21_p_@uid'>Oui</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect2_p_@uid' data-name='connect' id='connect22_p_@uid' value='3'><label for='connect22_p_@uid'>Non</label>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tElle figure parmi vos amis facebook (idem)<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect3_p_@uid' data-name='connect' id='connect31_p_@uid' value='4'><label for='connect31_p_@uid'>Oui</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect3_p_@uid' data-name='connect' id='connect32_p_@uid' value='5'><label for='connect32_p_@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égulièrement (idem)<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect4_p_@uid' data-name='connect' id='connect41_p_@uid' value='6'><label for='connect41_p_@uid'>Oui</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect4_p_@uid' data-name='connect' id='connect42_p_@uid' value='7'><label for='connect42_p_@uid'>Non</label>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tVous le suivez sur Twitter (ou elle vous suit)<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect5_p_@uid' data-name='connect' id='connect51_p_@uid' value='8'><label for='connect51_p_@uid'>Oui</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect5_p_@uid' data-name='connect' id='connect52_p_@uid' value='9'><label for='connect52_p_@uid'>Non</label>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tVous communiquez avec cette personne sur Twitter (idem)<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect6_p_@uid' data-name='connect' id='connect61_p_@uid' value='10'><label for='connect61_p_@uid'>Oui</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='connect6_p_@uid' data-name='connect' id='connect62_p_@uid' value='11'><label for='connect62_p_@uid'>Non</label>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tVous communiquez dans autre réseau : <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éo ou autre) : <input type='text' data-name='connectSpecial' value='@connectspecial1'>\n"+
"\t</h5>\n"+
// RELEASE v2
"\t<h4 data-icon='g'>Comment cette personne utilise-t-elle les médias sociaux de votre point de vue ? Il s'agit :</h4>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='medsoc_p_@uid' data-name='medsoc' id='medsocA_p_@uid' value='0'><label for='medsocA_p_@uid'>D'une personne qui n'utilise pas ou peu les médias sociaux</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='medsoc_p_@uid' data-name='medsoc' id='medsocB_p_@uid' value='1'><label for='medsocB_p_@uid'>D'une personne qui consulte des publications mais partage peu de contenus</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='medsoc_p_@uid' data-name='medsoc' id='medsocC_p_@uid' value='2'><label for='medsocC_p_@uid'>D'une personne qui consulte des publication et partage des contenus de temps en temps</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='medsoc_p_@uid' data-name='medsoc' id='medsocD_p_@uid' value='3'><label for='medsocD_p_@uid'>D'une personne qui partage beaucoup de contenus et s'exprime fréquemment</label><br>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>Sur une échelle de 1 à 5, préciser l'intérêt que vous accordez aux contenue qu'elle partage via les médias sociaux<br><br>\n"+
// "\t<h5 class='nobold color0'>\n"+
"\t\t<span class='select-container'><select data-name='interest'>\n"+
"\t\t\t<option value='.' disabled selected>Intérêt</option>\n"+
"\t\t\t<option value='0'>1 - Ne vous intéresse pas</option>\n"+
"\t\t\t<option value='1'>2</option>\n"+
"\t\t\t<option value='2'>3</option>\n"+
"\t\t\t<option value='3'>4</option>\n"+
"\t\t\t<option value='4'>5 - Vous intéresse beaucoup</option>\n"+
"\t\t</select></span>\n"+
"\t</h5>\n"+
"\t<h4 data-icon='z'>Selon vous, à quelle fréquence cette personne ?</h4>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tPublie des commentaires personnels ou réagit aux publications des autres ?<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq0_p_@uid' data-name='irlfreq' id='irlfreq01_p_@uid' value='0'><label for='irlfreq01_p_@uid'>plusieurs fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq0_p_@uid' data-name='irlfreq' id='irlfreq02_p_@uid' value='1'><label for='irlfreq02_p_@uid'>1 fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq0_p_@uid' data-name='irlfreq' id='irlfreq03_p_@uid' value='2'><label for='irlfreq03_p_@uid'>1 fois par mois</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq0_p_@uid' data-name='irlfreq' id='irlfreq04_p_@uid' value='3'><label for='irlfreq04_p_@uid'>1 fois par an ou moins</label>\n"+
// "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq0_p_@uid' data-name='irlfreq' id='irlfreq05_p_@uid' value='4'><label for='irlfreq05_p_@uid'>Jamais</label>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tPublie des photos personnelles (profil, voyages, etc.) ?<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq1_p_@uid' data-name='irlfreq' id='irlfreq06_p_@uid' value='5'><label for='irlfreq06_p_@uid'>plusieurs fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq1_p_@uid' data-name='irlfreq' id='irlfreq07_p_@uid' value='6'><label for='irlfreq07_p_@uid'>1 fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq1_p_@uid' data-name='irlfreq' id='irlfreq08_p_@uid' value='7'><label for='irlfreq08_p_@uid'>1 fois par mois</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq1_p_@uid' data-name='irlfreq' id='irlfreq09_p_@uid' value='8'><label for='irlfreq09_p_@uid'>1 fois par an ou moins</label>\n"+
// "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq1_p_@uid' data-name='irlfreq' id='irlfreq10_p_@uid' value='9'><label for='irlfreq10_p_@uid'>Jamais</label>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tPartage de la musique ou des clips musicaux ?<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq2_p_@uid' data-name='irlfreq' id='irlfreq11_p_@uid' value='10'><label for='irlfreq11_p_@uid'>plusieurs fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq2_p_@uid' data-name='irlfreq' id='irlfreq12_p_@uid' value='11'><label for='irlfreq12_p_@uid'>1 fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq2_p_@uid' data-name='irlfreq' id='irlfreq13_p_@uid' value='12'><label for='irlfreq13_p_@uid'>1 fois par mois</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq2_p_@uid' data-name='irlfreq' id='irlfreq14_p_@uid' value='13'><label for='irlfreq14_p_@uid'>1 fois par an ou moins</label>\n"+
// "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq2_p_@uid' data-name='irlfreq' id='irlfreq15_p_@uid' value='14'><label for='irlfreq15_p_@uid'>Jamais</label>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tPartage des informations culturelles (concert, exposition, etc.) ?<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq3_p_@uid' data-name='irlfreq' id='irlfreq16_p_@uid' value='15'><label for='irlfreq16_p_@uid'>plusieurs fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq3_p_@uid' data-name='irlfreq' id='irlfreq17_p_@uid' value='16'><label for='irlfreq17_p_@uid'>1 fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq3_p_@uid' data-name='irlfreq' id='irlfreq18_p_@uid' value='17'><label for='irlfreq18_p_@uid'>1 fois par mois</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq3_p_@uid' data-name='irlfreq' id='irlfreq19_p_@uid' value='18'><label for='irlfreq19_p_@uid'>1 fois par an ou moins</label>\n"+
// "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq3_p_@uid' data-name='irlfreq' id='irlfreq20_p_@uid' value='19'><label for='irlfreq20_p_@uid'>Jamais</label>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\tPartage des articles, des informations, des contenus avec une portée politique ?<br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq4_p_@uid' data-name='irlfreq' id='irlfreq21_p_@uid' value='20'><label for='irlfreq21_p_@uid'>plusieurs fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq4_p_@uid' data-name='irlfreq' id='irlfreq22_p_@uid' value='21'><label for='irlfreq22_p_@uid'>1 fois par semaine</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq4_p_@uid' data-name='irlfreq' id='irlfreq23_p_@uid' value='22'><label for='irlfreq23_p_@uid'>1 fois par mois</label>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq4_p_@uid' data-name='irlfreq' id='irlfreq24_p_@uid' value='23'><label for='irlfreq24_p_@uid'>1 fois par an ou moins</label>\n"+
// "\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='irlfreq4_p_@uid' data-name='irlfreq' id='irlfreq25_p_@uid' value='24'><label for='irlfreq25_p_@uid'>Jamais</label>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>Sur une échelle de 1 à 5, comment jugez-vous votre relation à cette personne ?<br><br>\n"+
// "\t<h5 class='nobold color0'>\n"+
"\t\t<span class='select-container'><select data-name='relmark'>\n"+
"\t\t\t<option value='.' disabled selected>Relation</option>\n"+
"\t\t\t<option value='0'>1 - Pas du tout proche</option>\n"+
"\t\t\t<option value='1'>2</option>\n"+
"\t\t\t<option value='2'>3</option>\n"+
"\t\t\t<option value='3'>4</option>\n"+
"\t\t\t<option value='4'>5 - Très proche</option>\n"+
"\t\t</select></span>\n"+
"\t</h5>\n"+
"\t<h5 class='nobold color0'>Considérez-vous que vos échange avec cette personne à travers les médias sociaux: </h5>\n"+
"\t<h5 class='nobold color0'>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='medrel_p_@uid' data-name='medrel' id='medrelA_p_@uid' value='0'><label for='medrelA_p_@uid'>N'ont aucun effet sur votre relation</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='medrel_p_@uid' data-name='medrel' id='medrelB_p_@uid' value='1'><label for='medrelB_p_@uid'>Vous ont rapproché d'elle</label><br>\n"+
"\t\t&nbsp;&nbsp;&nbsp;<input type='radio' name='medrel_p_@uid' data-name='medrel' id='medrelC_p_@uid' value='2'><label for='medrelC_p_@uid'>Vous ont éloigné d'elle</label><br>\n"+
"\t</h5>\n"+
"</article>\n");