xdrm-brackets
/
NxTIC
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Avancement sur le formulaire (selects et radio avec saisie)

This commit is contained in:
xdrm-brackets 2016-04-25 12:00:48 +02:00
parent 904f38c472
commit 13b479af4f
10 changed files with 144 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/global/expanded.css
View File

File diff suppressed because one or more lines are too long

4
css/global/expanded.css.map
View File

File diff suppressed because one or more lines are too long

4
css/global/min.css
View File

File diff suppressed because one or more lines are too long

4
css/global/min.css.map
View File

File diff suppressed because one or more lines are too long

14
css/timeline-form.scss
View File

@ -317,6 +317,20 @@
text-indent: 1px; text-indent: 1px;
text-overflow: ''; text-overflow: '';
font-size: .9em; font-size: .9em;
& option:not(:disabled){
padding-left: 1.5em;
}
& option:disabled:not(:first-child){
font-size: 1.2em;
color: #000;
font-weight: bold;
}
& option.pad{
padding-left: 2.5em;
}
} }
& .select-container select{ & .select-container select{

16
css/timeline-form/expanded.css
View File

File diff suppressed because one or more lines are too long

4
css/timeline-form/expanded.css.map
View File

File diff suppressed because one or more lines are too long

4
css/timeline-form/min.css
View File

File diff suppressed because one or more lines are too long

4
css/timeline-form/min.css.map
View File

File diff suppressed because one or more lines are too long

116
view/input.php
View File

@ -98,12 +98,43 @@
<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='.'>Dernière profession exercée:</option> <option value='.' disabled selected>Dernière profession exercée:</option>
<option value='.'>___________________________</option> <option value='1-' disabled>Agriculateur exploitants</option>
<option value='0'>Métier 1</option> <option value='10'>- Agriculteurs exploitants (Agriculteurs, maraîchers, viticulteurs…)</option>
<option value='1'>Métier 2</option> <option value='2-' disabled>Artisans, commerçants et chefs d'entreprises</option>
<option value='2'>Métier 3</option> <option value='21'>- Artisans (Maçons, électriciens, couturiers, boulangers, garagistes, coiffeurs…)</option>
<option value='3'>Métier 4</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 l’enseignement 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 d’accueil…)</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> </select></span>
</h5> </h5>
@ -117,24 +148,45 @@
<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='.'>Niveau d'études maximal:</option> <option value='.' disabled selected>Niveau d'études maximal:</option>
<option value='.'>___________________________</option> <option value='01'>- Pas de scolarité</option>
<option value='0'>Parcours 1</option> <option value='02'>- Aucun diplôme mais scolarité jusqu'en école primaire ou au collège</option>
<option value='1'>Parcours 2</option> <option value='03'>- Aucun diplôme mais scolarité au-delà du collège</option>
<option value='2'>Parcours 3</option> <option value='04'>- Certificat d'études primaires (CEP)</option>
<option value='3'>Parcours 4</option> <option value='05'>- BEPC, brevet élémentaire, brevet des collèges</option>
<option value='06'>- Certificat d'aptitudes professionnelles (CAP), brevet de compagnon, y compris CAPA</option>
<option value='07'>- Brevet d'études professionnelles (BEP), y compris BEPA et diplômes agricoles (BAA, BPA)</option>
<option value='07' class='pad'>Diplômes sociaux (aide-soignante, auxiliaire de puériculture, travailleuse familiale)</option>
<option value='08'>- Baccalauréat général, brevet supérieur</option>
<option class='pad' value='08'>BAC ( L, ES, S ou A, B , C, D, D’, E )</option>
<option value='09'>- Bac technologique ou professionnel, brevet professionnel ou de technicien</option>
<option class='pad' value='09'>BAC (STI, STL, SMS, STT ou F, G, H)</option>
<option class='pad' value='09'>BEC, BEI, BEH, capacité en droit</option>
<option class='pad' value='09'>Brevet de technicien agricole (BTA)</option>
<option value='10'>- Diplôme universitaire de 1er cycle</option>
<option class='pad' value='10'>BTS, DUT, DEUG</option>
<option class='pad' value='10'>Diplôme des professions sociales ou de santé, d'infirmier(ère)</option>
<option class='pad' value='10'>Diplôme universitaire propédeutique, DUEL, DUES, DEUG, PCEM</option>
<option value='11'>- Diplôme universitaire de 2ème ou 3ème cycle</option>
<option class='pad' value='11'>MASTER, DOCTORAT (y compris médecine, pharmacie, dentaire),</option>
<option class='pad' value='11'>Maîtrise, DEA, DESS,</option>
<option class='pad' value='11'>CAPES, CAPET, agrégation</option>
<option class='pad' value='11'>Diplôme d'ingénieur, d'une grande école, etc.</option>
</select></span> </select></span>
</h5> </h5>
<h5 class='nobold color0'> <h5 class='nobold color0'>
<span class='select-container'><select data-name='relation'> Type de relation: <br>
<option value='.'>Type de relation:</option> &nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype0'><label for='reltype0'>père, mère ou équivalent</label><br>
<option value='.'>___________________________</option> &nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype1'><label for='reltype1'>frère ou soeur</label><br>
<option value='0'>Relation 1</option> &nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype2'><label for='reltype2'>autre membre de la famille</label><br>
<option value='1'>Relation 2</option> &nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype3'><label for='reltype3'>relation amoureuse</label><br>
<option value='2'>Relation 3</option> &nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype4'><label for='reltype4'>collègue</label><br>
<option value='3'>Relation 4</option> &nbsp&nbsp&nbsp<input type='radio' name='reltype' id='reltype5'><label for='reltype5'>voisin</label><br>
</select></span> &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='reltype8'><label for='reltype8'>autre : <input type='text' id='reltypeSpecial' placeholder='Type de relation'></label><br>
</h5> </h5>
<h5 class='nobold color0'> <h5 class='nobold color0'>
@ -152,14 +204,22 @@
<h5 class='nobold color0'> <h5 class='nobold color0'>
<span class='select-container'><select data-name='context'> Contexte de rencontre :<br>
<option value='.'>Contexte de rencontre:</option>
<option value='.'>___________________________</option> &nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte0'> <label for='contexte0'>De la même famille</label><br>
<option value='0'>Contexte 1</option> &nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte1'> <label for='contexte1'>Grandi ensemble</label><br>
<option value='1'>Contexte 2</option> &nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte2'> <label for='contexte2'>Par mon mari/ma femme/relation amoureuse</label><br>
<option value='2'>Contexte 3</option> &nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte3'> <label for='contexte3'>Par mes parents</label><br>
<option value='3'>Contexte 4</option> &nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte4'> <label for='contexte4'>Par mes enfants</label><br>
</select></span> &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='contexte7'> <label for='contexte7'>Par d’autres 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='contexte9'> <label for='contexte9'>Etudes supérieures</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='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='contexte13'><label for='contexte13'>Autre : <input type='text' id='contexteSpecial3' placeholder='Contexte de relation'></label><br>
</h5> </h5>
<h5 class='nobold color0'> <h5 class='nobold color0'>