NxTIC/view/input.php

<?php define('__ROOT__', dirname(dirname(__FILE__)) );
	require_once __ROOT__.'/manager/autoloader.php';
	use \manager\ModuleRequest;
	use \manager\ManagerError;
	use \manager\ResourceDispatcher;
	use \manager\Repo;

	$somevariable = 'test';
?>



<?php /* [1] ADMIN -> Donnees de questionnaire
=========================================================*/
?><section data-sublink='survey'>
	Questionnaire
</section>





<?php /* [2] ADMIN -> Donnees de Facebook
=========================================================*/
?><section data-sublink='facebook'>
	Facebook
</section>





<?php /* [3] ADMIN -> Donnees du Telephone
=========================================================*/
?><section data-sublink='phone'> <!-- IMPORT ou SAISIE -->

	<section data-timeline>
		<h3 data-n='1' class='color4'>Identifier l'enquêté</h3>
		<span data-space></span>
		<h5 data-text="Renseigner au moins un des nominatifs pour chaque contact. (pseudo, prénom et/ou nom)"></h5>
		<article class='subject-panel'>
			<h4 class='self color2' data-icon='a'>
				<input type='text' data-name='number' placeholder='Numéro de téléphone'>
				<input type='text' data-name='username'  placeholder='Pseudo'>
				<input type='text' data-name='firstname' placeholder='Prénom'>
				<input type='text' data-name='lastname'  placeholder='Nom'>
				<input type='submit' class='primary' data-name='submit' data-store value='Enregistrer'>
			</h4>
		</article>
		<span data-space></span>


		<h3 data-n='2' class='color4'>Importer un journal d'appel</h3>
			<span data-space></span>
			<h5 data-text="Seuls les fichiers au format XML et spécifiques sont pris en compte."></h5>
			<h4 data-icon='u' class='color2'>
				<input type='file' id='call_log-import' value='test'>
				<span class='file-input'>Importer un journal d'appels</span>
			</h4>
			<span data-space></span>
			<!-- <span data-tag='OU'></span> -->
		<h3 data-n='2' class='color4'>Saisir manuellement les contacts</h3>

		<!-- GESTION DE L'AJOUT DES CONTACTS -->
		<span data-space></span>
		<h5 data-text="Renseigner au moins un des nominatifs pour chaque contact. (pseudo, prénom et/ou nom)"></h5>
		<article class='contact-panel'>
		</article>
		<h4 data-icon='+' class='add-contact' style='cursor: pointer;'>Ajouter un contact</h4>
		<span data-space></span>





		<!-- GESTION DES MINI-FICHES RELATIONS -->
		<h3 data-n='3' class='color4'>Remplir les fiches relations rapides pour tous les contacts</h3>
		<span data-space></span>
		<article class='mini-relation-panel'>

		</article>
		<span data-space></span>




		<!-- GESTION DES FICHES RELATIONS -->
		<h3 data-n='4' class='color4'>Remplir les fiches relations complètes des contacts les plus contactés</h3>
		<article class='relation-panel'>
			<article class='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' checked data-name='sexe' id='sexeH_0'><label for='sexeH_0'>Homme</label>
					&nbsp&nbsp&nbsp<input type='radio' class='btm' name='sexe' data-name='sexe' id='sexeF_0'><label for='sexeF_0'>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 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>
				</h5>

				<h5 class='nobold color0'>
					Situation familiale:<br>
					<h5 class='nobold color0'>
					&nbsp&nbsp&nbsp<input type='radio' checked name='famsit' data-name='famsit' id='famsitA_0'><label for='famsitA_0'>Seul</label><br>
					&nbsp&nbsp&nbsp<input type='radio' name='famsit' data-name='famsit' id='famsitB_0'><label for='famsitB_0'>En couple sans enfants</label><br>
					&nbsp&nbsp&nbsp<input type='radio' name='famsit' data-name='famsit' id='famsitC_0'><label for='famsitC_0'>En couple avec enfants</label>
				</h5>

				<h5 class='nobold color0'>
					<span class='select-container'><select data-name='studies'>
						<option value='.' disabled selected>Niveau d'études maximal:</option>
						<option value='0'>Inconnue</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='03'>- Aucun diplôme mais scolarité au-delà du collège</option>
						<option value='04'>- Certificat d'études primaires (CEP)</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>
				</h5>

				<h4 data-icon='a'>Type de relation</h4>
				<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='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='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='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='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='coéquipier de tennis, ..'></label><br>
				</h5>

				<h4 data-icon='m'>Où habite t-elle/il ?</h4>
				<h5 class='nobold color0'>
					&nbsp&nbsp&nbsp<input type='radio' checked name='loc' data-name='loc' id='locA_0'><label for='locA_0'>- de 5 minutes</label><br>
					&nbsp&nbsp&nbsp<input type='radio' name='loc' data-name='loc' id='locB_0'><label for='locB_0'>de 5 à 15 minutes</label><br>
					&nbsp&nbsp&nbsp<input type='radio' name='loc' data-name='loc' id='locC_0'><label for='locC_0'>de 15 à 60 minutes</label><br>
					&nbsp&nbsp&nbsp<input type='radio' name='loc' data-name='loc' id='locD_0'><label for='locD_0'>+ d'une heure</label><br>
				</h5>

				<h5 class='nobold color0'>
					Depuis quand connaissez-vous cette personne ?
					<input type='number' data-name='duration' placeholder='Nombre de mois'>
				</h5>


				<h4 data-icon='d'>Contexte de rencontre</h4>
				<h5 class='nobold color0'>
					&nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte0'> <label for='contexte0'>De la même famille</label><br>
					&nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte1'> <label for='contexte1'>Grandi ensemble</label><br>
					&nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte2'> <label for='contexte2'>Par mon mari/ma femme/relation amoureuse</label><br>
					&nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte3'> <label for='contexte3'>Par mes parents</label><br>
					&nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte4'> <label for='contexte4'>Par mes enfants</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='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'>Etudes</label><br>
					&nbsp&nbsp&nbsp<input type='radio' name='contexte' id='contexte9'> <label for='contexte9'>Etudes supérieures</label><br>
				</h5>

				<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='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, sport, ..'>)</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>

				<h4 data-icon='b'>Avec quelle fréquence discutez-vous avec cette personne ?</h4>
				<h5 class='nobold color0'>
					Face à face<br>
						&nbsp&nbsp&nbsp<input type='radio' name='freq0' id='freq01'><label for='freq01'>plusieurs fois par semaine</label>
						&nbsp&nbsp&nbsp<input type='radio' name='freq0' id='freq02'><label for='freq02'>1 fois par semaine</label>
						&nbsp&nbsp&nbsp<input type='radio' name='freq0' id='freq03'><label for='freq03'>1 fois par mois</label>
						&nbsp&nbsp&nbsp<input type='radio' name='freq0' id='freq04'><label for='freq04'>1 fois par an ou moins</label>
				</h5>

				<h5 class='nobold color0'>
					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='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='freq14'><label for='freq14'>1 fois par an ou moins</label>
				</h5>

				<h5 class='nobold color0'>
					SMS, et équivalents<br>
						&nbsp&nbsp&nbsp<input type='radio' name='freq2' id='freq21'><label for='freq21'>plusieurs fois par semaine</label>
						&nbsp&nbsp&nbsp<input type='radio' name='freq2' id='freq22'><label for='freq22'>1 fois par semaine</label>
						&nbsp&nbsp&nbsp<input type='radio' name='freq2' id='freq23'><label for='freq23'>1 fois par mois</label>
						&nbsp&nbsp&nbsp<input type='radio' name='freq2' id='freq24'><label for='freq24'>1 fois par an ou moins</label>
				</h5>

				<h5 class='nobold color0'>
					Courrier électronique<br>
						&nbsp&nbsp&nbsp<input type='radio' name='freq3' id='freq31'><label for='freq31'>plusieurs fois par semaine</label>
						&nbsp&nbsp&nbsp<input type='radio' name='freq3' id='freq32'><label for='freq32'>1 fois par semaine</label>
						&nbsp&nbsp&nbsp<input type='radio' name='freq3' id='freq33'><label for='freq33'>1 fois par mois</label>
						&nbsp&nbsp&nbsp<input type='radio' name='freq3' id='freq34'><label for='freq34'>1 fois par an ou moins</label>
				</h5>

				<h5 class='nobold color0'>
					Facebook ou autre réseau social<br>
						&nbsp&nbsp&nbsp<input type='radio' name='freq4' id='freq41'><label for='freq41'>plusieurs fois par semaine</label>
						&nbsp&nbsp&nbsp<input type='radio' name='freq4' id='freq42'><label for='freq42'>1 fois par semaine</label>
						&nbsp&nbsp&nbsp<input type='radio' name='freq4' id='freq43'><label for='freq43'>1 fois par mois</label>
						&nbsp&nbsp&nbsp<input type='radio' name='freq4' id='freq44'><label for='freq44'>1 fois par an ou moins</label>
				</h5>


				<h4 data-icon='r'>Comment êtes-vous « connecté » à cette personne ?</h4>
				<h5 class='nobold color0'>
					Ses coordonnées sont dans votre carnet d’adresse<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='connect12' checked><label for='connect12'>Non</label>
				</h5>

				<h5 class='nobold color0'>
					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='connect22' checked><label for='connect22'>Non</label>
				</h5>

				<h5 class='nobold color0'>
					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='connect32' checked><label for='connect32'>Non</label>
				</h5>

				<h5 class='nobold color0'>
					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='connect42' checked><label for='connect42'>Non</label>
				</h5>

				<h5 class='nobold color0'>
					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='connect52' checked><label for='connect52'>Non</label>
				</h5>

				<h5 class='nobold color0'>
					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='connect62' checked><label for='connect62'>Non</label>
				</h5>

				<h5 class='nobold color0'>
					Vous communiquez dans autre réseau social : <input type='text' name='connectSpecial1'>
				</h5>

				<h5 class='nobold color0'>
					Vous communiquez dans un autre dispositif (blogs, jeu vidéo ou autre) : <input type='text' name='connectSpecial2'>
				</h5>

			</article>

		</article>
	</section>
	<span data-space></span>

</section>





<?php /* [4] ADMIN -> Donnees de Messenger
=========================================================*/
?><section data-sublink='messenger'>
	Messenger
</section>