Corrections + ajout des 'mini fiches relations'

This commit is contained in:
xdrm-brackets 2016-04-25 15:41:25 +02:00
parent 8cb235f507
commit 31589a4141
1 changed files with 99 additions and 21 deletions

View File

@ -80,6 +80,82 @@
<h3 data-n='3' class='color4'>Remplir les fiches relations des contacts</h3> <h3 data-n='3' class='color4'>Remplir les fiches relations des contacts</h3>
<!-- GESTION DES MINI-FICHES RELATIONS -->
<article class='mini-relation-panel'>
<article class='mini-fiche-relation'>
<span data-space></span>
<h4 data-icon='o' class='color2'>Prénom1 Nom1 (Pseudo1)</h4>
<h5 class='nobold color0'>
<input type='radio' name='sexe_min' checked data-name='sexe' id='sexeH_min'><label for='sexeH_min'>Homme</label>
&nbsp&nbsp&nbsp<input type='radio' class='btm' name='sexe_min' data-name='sexe' id='sexeF_min'><label for='sexeF_min'>Femme</label>
</h5>
<h5 class='nobold color0'>
<input type='number' min='5' max='120' data-name='age' placeholder='Age'>
</h5>
<h5 class='nobold color0'>
<span class='select-container'><select data-name='job'>
<option value='.' disabled selected>Dernière profession exercée:</option>
<option value='0'>Inconnue</option>
<option value='1-' disabled>Agriculateur exploitants</option>
<option value='10'>- Agriculteurs exploitants (Agriculteurs, maraîchers, viticulteurs…)</option>
<option value='2-' disabled>Artisans, commerçants et chefs d'entreprises</option>
<option value='21'>- Artisans (Maçons, électriciens, couturiers, boulangers, garagistes, coiffeurs…)</option>
<option value='22'>- Commerçants et assimilés (Commerçants en détail ou en gros, buralistes, cafetiers, agents immobiliers…)</option>
<option value='23'>- Chefs d'entreprise de 10 salariés ou plus</option>
<option value='3-' disabled>Cadres et professions intellectuelles supérieures</option>
<option value='31'>- Professions libérales et assimilés (Médecins, avocats, notaires, architectes libéraux…)</option>
<option value='32'>- Cadres de la fonction publique, professions intellectuelles et artistiques (Personnels administratifs</option>
<option class='pad' value='32'>de catégorie A, professeurs de lenseignement secondaire ou supérieur, médecins hospitaliers, artistes…)</option>
<option value='36'>- Cadres d'entreprise (Cadres administratifs, cadres commerciaux, ingénieurs…)</option>
<option value='4-' disabled>Professions Intermédiaires</option>
<option value='41'>- Professions intermédiaires de l'enseignement, de la santé, de la fonction publique et assimilés </option>
<option class='pad' value='41'>(Personnels administratifs de catégorie B, instituteurs, infirmiers, travailleurs sociaux…)</option>
<option value='46'>- Professions intermédiaires administratives et commerciales des entreprises (Comptables, chargés de clientèles…)</option>
<option value='47'>- Techniciens (Techniciens détudes, techniciens de contrôle, dessinateurs en bâtiment, géomètres…)</option>
<option value='48'>- Contremaîtres, agents de maîtrise (Conducteurs de travaux, chefs déquipe…)</option>
<option value='5-' disabled>Employés</option>
<option value='51'>- Employés de la fonction publique (Personnels de catégorie C, agents administratifs, agents de service…)</option>
<option value='54'>- Employés administratifs d'entreprise (Secrétaires, agents daccueil…)</option>
<option value='55'>- Employés de commerce (Vendeurs, caissiers…)</option>
<option value='56'>- Personnels des services directs aux particuliers (Serveurs, coiffeurs, assistantes maternelles…)</option>
<option value='6-' disabled>Ouvriers</option>
<option value='61'>- Ouvriers qualifiés de type industriel ou artisanal (Mécaniciens, chauffeurs, cuisiniers…)</option>
<option value='66'>- Ouvriers non qualifiés de type industriel ou artisanal (Ouvrier de production, manœuvres…)</option>
<option value='69'>- Ouvriers agricoles (Bergers, ouvriers de la viticulture, bûcherons, ouvrier forestiers…)</option>
<option value='7-' disabled>Retraités</option>
<option value='71'>- Anciens agriculteurs exploitants</option>
<option value='72'>- Anciens artisans, commerçants, chefs d'entreprise</option>
<option value='73'>- Anciens cadres</option>
<option value='74'>- Anciennes professions intermédiaires</option>
<option value='75'>- Anciens employés</option>
<option value='76'>- Anciens ouvriers</option>
<option value='8-' disabled>Sans activité professionnelle</option>
<option value='81'>- Chômeurs n'ayant jamais travaillé</option>
<option value='82'>- Inactifs divers (autres que retraités)</option>
</select></span>
</h5>
<h5 class='nobold color0'>
habite t-elle/il ?<br>
&nbsp&nbsp&nbsp<input type='radio' checked name='loc_min' data-name='loc' id='locA_min'><label for='locA_min'>- de 10km</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='loc_min' data-name='loc' id='locB_min'><label for='locB_min'>de 10km à 30km</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='loc_min' data-name='loc' id='locC_min'><label for='locC_min'>de 30km à 100km</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='loc_min' data-name='loc' id='locD_min'><label for='locD_min'>+ de 100km</label>
</h5>
</article>
</article>
<!-- GESTION DES FICHES RELATIONS --> <!-- GESTION DES FICHES RELATIONS -->
<article class='relation-panel'> <article class='relation-panel'>
<article class='fiche-relation'> <article class='fiche-relation'>
@ -99,6 +175,7 @@
<h5 class='nobold color0'> <h5 class='nobold color0'>
<span class='select-container'><select data-name='job'> <span class='select-container'><select data-name='job'>
<option value='.' disabled selected>Dernière profession exercée:</option> <option value='.' disabled selected>Dernière profession exercée:</option>
<option value='0'>Inconnue</option>
<option value='1-' disabled>Agriculateur exploitants</option> <option value='1-' disabled>Agriculateur exploitants</option>
<option value='10'>- Agriculteurs exploitants (Agriculteurs, maraîchers, viticulteurs…)</option> <option value='10'>- Agriculteurs exploitants (Agriculteurs, maraîchers, viticulteurs…)</option>
<option value='2-' disabled>Artisans, commerçants et chefs d'entreprises</option> <option value='2-' disabled>Artisans, commerçants et chefs d'entreprises</option>
@ -149,6 +226,7 @@
<h5 class='nobold color0'> <h5 class='nobold color0'>
<span class='select-container'><select data-name='studies'> <span class='select-container'><select data-name='studies'>
<option value='.' disabled selected>Niveau d'études maximal:</option> <option value='.' disabled selected>Niveau d'études maximal:</option>
<option value='0'>Inconnue</option>
<option value='01'>- Pas de scolarité</option> <option value='01'>- Pas de scolarité</option>
<option value='02'>- Aucun diplôme mais scolarité jusqu'en école primaire ou au collège</option> <option value='02'>- Aucun diplôme mais scolarité jusqu'en école primaire ou au collège</option>
<option value='03'>- Aucun diplôme mais scolarité au-delà du collège</option> <option value='03'>- Aucun diplôme mais scolarité au-delà du collège</option>
@ -178,15 +256,15 @@
<h4 data-icon='a'>Type de relation</h4> <h4 data-icon='a'>Type de relation</h4>
<h5 class='nobold color0'> <h5 class='nobold color0'>
&nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype0'><label for='reltype0'>père, mère ou équivalent</label><br> &nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype0'><label for='reltype0'>Père, mère ou équivalent</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype1'><label for='reltype1'>frère ou soeur</label><br> &nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype1'><label for='reltype1'>Frère ou soeur</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype2'><label for='reltype2'>autre membre de la famille</label><br> &nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype2'><label for='reltype2'>Autre membre de la famille</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype3'><label for='reltype3'>relation amoureuse</label><br> &nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype3'><label for='reltype3'>Relation amoureuse</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype4'><label for='reltype4'>collègue</label><br> &nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype4'><label for='reltype4'>Collègue</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype5'><label for='reltype5'>voisin</label><br> &nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype5'><label for='reltype5'>Voisin</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype6'><label for='reltype6'>ami</label><br> &nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype6'><label for='reltype6'>Ami</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype7'><label for='reltype7'>copain</label><br> &nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype7'><label for='reltype7'>Copain</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype8'><label for='reltype8'>autre : <input type='text' id='reltypeSpecial' placeholder='Type de relation'></label><br> &nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype8'><label for='reltype8'>Autre : <input type='text' id='reltypeSpecial' placeholder='coéquipier de tennis, ..'></label><br>
</h5> </h5>
<h4 data-icon='m'> habite t-elle/il ?</h4> <h4 data-icon='m'> habite t-elle/il ?</h4>
@ -213,15 +291,15 @@
&nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte5'> <label for='contexte5'>Par un ami</label><br> &nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte5'> <label for='contexte5'>Par un ami</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte6'> <label for='contexte6'>Comme voisin</label><br> &nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte6'> <label for='contexte6'>Comme voisin</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte7'> <label for='contexte7'>Par dautres membres de la famille</label><br> &nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte7'> <label for='contexte7'>Par dautres membres de la famille</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte8'> <label for='contexte8'>études</label><br> &nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte8'> <label for='contexte8'>Etudes</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte9'> <label for='contexte9'>Etudes supérieures</label><br> &nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte9'> <label for='contexte9'>Etudes supérieures</label><br>
</h5> </h5>
<h5 class='nobold color0'> <h5 class='nobold color0'>
&nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte10'><label for='contexte10'>Au travail</label><br> &nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte10'><label for='contexte10'>Au travail</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte11'><label for='contexte11'>Internet (quel contexte ? préciser <input type='text' id='contexteSpecial1' placeholder='partage, youtube, ..'>)</label><br> &nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte11'><label for='contexte11'>Internet (quel contexte ? préciser <input type='text' id='contexteSpecial1' placeholder='facebook, youtube, twitter, ..'>)</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte12'><label for='contexte12'>Par une association (quel type : <input type='text' id='contexteSpecial2' placeholder='aide à la personne, ..'>)</label><br> &nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte12'><label for='contexte12'>Par une association (quel type : <input type='text' id='contexteSpecial2' placeholder='aide à la personne, sport, ..'>)</label><br>
&nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte13'><label for='contexte13'>Autre : <input type='text' id='contexteSpecial3' placeholder='Contexte de relation'></label><br> &nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte13'><label for='contexte13'>Autre : <input type='text' id='contexteSpecial3' placeholder='vacances, ..'></label><br>
</h5> </h5>
<h4 data-icon='b'>Avec quelle fréquence discutez-vous avec cette personne ?</h4> <h4 data-icon='b'>Avec quelle fréquence discutez-vous avec cette personne ?</h4>
@ -234,7 +312,7 @@
</h5> </h5>
<h5 class='nobold color0'> <h5 class='nobold color0'>
Téléphone ou skype et eqts<br> Téléphone ou skype et équivalent<br>
&nbsp&nbsp&nbsp<input type='radio' name='freq1' id='freq11'><label for='freq11'>plusieurs fois par semaine</label> &nbsp&nbsp&nbsp<input type='radio' name='freq1' id='freq11'><label for='freq11'>plusieurs fois par semaine</label>
&nbsp&nbsp&nbsp<input type='radio' name='freq1' id='freq12'><label for='freq12'>1 fois par semaine</label> &nbsp&nbsp&nbsp<input type='radio' name='freq1' id='freq12'><label for='freq12'>1 fois par semaine</label>
&nbsp&nbsp&nbsp<input type='radio' name='freq1' id='freq13'><label for='freq13'>1 fois par mois</label> &nbsp&nbsp&nbsp<input type='radio' name='freq1' id='freq13'><label for='freq13'>1 fois par mois</label>
@ -270,41 +348,41 @@
<h5 class='nobold color0'> <h5 class='nobold color0'>
Ses coordonnées sont dans votre carnet dadresse<br> Ses coordonnées sont dans votre carnet dadresse<br>
&nbsp&nbsp&nbsp<input type='radio' name='connect1' id='connect11'><label for='connect11'>Oui</label> &nbsp&nbsp&nbsp<input type='radio' name='connect1' id='connect11'><label for='connect11'>Oui</label>
&nbsp&nbsp&nbsp<input type='radio' name='connect1' id='connect12'><label for='connect12'>Non</label> &nbsp&nbsp&nbsp<input type='radio' name='connect1' id='connect12' checked><label for='connect12'>Non</label>
</h5> </h5>
<h5 class='nobold color0'> <h5 class='nobold color0'>
Son numéro de mobile est enregistré sur votre mobile (ou vous-mêmes êtes sur le sien)<br> Son numéro de mobile est enregistré sur votre mobile (ou vous-mêmes êtes sur le sien)<br>
&nbsp&nbsp&nbsp<input type='radio' name='connect2' id='connect21'><label for='connect21'>Oui</label> &nbsp&nbsp&nbsp<input type='radio' name='connect2' id='connect21'><label for='connect21'>Oui</label>
&nbsp&nbsp&nbsp<input type='radio' name='connect2' id='connect22'><label for='connect22'>Non</label> &nbsp&nbsp&nbsp<input type='radio' name='connect2' id='connect22' checked><label for='connect22'>Non</label>
</h5> </h5>
<h5 class='nobold color0'> <h5 class='nobold color0'>
Elle figure parmi vos amis facebook<br> Elle figure parmi vos amis facebook<br>
&nbsp&nbsp&nbsp<input type='radio' name='connect3' id='connect31'><label for='connect31'>Oui</label> &nbsp&nbsp&nbsp<input type='radio' name='connect3' id='connect31'><label for='connect31'>Oui</label>
&nbsp&nbsp&nbsp<input type='radio' name='connect3' id='connect32'><label for='connect32'>Non</label> &nbsp&nbsp&nbsp<input type='radio' name='connect3' id='connect32' checked><label for='connect32'>Non</label>
</h5> </h5>
<h5 class='nobold color0'> <h5 class='nobold color0'>
Elle figure parmi vos amis facebook et vous interagissez avec elle sur ce dispositif régulièrement<br> Elle figure parmi vos amis facebook et vous interagissez avec elle sur ce dispositif régulièrement<br>
&nbsp&nbsp&nbsp<input type='radio' name='connect4' id='connect41'><label for='connect41'>Oui</label> &nbsp&nbsp&nbsp<input type='radio' name='connect4' id='connect41'><label for='connect41'>Oui</label>
&nbsp&nbsp&nbsp<input type='radio' name='connect4' id='connect42'><label for='connect42'>Non</label> &nbsp&nbsp&nbsp<input type='radio' name='connect4' id='connect42' checked><label for='connect42'>Non</label>
</h5> </h5>
<h5 class='nobold color0'> <h5 class='nobold color0'>
Vous le suivez sur Twitter<br> Vous le suivez sur Twitter<br>
&nbsp&nbsp&nbsp<input type='radio' name='connect5' id='connect51'><label for='connect51'>Oui</label> &nbsp&nbsp&nbsp<input type='radio' name='connect5' id='connect51'><label for='connect51'>Oui</label>
&nbsp&nbsp&nbsp<input type='radio' name='connect5' id='connect52'><label for='connect52'>Non</label> &nbsp&nbsp&nbsp<input type='radio' name='connect5' id='connect52' checked><label for='connect52'>Non</label>
</h5> </h5>
<h5 class='nobold color0'> <h5 class='nobold color0'>
Vous communiquez avec cette personne sur Twitter<br> Vous communiquez avec cette personne sur Twitter<br>
&nbsp&nbsp&nbsp<input type='radio' name='connect6' id='connect61'><label for='connect61'>Oui</label> &nbsp&nbsp&nbsp<input type='radio' name='connect6' id='connect61'><label for='connect61'>Oui</label>
&nbsp&nbsp&nbsp<input type='radio' name='connect6' id='connect62'><label for='connect62'>Non</label> &nbsp&nbsp&nbsp<input type='radio' name='connect6' id='connect62' checked><label for='connect62'>Non</label>
</h5> </h5>
<h5 class='nobold color0'> <h5 class='nobold color0'>
Vous communiquez dans autre réseau : <input type='text' name='connectSpecial1'> Vous communiquez dans autre réseau social : <input type='text' name='connectSpecial1'>
</h5> </h5>
<h5 class='nobold color0'> <h5 class='nobold color0'>