Marle
/
webAdministracion
Suivre 1
Favoriser 0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
Aucune description
7 Révisions
1 Branche
Aborescence: 868f704eb3
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de '868f704eb3'
${ noResults }
webAdministracion/viewExperience.php

viewExperience.php 55KB
Historique Brut

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564 
  1. <?php

  2. 

  3. 	// Description: EXTRACT EXPERIENCE ID, AND IF VALID, DISPLAY ITS INFO

  4. 

  5. 	require_once 'processes/config.php';

  6. 	require_once 'processes/dbh.inc.php';

  7. 	require_once 'processes/checkLogin.php';

  8. 

  9. 	// IF VIEW VARIABLE NOT GIVEN, EXIT

  10. 	if(!isset($_GET['view'])) {

  11. 		exit();

  12. 	}

  13. 

  14. 	// FETCH EXPERIENCE

  15. 	$experienceID = mysqli_real_escape_string($connection, trim($_GET['view'])); 

  16. 	$query1 = "SELECT * FROM `experience` WHERE `id` = '$experienceID';";

  17. 	$result1 = mysqli_query($connection, $query1) or die("Error: ".mysqli_error($connection));

  18. 	$row1 = mysqli_fetch_array($result1);

  19. 	

  20. 	// IF EXPERIENCE NOT IN DATABASE, EXIT

  21. 	if($result1->num_rows !== 1) {

  22. 		echo "Requested experience does not exist.";

  23. 		exit();

  24. 	}

  25. 	

  26. 	// IF EXPERIENCE DOESN'T BELONG TO USER (WHO IS NOT AN ADMIN), EXIT

  27. 	if($_SESSION['dbUserData']['admin'] !== '1') {

  28. 	

  29. 		$queryCheckUser = "SELECT id FROM experience WHERE id = '$experienceID' AND id IN (SELECT id_experience FROM researcher_experience WHERE id_researcher = '" . $_SESSION['dbUserData']['id_researcher'] . "');";

  30. 		if(mysqli_query($connection, $queryCheckUser)->num_rows === 0) {

  31. 			echo "You are not authorized to view this experience.";

  32. 			exit();

  33. 		}

  34. 		

  35. 	}

  36. 

  37. 	include_once 'header.php';

  38. 	

  39. ?>

  40. 	<!--START OF viewExperience.php -->

  41. 	<body>

  42. 	

  43.     	<header id="main-header">

  44.         	<a id="logo" href=".">

  45. 				TANIA

  46.             	<img src="./img/pen_800x800.png" alt="tania logo pen" width="25" height="25">

  47.         	</a>

  48.         	<div id="account">

  49.         		<a class="nav-link" style="margin-right: 1rem;" href="./home.php"><i class="fas fa-arrow-left"></i> Back</a>

  50.             	<a class="sign-out" href="./processes/logout.php">Sign Out</a>

  51.         	</div>

  52.     	</header>

  53. 		

  54. 		<div class="container-fluid" id="view-experience-showcase">

  55. 			<div class="row">

  56. 				<div class="col-sm-12">

  57.         	

  58.         			<h2><?php echo $row1['title']; ?></h2>

  59.         			<div class="row">

  60.         			

  61.         				<div class="col-sm-7 col-md-8 col-lg-9">

  62.         		

  63.         		    		<blockquote style="color:rgb(216,216,216); margin: 0;">

  64. 								<h4><b style="color:#fff;">Description:</b> <span style="color:rgb(216,216,216);"><?php echo $row1['description']; ?></span></h4>

  65. 								<h4><b style="color:#fff;">Type:</b> <span style="color:rgb(216,216,216);"><?php echo $row1['type']; ?></span></h4>

  66. 								<h4><b style="color:#fff;">Duration:</b> <span style="color:rgb(216,216,216);"><?php echo $row1['duration_weeks']; ?> week<?php if((int)$row1['duration_weeks'] > 1) echo "s"; ?></span></h4>

  67. 							</blockquote>

  68.             	

  69. 						</div><!--col-->

  70.             	

  71.             	

  72. 						<div class="col-sm-5 col-md-4 col-lg-3">

  73.             		

  74. 							<div id="view-experience-buttons">

  75. 								<div data-toggle="tooltip" data-placement="top" title="View Results" id="experience-pen" onclick="window.location='respuestas.php?exp=<?php echo $experienceID; ?>'">

  76. 									<span class="fas fa-poll-h"></span>

  77. 								</div>

  78. 								<div data-toggle="tooltip" data-placement="top" title="Edit Experience" id="experience-pen" onclick="nextModal('#Edit')">

  79. 									<span class="fas fa-pen"></span>

  80. 								</div>

  81. 								<div data-toggle="tooltip" data-placement="top" title="Share Experience" id="experience-pen" onclick="prompt('Press Ctrl + C to copy to clipboard!','https://tania.uprrp.edu/enrollInExp.php?id=<?php echo $row1['hash_id']; ?>')">

  82. 									<span class="fas fa-link"></span>

  83. 								</div>

  84. 							</div>

  85.             	

  86.           			  	</div><!--col-->

  87.           			  	

  88.         			</div><!--row-->

  89.         	

  90. 		        	<br>

  91.         	

  92.         			<div class="row hidden-xs" id="view-experience-tabs">

  93. 						<a class="active" href="#calendar">Calendar</a>

  94. 						<a href="#questionnaires">Questionnaires</a>

  95. 						<a href="#moments">Moments</a>

  96. 						<a href="#milestones">Milestones</a>

  97. 					</div><!--row-->

  98.         	

  99.         		</div><!--col-->

  100.         	</div><!--row-->

  101.     	</div><!--container-->

  102. 	

  103. 		<br>

  104. 			

  105. 		<!-- CALENDAR-->

  106. 		<div id="calendar" class="main-content-box show hidden-xs">

  107. 			<div class="container">

  108. 		

  109. 				<div class="row">

  110. 					<h3 class="col-sm-12">

  111. 						Schedule Your Experience

  112. 						<button type="button" class="btn btn-link btn-lg" data-toggle="popover" title="Calendar Tips" data-content="Drag and drop existing events to change their dates. Toggle month & week views for finer control." data-placement="bottom">

  113. 							<span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>

  114. 						</button>

  115. 					</h3>

  116. 				</div><!--row-->

  117. 			

  118. 				<br>

  119. 			

  120. 				<div class="row">

  121. 					<div class="col-sm-12">

  122. 						<div id="actualCalendar"></div>

  123. 					</div>

  124. 				</div>

  125. 			

  126. 				<br><br><br><br>

  127. 			

  128. 			</div><!--container-->

  129. 		</div>

  130. 			

  131. 			

  132. 			

  133. 		<!--QUESTIONNAIRES-->

  134. 		<div id="questionnaires" class="main-content-box">

  135. 			<div class="container">

  136. 		

  137. 				<div class="row">

  138. 					<h3 class="col-xs-7 col-sm-9 col-md-9">Active Questionnaires</h3>

  139. 					<div class="col-xs-5 col-sm-3 col-md-3">

  140. 						<!-- 

  141. <span data-toggle="modal" data-target="#Import" style="margin-right: 1em;">

  142. 							<button type="button" class="btn btn-lg btn-default" data-toggle="tooltip" data-placement="top" title="Import Questionnaire">

  143. 								<span class="glyphicon glyphicon-open-file"></span>

  144. 							</button>

  145. 						</span>

  146. 						<span data-toggle="modal" data-target="#Duplicate">

  147. 							<button type="button" class="btn btn-lg btn-default" data-toggle="tooltip" data-placement="top" title="Duplicate Questionnaire">

  148. 								<span class="glyphicon glyphicon-paste"></span>

  149. 							</button>

  150. 						</span>

  151.  -->

  152. 							<div id="view-experience-buttons">

  153. 								<div data-toggle="tooltip" data-placement="top" title="Import Questionnaire" id="experience-pen" onclick="nextModal('#Import')" style="padding: 0.5em; margin: 0 auto; width: 60px;">

  154. 									<span class="fas fa-file-import"></span>

  155. 								</div>

  156. 								<div data-toggle="tooltip" data-placement="top" title="Duplicate Questionnaire" id="experience-pen" onclick="nextModal('#Duplicate')" style="padding: 0.5em; margin: 0 auto; width: 60px;">

  157. 									<span class="fas fa-copy"></span>

  158. 								</div>

  159. 							</div>

  160. 					</div>

  161. 				</div><!--row-->

  162. 				

  163. 				<br>

  164. 								

  165. 				<div class="row">

  166. 				

  167. 					<div class="col-sm-12">

  168. 						<?php

  169. 						

  170.   							$query2 = "SELECT * FROM questionnair WHERE `id` IN (SELECT `id_questionnair` FROM experience_questionnair WHERE `id_experience` = '$experienceID');";

  171. 							$result2 = mysqli_query($connection, $query2);

  172. 							

  173. 							// IF THE EXPERIENCE HAS AT LEAST ONE QUESTIONNAIRE ASSOCIATED TO IT, SHOW IT

  174. 							// ELSE, DISPLAY A MESSAGE TO THE USER LETTING THEM KNOW THEY DON'T HAVE ONE

  175. 							if(mysqli_num_rows($result2) > 0):

  176. 							

  177. 						?>

  178. 						<table class="table table-hover table-striped table-responsive">

  179.   							<thead>

  180.   								<tr>

  181.   									<th style="text-align: center;"><h4>Questionnaire</h4></th>

  182.   									<th style="text-align: center;"><h4>Questions</h4></th>

  183.   								</tr>

  184.   							</thead>

  185.   							<tbody>

  186.   								<?php while($row2 = mysqli_fetch_assoc($result2)): ?>

  187.   								<tr style="cursor: pointer;" onclick="location='viewQuestionnaire.php?view=<?php echo $row2['id']?>'">

  188.   									<td style="text-align: center;"><h5><?php echo $row2['q_title']; ?></h5></td>

  189.   									<?php

  190.   										$query3 = "SELECT * FROM questionnair_question WHERE id_questionnair = ".$row2['id'];

  191.   										$result3 = mysqli_query($connection, $query3);

  192.   									?>

  193.   									<td style="text-align: center;"><h5><?php echo mysqli_num_rows($result3); ?></h5></td>

  194.   								</tr>

  195.   								<?php endwhile; ?>

  196. 							</tbody>

  197.   						</table>

  198. 

  199.     					<?php else: ?>

  200.   							<h3 class="text-center"><small>It seems you still haven't added a questionnaire to this experience...</small></h3>

  201.   						<?php endif; ?>

  202.   						 

  203.   						<br>

  204.   						<div class="row">

  205.   							<div class="col-sm-2 col-sm-offset-5">

  206.   								<div data-toggle="tooltip" data-placement="top" title="Create Questionnaire" onclick="nextModal('#NewQuestionnaire')" id="experience-pen" style="padding: 0.5em; margin: 0 auto; width: 60px;">

  207.   									<span class="fas fa-plus"></span>

  208.   								</div>

  209.   							</div>

  210.   						</div>

  211.   						

  212.   					</div><!--col-sm-12-->

  213.   					

  214.   				</div><!--row-->

  215.  

  216. 				<br><br>

  217. 			

  218. 				<div class="row">	

  219. 					<div class="col-sm-offset-2 col-sm-8">	

  220. 						<div class="alert alert-warning alert-dismisible mb-1 hidden-xs" role="alert">

  221. 							<button type="button" class="close" data-dismiss="alert" aria-label="Close">

  222. 								<span aria-hidden="true">&times;</span>

  223. 							</button>

  224. 							<h4>Tips on Questionnaires</h4>

  225. 							<hr>

  226. 							<ul>

  227. 								<li>These are the questionnaires that are associated to this experience.</li>

  228. 								<br>

  229. 								<li>Once you have your questionnaire, you can create your moments.</li>

  230. 								<br>

  231. 								<li>You can create new questionnaires with the plus button...

  232. 									<ul>

  233. 										<li>or import questionnaires from an Excel file!</li>

  234. 										<li>or copy a questionnaire from one experience to another!</li>

  235. 									</ul>

  236. 								</li>

  237. 								<br>

  238. 							</ul>

  239. 						</div><!--alert-->

  240. 					</div><!--col-sm-8-->

  241. 				</div><!--row-->

  242.   			

  243.   				<br>

  244.   			

  245.   			</div><!--container-->

  246.   		

  247. 		</div>

  248. 			

  249. 			

  250. 			

  251. 		<!--MOMENTS-->

  252. 		<div id="moments" class="main-content-box">

  253. 			<div class="container">

  254. 			

  255. 				<div class="row">

  256. 					<h3 class="col-sm-12">Active Moments</h3>

  257. 				</div>

  258. 				

  259. 				

  260. 				<div class="row">

  261. 				

  262. 				

  263. 					<div class="col-sm-12">

  264. 						<?php

  265. 						

  266.   							$query4 = "SELECT * FROM subquestionnair WHERE `id_questionnair` IN (SELECT `id_questionnair` FROM experience_questionnair WHERE `id_experience` = '$experienceID') ORDER BY date_to_administer ASC;";

  267. 							$result4 = mysqli_query($connection, $query4);

  268. 							

  269. 							// IF THE EXPERIENCE HAS AT LEAST ONE MOMENT ASSOCIATED TO IT, SHOW IT

  270. 							// ELSE, DISPLAY A MESSAGE TO THE USER LETTING THEM KNOW THEY DON'T HAVE ONE

  271. 							if(mysqli_num_rows($result4) > 0):

  272. 							

  273. 								$queryTotalStudents = "SELECT * FROM student_participate_experience WHERE id_experience = '$experienceID'";

  274. 								$resultTotalStudents = mysqli_query($connection, $queryTotalStudents);

  275. 								$studentCount = $resultTotalStudents->num_rows;

  276. 								

  277. 						?>

  278. 						<table class="table table-hover table-striped table-responsive">

  279.   							<thead>

  280.   								<tr>

  281.   									<th style="text-align: center;"><h4>Moment</h4></th>

  282.   									<th style="text-align: center;"><h4>Questions</h4></th>

  283.   									<th style="text-align: center;"><h4>Date</h4></th>

  284.   									<th style="text-align: center;"><h4>Answer Rate</h4></th>

  285.   								</tr>

  286.   							</thead>

  287.   							<tbody>

  288.   								<?php while($row4 = mysqli_fetch_assoc($result4)): ?>

  289.   								<tr style="cursor: pointer;" onclick="location='viewMoment.php?view=<?php echo $row4['id']; ?>'">

  290.   									<td style="text-align: center;"><h5><?php echo $row4['title']; ?></h5></td>

  291.   									<?php

  292.   										$query5 = "SELECT * FROM subquestionnair_question WHERE `id_subquestionnair` = ".$row4['id'];

  293.   										$result5 = mysqli_query($connection, $query5);

  294.   									?>

  295.   									<td style="text-align: center;"><h5><?php echo mysqli_num_rows($result5); ?></h5></td>

  296. 									<td style="text-align: center;"><h5><?php echo date("M j, Y (g:i A)", strtotime($row4['date_to_administer'])); ?></h5></td>

  297. 									

  298. 									<?php if($studentCount === 0): ?>

  299. 									

  300. 									<td style="text-align: center;"><h5 class="text-danger">Register students!</h5></td>

  301. 									

  302. 									<?php elseif(strtotime($row4['date_to_administer']) > strtotime('now')): ?>

  303. 									

  304. 									<td style="text-align: center;"><h5 class="text-warning">Still not sent</h5></td>

  305. 									

  306. 									<?php

  307. 									else:

  308. 										$queryAnswers = "SELECT * FROM student_subquestionnair WHERE id_subquestionnair = '" . $row4['id'] . "';";

  309. 										$resultAnswers = mysqli_query($connection, $queryAnswers);

  310. 										$answerCount = $resultAnswers->num_rows;

  311. 									?>

  312. 									

  313. 									<td style="text-align: center;"><h5 class="text-muted"><?php echo "$answerCount out of $studentCount"; ?></h5></td>

  314. 									

  315. 									<?php endif; ?>

  316.   								</tr>

  317.   								<?php endwhile; ?>

  318.   							</tbody>

  319.   						</table>

  320.   					

  321.     					<?php else: ?>

  322.  						<h3 class="text-center"><small>It seems you still haven't added any moments to this experience...</small></h3>

  323.   						<?php endif; ?>

  324.   							 

  325.   						<br>

  326.   					

  327.   						<div class="row">

  328.   							<div class="col-sm-2 col-sm-offset-5">

  329.   								<div data-toggle="tooltip" data-placement="top" title="Create Moment" onclick="nextModal('#NewMoment')" id="experience-pen" style="padding: 0.5em; margin: 0 auto; width: 60px;">

  330.   									<span class="fas fa-plus"></span>

  331.   								</div>

  332.   							</div>

  333.   						</div>

  334.   						

  335.   						

  336.   					</div><!--col-sm-12-->

  337.   				

  338.   				</div><!--row-->

  339. 

  340.   			

  341. 				<br><br>

  342. 				

  343. 				<div class="row">

  344. 					<div class="col-sm-offset-2 col-sm-8">

  345. 						<div class="alert alert-warning alert-dismisible mb-1 hidden-xs" role="alert">

  346. 							<button type="button" class="close" data-dismiss="alert" aria-label="Close">

  347. 								<span aria-hidden="true">&times;</span>

  348. 							</button>

  349. 							<h4>Tips on Moments</h4>

  350. 							<hr>

  351. 							<ul>

  352. 								<li>These are the moments that are associated to this experience.</li>

  353. 								<br>

  354. 								<li>Once they're answered, you can track the results with the results button above.</li>

  355. 								<br>

  356. 								<li>You can create new moments with the plus button.</li>

  357. 								<br>

  358. 							</ul>

  359. 						</div><!--alert-->

  360. 					</div><!--col-sm-8-->

  361. 				</div><!--row-->

  362.   				

  363.   				<br>

  364.   			

  365. 			</div><!--container-->

  366. 			

  367. 		</div>

  368. 			

  369. 			

  370. 			

  371. 		<!--MILESTONES-->

  372. 		<div id="milestones" class="main-content-box">

  373. 			<div class="container">

  374. 		

  375. 				<div class="row">

  376. 					<h3 class="col-sm-12">Active Milestones</h3>

  377. 				</div>

  378. 				

  379. 				<div class="row">

  380. 					

  381. 					

  382. 					<div class="col-sm-12">

  383. 						<?php

  384. 						

  385.   							$query6 = "SELECT * FROM `milestone` WHERE `id_experience` = '$experienceID' ORDER BY date ASC;";

  386. 							$result6 = mysqli_query($connection, $query6);

  387. 							

  388. 							// IF THE EXPERIENCE HAS AT LEAST ONE MILESTONE ASSOCIATED TO IT, SHOW IT

  389. 							// ELSE, DISPLAY A MESSAGE TO THE USER LETTING THEM KNOW THEY DON'T HAVE ONE

  390. 							if(mysqli_num_rows($result6) > 0):

  391. 							

  392. 						?>

  393. 						<table class="table table-hover table-striped table-responsive">

  394.   							<thead>

  395.   								<tr>

  396.   									<th style="text-align: center;"><h4>Milestone</h4></th>

  397.   									<th style="text-align: center;"><h4>Date</h4></th>

  398.   								</tr>

  399.   							</thead>

  400.   							<tbody>

  401. 								<?php while($row6 = mysqli_fetch_assoc($result6)): ?>

  402.   								<tr style="cursor: pointer;">

  403.   									<td style="text-align: center;"><h5><?php echo $row6['title']; ?></h5></td>

  404.   									<td style="text-align: center;"><h5><?php echo date("M j, Y", strtotime($row6['date'])); ?></h5></td>

  405.   								</tr>

  406.    								<?php endwhile; ?>

  407.   							</tbody>

  408.   						</table>

  409.   					

  410.     					<?php else: ?>

  411.  							<h3 class="text-center"><small>It seems you still haven't added any milestones to this experience...</small></h3>

  412.   						<?php endif; ?>

  413.   					

  414.   						<br>

  415.   						

  416.   						<div class="row">

  417.   							<div class="col-sm-2 col-sm-offset-5">

  418.   								<div data-toggle="tooltip" data-placement="top" title="Create Milestone" onclick="nextModal('#NewMilestone')" id="experience-pen" style="padding: 0.5em; margin: 0 auto; width: 60px;">

  419.   									<span class="fas fa-plus"></span>

  420.   								</div>

  421.   							</div>

  422.   						</div>

  423.   						

  424.   						

  425.   					</div><!--col-sm-12-->

  426.   				</div><!--row-->

  427. 

  428. 				<br><br>

  429. 			

  430. 				<div class="row">

  431. 					<div class="col-sm-offset-2 col-sm-8">	

  432. 						<div class="alert alert-warning alert-dismisible mb-1 hidden-xs" role="alert">

  433. 							<button type="button" class="close" data-dismiss="alert" aria-label="Close">

  434. 								<span aria-hidden="true">&times;</span>

  435. 							</button>

  436. 							<h4>Tips on Milestones</h4>

  437. 							<hr>

  438. 							<ul>

  439. 								<li>These are the milestones of the students involved in this experience.</li>

  440. 								<br>

  441. 								<li>Once your moments are answered you can track the impact the milestones had on the answers, if any.</li>

  442. 								<br>

  443. 								<li>You can create new milestones with the plus button.</li>

  444. 								<br>

  445. 							</ul>

  446. 						</div><!--alert-->

  447. 					</div><!--col-sm-8-->

  448. 				</div><!--row-->

  449. 

  450. 	  			<br>

  451. 

  452. 			</div><!--container-->

  453. 		

  454. 		</div>

  455. 

  456. 

  457. 

  458. 		<br><br><br><br><br>

  459. 

  460. 

  461. 		

  462. 		<!-- POPUP FOR EDIT EXPERIENCE -->

  463. <form id="editForm"><!--method='POST' action='processes/updateExperience.php'-->

  464. 		<div class="modal fade" id="Edit" tabindex="-1" role="dialog" aria-labelledby="EditLabel" aria-hidden="true">

  465. 			<div class="modal-dialog" role="document">

  466.  				<div class="modal-content">

  467.  				

  468.  					<div class="modal-body">

  469.  						

  470.  						<!-- CLOSE BUTTON -->

  471.  						<button type="button" class="close" data-dismiss="modal" aria-label="Close">

  472.  							<span aria-hidden="true">&times;</span>

  473.  						</button>

  474. 						

  475. 						<div class="row">

  476. 							<div class="col-sm-10">

  477. 								<h2>Edit Experience <small>(Basic Info)</small></h2>

  478. 							</div>

  479. 						</div><!--row--> 						

  480. 

  481. 						<hr><br>

  482. 

  483. 						<div class="form-horizontal">

  484. 	

  485. 							<!-- ID -->

  486. 							<input type="hidden" name="id" value="<?php echo $row1['id']; ?>"> 

  487. 				

  488. 							<!-- NEW TITLE -->

  489. 							<div class="form-group">

  490. 								<label class="control-label col-sm-2 col-sm-offset-1">Title:</label>

  491. 								<div class="col-sm-7">

  492. 									<input type="text" class="form-control text-center" name="newTitle" maxlength="60" value="<?php echo $row1['title']; ?>" required>

  493. 								</div>

  494. 							</div>

  495. 				

  496. 							<!-- NEW DESCRIPTION -->

  497. 							<div class="form-group">

  498. 								<label class="control-label col-sm-2 col-sm-offset-1">Description:</label>

  499. 								<div class="col-sm-7">

  500. 									<textarea class="form-control text-center" name="newDescription" rows="4" style="resize: vertical;" maxlength="100" required><?php echo $row1['description']; ?></textarea>

  501. 								</div>

  502. 							</div>

  503. 							

  504. <!--

  505. 							<!~~ NEW TYPE ~~>

  506. 							<div class='form-group'>

  507. 								<label class='control-label col-sm-2 col-sm-offset-1'>Type:</label>

  508. 								<div class='col-sm-7'>

  509. 									<input type='text' class='form-control text-center' name='newType' required value="<?php echo $row1['type']; ?>">

  510. 								</div>

  511. 							</div>

  512. 

  513. 							<!~~ NEW DURATION ~~>

  514. 							<div class='form-group'>

  515. 								<label class='control-label col-sm-2 col-sm-offset-1'>Duration:</label>

  516. 								<div class='col-sm-7'>

  517. 									<input type='number' class='form-control text-center' name='newDuration' required value="<?php echo $row1['duration_weeks']; ?>" readonly>

  518. 								</div>

  519. 							</div>

  520. 				

  521. 							<!~~ NEW START DATE ~~>

  522. 							<div class='form-group'>

  523. 								<label class='control-label col-sm-2 col-sm-offset-1'>Start Date:</label>

  524. 								<div class='col-sm-7'>

  525. 									<input type='date' class='form-control text-center' name='newStart' required value="<?php echo $row1['start_date']; ?>">

  526. 								</div>

  527. 							</div>

  528. 

  529. 							<!~~ NEW END DATE ~~>

  530. 							<div class='form-group'>

  531. 								<label class='control-label col-sm-2 col-sm-offset-1'>End Date:</label>

  532. 								<div class='col-sm-7'>

  533. 									<input type='date' class='form-control text-center' name='newEnd' required value="<?php echo $row1['end_date']; ?>">

  534. 								</div>

  535. 							</div>

  536. -->

  537. 

  538. 						</div><!--form-horizontal-->

  539. 

  540. 

  541. 

  542. 						<!-- ERROR ALERT FOR USER -->			

  543. 						<div id="error-editForm" class="row" style="display: none;">

  544. 							<div class="col-sm-12">

  545. 								<div class="alert alert-danger mb-1" role="alert">

  546. 									<h4 class="error-lead">Error!</h4>

  547. 									<p class="error-description"></p>

  548. 								</div>

  549. 							</div>

  550. 						</div>

  551. 

  552. 

  553.       				</div><!--modal-body-->

  554.       				

  555.       				<!-- SUBMIT OR CANCEL -->

  556.      				<div class="modal-footer">

  557.        					<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>

  558.         				<button type="submit" class="btn btn-primary" name="updateExperience" disabled>Save Changes</button>

  559.       				</div>

  560.       				

  561.     			</div><!--modal-content-->

  562.   			</div><!--modal-dialog-->

  563. 		</div><!--modal-->

  564. </form><!--form-->

  565. 		

  566. 		

  567. 		<!--FORM VALIDATION FOR EDIT EXPERIENCE-->

  568. 		<script>

  569. 		

  570. 		let newTitle = document.querySelector('[name=newTitle]');

  571. 		let newDescription = document.querySelector('[name=newDescription]');

  572. // 		let newType = document.querySelector('[name=newType]');

  573. 		

  574. 		newTitle.addEventListener('keyup', validateEditExperience);

  575. 		newTitle.addEventListener('change', validateEditExperience);

  576. 		newDescription.addEventListener('keyup', validateEditExperience);

  577. 		newDescription.addEventListener('change', validateEditExperience);

  578. // 		newType.addEventListener('keyup', validateEditExperience);

  579. // 		newType.addEventListener('change', validateEditExperience);

  580. 		

  581. 		// Only enable submit button when:

  582. 		// 1) changes are detected,

  583. 		// 2) and both strings (title and description) are not empty

  584. 		function validateEditExperience() {

  585. 			let updateExperience = document.querySelector('[name=updateExperience]');

  586. 			updateExperience.disabled = !newTitle.checkValidity() || !newDescription.checkValidity();

  587. 		}

  588. 		

  589. 		</script>

  590. 		

  591. 		

  592. 		

  593. 		<!-- POPUP FOR NEW QUESTIONNAIRE 1 -->

  594. 		<div class="modal fade" id="NewQuestionnaire" tabindex="-1" role="dialog" aria-labelledby="NewQuestionnaireLabel" aria-hidden="true">

  595. 			<div class="modal-dialog modal-lg" role="document">

  596.  				<div class="modal-content">

  597.  				

  598.  					<div class="modal-body">

  599.  						

  600.  						<!-- CLOSE BUTTON -->

  601.  						<button type="button" class="close" data-dismiss="modal" aria-label="Close">

  602.  							<span aria-hidden='true'>&times;</span>

  603.  						</button>

  604. 						

  605. 						<div class="row">

  606. 							<div class="col-sm-10">

  607. 								<h2>New Questionnaire <small>(Basic Info – <em>Part 1</em>)</small></h2>

  608. 							</div>

  609. 						</div><!--row--> 						

  610. 

  611. 						<hr><br>

  612. 

  613. 						<div class="form-horizontal">

  614. 				

  615. 				

  616. 							<!-- TITLE -->

  617. 							<div class="form-group">

  618. 								<label class="control-label col-sm-2">Title:</label>

  619. 								<div class="col-sm-9">

  620. 									<input type="text" class="form-control text-center" name="q_title_tentative" placeholder="Title" maxlength="100" required>

  621. 								</div>

  622. 							</div>

  623. 				

  624. 							<!-- DESCRIPTION -->

  625. 							<div class="form-group">

  626. 								<label class="control-label col-sm-2">Description:</label>

  627. 								<div class="col-sm-9">

  628. 									<textarea class="form-control text-center" name="description_tentative" rows="1" placeholder="Description" maxlength="200" required></textarea>

  629. 								</div>

  630. 							</div>

  631. 

  632. 							<!-- REFERENCE -->

  633. 							<div class="form-group">

  634. 								<label class="control-label col-sm-2">Reference:</label>

  635. 								<div class="col-sm-9">

  636. 									<input type="text" class="form-control text-center" name="referencia_tentative" placeholder="Reference" maxlength="60" required>

  637. 								</div>

  638. 							</div>

  639. 							

  640. 							<br>

  641. 							

  642. 							<!-- CATEGORIES -->

  643. 							<div class="form-group">

  644. 								<label class="control-label col-sm-2">Categories:</label>

  645. 								<div class="col-sm-9">

  646. 									<textarea id="q_categories_tentative" class="form-control text-center" name="q_categories_tentative" rows="1" placeholder="Categories (comma separated)" required></textarea>

  647. 								</div>

  648. 							</div>

  649. 				

  650. 							<!-- SUBCATEGORIES -->

  651. 							<div class="form-group">

  652. 								<label class="control-label col-sm-2">Subcategories:</label>

  653. 								<div class="col-sm-9">

  654. 									<textarea id="q_subcategories_tentative" class="form-control text-center" name="q_subcategories_tentative" rows="1" placeholder="Subcategories (comma separated)" required></textarea>

  655. 								</div>

  656. 							</div>

  657. 							

  658. 						</div>

  659. 			

  660. 						<div class="row">

  661. 							<div class="col col-sm-offset-2 col-sm-9">

  662. 								<p class="alert alert-warning text-justify">

  663. 									<strong>Note:</strong> You should at least have the same number of subcategories as categories.

  664. 								</p>

  665. 							</div>

  666. 						</div>

  667. 						

  668. 			

  669.       				</div><!--modal-body-->

  670.       				

  671.       				<!-- NEXT OR CANCEL -->

  672.      				<div class="modal-footer">

  673.        					<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>

  674.         				<button id="nextQuestionnaire" type="button" class='btn btn-primary' data-dismiss="modal" onclick="nextModal('#NewQuestionnaire_2')" disabled>Next</button>

  675.       				</div>

  676.       				

  677.     			</div><!--modal-content-->

  678.   			</div><!--modal-dialog-->

  679. 		</div><!--modal-->

  680. 

  681. 

  682. 		<!-- FORM VALIDATION FOR NEW QUESTIONNAIRE (BASIC INFO) -->

  683. 		<script>

  684. 		

  685. 		

  686. 		// Fetch the inputs in the first modal

  687. 		let questionnaireTitle = document.querySelector('[name=q_title_tentative]');

  688. 		let questionnaireDescription = document.querySelector('[name=description_tentative]');

  689. 		let questionnaireReference = document.querySelector('[name=referencia_tentative]');

  690. 		let categories = document.querySelector('[name=q_categories_tentative]');

  691. 		let subcategories = document.querySelector('[name=q_subcategories_tentative]');

  692. 		

  693. 		

  694. 		// Add onchange and onkeyup event listeners to each input in the first modal

  695. 		questionnaireTitle.addEventListener('keyup', validateNewQuestionnaire);

  696. 		questionnaireTitle.addEventListener('change', validateNewQuestionnaire);

  697. 		questionnaireDescription.addEventListener('keyup', validateNewQuestionnaire);

  698. 		questionnaireDescription.addEventListener('change', validateNewQuestionnaire);

  699. 		questionnaireReference.addEventListener('keyup', validateNewQuestionnaire);

  700. 		questionnaireReference.addEventListener('change', validateNewQuestionnaire);

  701. 		categories.addEventListener('keyup', validateNewQuestionnaire);

  702. 		categories.addEventListener('change', validateNewQuestionnaire);

  703. 		subcategories.addEventListener('keyup', validateNewQuestionnaire);

  704. 		subcategories.addEventListener('change', validateNewQuestionnaire);

  705. 		

  706. 		

  707. 		// Pass the values from the first modal to the second, where the actual (hidden) inputs reside

  708. 		questionnaireTitle.addEventListener('keyup', function() {

  709. 			document.querySelector('[name=q_title]').value = questionnaireTitle.value;

  710. 		});

  711. 		questionnaireDescription.addEventListener('keyup', function() {

  712. 			document.querySelector('[name=description]').value = questionnaireDescription.value;

  713. 		});

  714. 		questionnaireReference.addEventListener('keyup', function() {

  715. 			document.querySelector('[name=referencia]').value = questionnaireReference.value;

  716. 		});

  717. 		categories.addEventListener('keyup', function() {

  718. 			document.querySelector('[name=q_categories]').value = categories.value;

  719. 		});

  720. 		subcategories.addEventListener('keyup', function() {

  721. 			document.querySelector('[name=q_subcategories]').value = subcategories.value;

  722. 		});

  723. 		

  724. 		

  725. 		// First modal's validation function

  726. 		// This basically enables the "Next" button if certain conditions are met

  727. 		function validateNewQuestionnaire() {

  728. 		

  729. 		

  730. 			// Fetch "Next" button in modal

  731. 			let nextButton = document.querySelector('#nextQuestionnaire');

  732. 			

  733. 			

  734. 			// Check validity of each input (valid if not empty strings)

  735. 			let validity = questionnaireTitle.checkValidity();

  736. 			validity &= questionnaireDescription.checkValidity();

  737. 			validity &= questionnaireReference.checkValidity();

  738. 			validity &= categories.checkValidity();

  739. 			validity &= subcategories.checkValidity();

  740. 			

  741. 			

  742. 			// Questionnaire should have at least the same number of subcategories as categories

  743. 			let rawCategories = categories.value.split(',');

  744. 			let rawSubcategories = subcategories.value.split(',');

  745. 			let categoriesArray = new Array();

  746. 			let subcategoriesArray = new Array();

  747. 			

  748. 			

  749. 			// IF clause is necessary to avoid array WARNINGS and ERRORS

  750. 			if(categories.value != '' && subcategories.value != '') {

  751. 			

  752. 				// Store the "trimmed" categories in categoriesArray

  753. 				for(let i = 0; i < rawCategories.length; i++) {

  754. 			

  755. 					rawCategories[i] = rawCategories[i].trim();

  756. 				

  757. 					// if string not empty and not whitespace, insert as category option

  758. 					if(/\S/.test(rawCategories[i])) {

  759. 						categoriesArray.push(rawCategories[i]);

  760. 					}

  761. 				

  762. 				}

  763. 			

  764. 				// Store the "trimmed" subcategories in subcategoriesArray

  765. 				for(let i = 0; i < rawSubcategories.length; i++) {

  766. 			

  767. 					rawSubcategories[i] = rawSubcategories[i].trim();

  768. 				

  769. 					// if string not empty and not whitespace, insert as subcategory option

  770. 					if(/\S/.test(rawSubcategories[i])) {

  771. 						subcategoriesArray.push(rawSubcategories[i]);

  772. 					}

  773. 				

  774. 				}

  775. 			

  776. 				// Only valid if there are less or equal number of categories to subcategories

  777. 				validity &= categoriesArray.length <= subcategoriesArray.length;

  778. 				

  779. 			}

  780. 			

  781. 			

  782. 			// Disabled if not valid, enabled otherwise

  783. 			nextButton.disabled = !validity;

  784. 			

  785. 		}

  786. 		</script>

  787. 

  788. 

  789. <form id="newQuestionnaire"><!--method="POST" action="processes/insertQuestionnaire.php"-->

  790. 		<!-- POPUP FOR NEW QUESTIONNAIRE 2 -->

  791. 		<div class="modal fade" id="NewQuestionnaire_2" tabindex="-1" role="dialog" aria-labelledby="NewQuestionnaireLabel_2" aria-hidden="true">

  792. 			<div class="modal-dialog modal-lg" role="document">

  793.  				<div class="modal-content">

  794.  				

  795.  					<div class="modal-body">

  796.  						

  797.  						<!-- CLOSE BUTTON -->

  798.  						<button type="button" class="close" data-dismiss="modal" aria-label="Close">

  799.  							<span aria-hidden="true">&times;</span>

  800.  						</button>

  801. 						

  802. 						<div class="row">

  803. 							<div class="col-sm-10">

  804. 								<h2>New Questionnaire <small>(Questions – <em>Part 2</em>)</small></h2>

  805. 							</div>

  806. 						</div><!--row--> 						

  807. 

  808. 						<hr>

  809. 

  810. 					

  811. 						<!-- EXPERIENCE ID -->

  812. 						<input type="hidden" name="id_experience" value="<?php echo $experienceID; ?>">

  813. 						

  814. 						<!-- QUESTIONNAIRE TITLE -->

  815. 						<input type="hidden" name="q_title" maxlength="100" required>

  816. 

  817. 						<!-- QUESTIONNAIRE DESCRIPTION --->

  818. 						<input type="hidden" name="description" maxlength="200" required>

  819. 

  820. 						<!-- QUESTIONNAIRE REFERENCE -->

  821. 						<input type="hidden" name="referencia" maxlength="60" required>

  822. 						

  823. 						<!-- QUESTIONNAIRE CATEGORIES -->

  824. 						<input id="q_categories" type="hidden" name="q_categories" required>

  825. 

  826. 						<!-- QUESTIONNAIRE SUBCATEGORIES -->

  827. 						<input id="q_subcategories" type="hidden" name="q_subcategories" required>

  828. 

  829. 

  830. 						<!-- QUESTION -->

  831.  						<div id="q1">

  832. 						

  833. 							<div class="row">

  834. 								<div class="col col-sm-offset-1">

  835. 									<h4>Question 1</h4>

  836. 								</div>

  837. 							</div>

  838. 							

  839. 							<div class="form-horizontal">

  840. 							

  841. 								<!-- PREMISE -->

  842. 								<div class="form-group">

  843. 									<label class="col-sm-offset-1 control-label col-sm-2">Premise:</label>

  844. 									<div class="col-sm-8">

  845. 										<input id="q_premise1" type="text" class="form-control text-center" name="q_premise1" placeholder="Premise" maxlength="600" required>

  846. 									</div>

  847. 								</div>

  848. 						

  849. 								<!-- TYPE -->

  850. 								<div class="form-group">

  851. 									<label class="col-sm-offset-1 control-label col-sm-2">Question Type:</label>

  852. 									<div class="col-sm-8">

  853. 										<select class="form-control text-center" id="q_type1" name="q_type1" style="width:100%; text-align-last:center;" onchange="newThing(event)" required>

  854. <!-- 											<option disabled selected value="">Type</option> -->

  855. 											<option value="1">Scaled</option>

  856. 											<option value="2">Open Answer</option>

  857. 										</select>

  858. 									</div>

  859. 								</div>

  860. 							

  861. 							</div>

  862. 							

  863. 							<!-- MIN/MAX VALUES/TEXT (OPTIONAL) -->

  864. 							<div id="range1">

  865. 								<div class="form-inline col col-sm-offset-2">

  866. 									<div class="form-group">

  867. 										<label class="control-label col-sm-2">Min. Value:</label>

  868. 										<div class="col-sm-8">

  869. 											<input type="number" class="form-control text-center" id="min_val1" name="min_val1" value="1" readonly>

  870. 										</div>

  871. 									</div>

  872. 									<div class="form-group">

  873. 										<label class="control-label col-sm-2">Min. Text:</label>

  874. 										<div class="col-sm-8">

  875. 											<input type="text" class="form-control text-center" id="min_text1" name="min_text1" maxlength="40" placeholder="Very Dissatisfied">

  876. 										</div>

  877. 									</div>

  878. 								</div>

  879. 							

  880. 								<div class="form-inline col col-sm-offset-2">

  881. 									<div class="form-group">

  882. 										<label class="control-label col-sm-2">Max. Value:</label>

  883. 										<div class="col-sm-1">

  884. 											<input type="number" class="form-control text-center" id="max_val1" name="max_val1" value="5" min="2">

  885. 										</div>

  886. 									</div>

  887. 									<div class="form-group">

  888. 										<label class="control-label col-sm-2">Max. Text:</label>

  889. 										<div class="col-sm-1">

  890. 											<input type="text" class="form-control text-center" id="max_text1" name="max_text1" maxlength="40" placeholder="Very Satisfied">

  891. 										</div>

  892. 									</div>

  893. 								</div>

  894. 								

  895. 								<br>

  896. 								

  897. 							</div>

  898. 							

  899. 							<div class="form-horizontal">

  900. 							

  901. 								<!-- CORRESPONDING CATEGORY -->

  902. 								<div class="form-group">

  903. 									<label class="col-sm-offset-1 control-label col-sm-2">Category:</label>

  904. 									<div class="col-sm-8">

  905. 										<select class="form-control text-center" id="q_category1" name="q_category1" style="width: 100%; text-align-last:center;" required>

  906. <!-- 											<option disabled selected value="">Category</option> -->

  907. 										</select>

  908. 									</div>

  909. 								</div>

  910. 								

  911. 								<!-- CORRESPONDING SUBCATEGORY -->

  912. 								<div class="form-group">

  913. 									<label class="col-sm-offset-1 control-label col-sm-2">Subcategory:</label>

  914. 									<div class="col-sm-8">

  915. 										<select class="form-control text-center" id="q_subcategory1" name="q_subcategory1" style="width: 100%; text-align-last:center;" required>

  916. <!-- 											<option disabled selected value="">Subcategory</option> -->

  917. 										</select>

  918. 									</div>

  919. 								</div>

  920. 							

  921. 							</div>

  922. 							

  923.  						</div>

  924. 

  925. 

  926. 						<br>

  927. 

  928.  						<div class="row">

  929.  							<div class="col-sm-offset-9 col-sm-2">

  930. 								<button type="button" class="btn btn-xs btn-default" onclick="addQuestion()">Add Question</button>

  931. 							</div>

  932. 						</div>

  933. 						

  934. 						

  935. 						

  936. 						

  937. 						<!-- ERROR ALERT FOR USER -->			

  938. 						<div id="error-newQuestionnaire" class="row" style="display: none;">

  939. 							<div class="col-sm-12">

  940. 								<div class="alert alert-danger mb-1" role="alert">

  941. 									<h4 class="error-lead">Error!</h4>

  942. 									<p class="error-description"></p>

  943. 								</div>

  944. 							</div>

  945. 						</div>

  946. 			

  947. 			

  948.       				</div><!--modal-body-->

  949.       				

  950.       				<!-- SUBMIT OR PREVIOUS -->

  951.      				<div class="modal-footer">

  952.        					<button type="button" class="btn btn-default" data-dismiss="modal" onclick="nextModal('#NewQuestionnaire')">Previous</button>

  953.         				<button type="submit" class="btn btn-primary" name="createQuestionnaire">Create</button>

  954.       				</div>

  955.       				

  956.     			</div><!--modal-content-->

  957.   			</div><!--modal-dialog-->

  958. 		</div><!--modal-->

  959. </form>

  960. 

  961. 

  962. 

  963. 

  964. 

  965. 		<!-- POPUP FOR IMPORT QUESTIONNAIRE -->

  966. 		<form id="importQuestionnaire" method="post" action="processes/importQuestionnaire.php" class='form-horizontal' enctype="multipart/form-data">

  967. 			<div class='modal fade' id='Import' tabindex='-1' role='dialog' aria-labelledby='ImportLabel' aria-hidden='true'>

  968. 				<div class='modal-dialog modal-dialog-centered modal-md' role='document'>

  969.  					<div class='modal-content'>

  970. 						

  971. 						<div class='modal-header'>

  972. 			  	 	  		<h3 class='modal-title' id='ImportLabel'>Import Questionnaire<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button></h3>

  973.    						</div>

  974.  						

  975.  						<div class='modal-body'>

  976. 

  977. 							<div class="form-horizontal">

  978. 							

  979. 								<input type="hidden" name="id_experience" value="<?php echo $experienceID; ?>" required>

  980. 							

  981. 								<div class="row">

  982. 									<div class="col-sm-12">

  983. 										<h4>Download Template</h4>

  984. 										<p>Use this template to fill out your questionnaire and we'll do the heavy lifting for you! Once you're done, <strong>submit</strong> it using the "<em>import</em>" button below.</p>

  985. 										<a class="btn btn-primary btn-sm btn-block" href="nameOfTheQuestionnair.xlsx">Download Template</a>

  986. 									</div>

  987. 								</div><!--row-->

  988. 							

  989. 								<br>

  990. 								<br>

  991. 							

  992. 								<div class="form-group">

  993. 									<div class="col-sm-10 col-sm-offset-2">

  994.    										<label for="exampleInputFile">Questionnaire in xlsx format</label>

  995. 										<input type="file" name='import'>

  996. 										<p class="help-block">Choose your .xlsx file (remember it has to have the correct format).</p>

  997. 									</div>

  998. 								</div><!--form-group-->

  999. 								

  1000. 							</div>

  1001. 

  1002. 

  1003. 						<!-- ERROR ALERT FOR USER -->			

  1004. 						<div id="error-importQuestionnaire" class="row" style="display: none;">

  1005. 							<div class="col-sm-12">

  1006. 								<div class="alert alert-danger mb-1" role="alert">

  1007. 									<h4 class="error-lead">Error!</h4>

  1008. 									<p class="error-description"></p>

  1009. 								</div>

  1010. 							</div>

  1011. 						</div>

  1012. 

  1013. 

  1014.       					</div><!--modal-body-->

  1015.      					

  1016.      					<div class='modal-footer'>

  1017.        						<button type='button' class='btn btn-default' data-dismiss='modal'>Cancel</button>

  1018.         					<button type='submit' class='btn btn-primary' name='insertQuestionnaire'>Import</button>

  1019.       					</div>  					

  1020.     			

  1021.     				</div><!--modal-content-->

  1022.   				</div><!--modal-dialog-->

  1023. 			</div><!--modal-->

  1024. 		</form>

  1025. 			

  1026. 			

  1027. 			

  1028. 			

  1029. 		<!-- POPUP FOR DUPLICATE QUESTIONNAIRE -->

  1030. 		<form id="duplicateQuestionnaire" class='form-horizontal'>

  1031. 			<div class='modal fade' id='Duplicate' tabindex='-1' role='dialog' aria-labelledby='DuplicateLabel' aria-hidden='true'>

  1032. 				<div class='modal-dialog modal-dialog-centered' role='document'>

  1033.  					<div class='modal-content'>

  1034. 

  1035. 						<div class='modal-header'>

  1036. 			  	 	  		<h3 class='modal-title' id='DuplicateLabel'>Duplicate Questionnaire<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button></h3>

  1037.    						</div>

  1038. 

  1039.  						<div class='modal-body'>

  1040.  							

  1041. 							<span class='text-center'>

  1042. 								<h4>Copy a questionnaire from one experience to another</h4>

  1043. 							</span>

  1044. 							

  1045. 							<br>

  1046. 							

  1047. 

  1048. 							<?php

  1049. 								$queryProject = "SELECT id_project FROM project_experience WHERE id_experience = '$experienceID';";

  1050. 								$resultProject = mysqli_query($connection, $queryProject);

  1051. 								$rowProject = mysqli_fetch_assoc($resultProject);

  1052. 							?>

  1053. 							<!-- PROJECT ID (EMPTY STRING IF THERE'S NONE) -->

  1054. 							<input type="hidden" name="projectID" value="<?php echo $rowProject['id_project']; ?>">

  1055. 							

  1056. 							

  1057. 							

  1058. 							

  1059. 							<!-- FROM QUESTIONNAIRE -->

  1060. 							<label for="fromQuestionnaireID">Which Questionnaire:</label>

  1061. 							<?php

  1062. 								// FIRST ASSUME FALSE

  1063. 								$errorDuplicate = false;

  1064. 								

  1065. 								$queryQuestionnaires = "SELECT * FROM `questionnair` WHERE id IN (SELECT id_questionnair FROM experience_questionnair WHERE id_experience = '$experienceID');";

  1066. 								$resultQuestionnaires = mysqli_query($connection, $queryQuestionnaires);

  1067. 								

  1068. 								if($resultQuestionnaires->num_rows > 0):

  1069. 							?>

  1070. 							<select class="form-control text-center" id="fromQuestionnaireID" name="fromQuestionnaireID" style="text-align-last:center;" required>

  1071. 								<?php while($rowQuestionnaires = mysqli_fetch_assoc($resultQuestionnaires)): ?>

  1072. 									<option value="<?php echo $rowQuestionnaires['id']; ?>"><?php echo $rowQuestionnaires['q_title']; ?></option>

  1073. 								<?php endwhile; ?>

  1074. 							</select>

  1075. 							<?php

  1076. 								else:							

  1077. 									$errorDuplicate = true;

  1078. 							?>

  1079. 							<h3 class="text-center"><small>It seems you still haven't added any questionnaires to this experience...</small></h3>

  1080. 							<?php endif; ?>

  1081. 							

  1082. 							<br>

  1083. 							

  1084. 							<!-- TO EXPERIENCE -->

  1085. 							<label for="toExperienceID">To What Experience:</label>

  1086. 							<?php

  1087. 

  1088. 								// CHANGE QUERY DEPENDING ON IF USER IS ADMIN OR NOT

  1089. 								if($_SESSION['dbUserData']['admin'] === '1') {

  1090. 									$queryExperience2 = "SELECT * FROM `experience` WHERE id != '$experienceID';";

  1091. 								} else {

  1092. 									$queryExperience2 = "SELECT * FROM `experience` WHERE id != '$experienceID' AND id IN (SELECT id_experience FROM researcher_experience WHERE id_researcher = '" . $_SESSION['dbUserData']['id_researcher'] . "');";

  1093. 								}							

  1094. 							

  1095. 								$resultExperience2 = mysqli_query($connection, $queryExperience2);

  1096. 								

  1097. 								if($resultExperience2->num_rows > 0):

  1098. 							?>

  1099. 							<select class="form-control text-center" id="toExperienceID" name="toExperienceID" style="text-align-last:center;" required>

  1100. 								<?php while($rowExperience2 = mysqli_fetch_assoc($resultExperience2)): ?>

  1101. 								<option value="<?php echo $rowExperience2['id']; ?>"><?php echo $rowExperience2['title']; ?></option>

  1102. 								<?php endwhile; ?>

  1103. 							</select>							

  1104. 							<?php

  1105. 								else:

  1106. 									$errorDuplicate = true;	

  1107. 							?>

  1108. 							<h3 class="text-center"><small>You don't have another experience to duplicate to...</small></h3>

  1109. 							<?php endif; ?>

  1110. 							

  1111. 							

  1112. 						<br>

  1113. 							

  1114. 							

  1115. 						<!-- ERROR ALERT FOR USER -->			

  1116. 						<div id="error-duplicateQuestionnaire" class="row" style="display: none;">

  1117. 							<div class="col-sm-12">

  1118. 								<div class="alert alert-danger mb-1" role="alert">

  1119. 									<h4 class="error-lead">Error!</h4>

  1120. 									<p class="error-description"></p>

  1121. 								</div>

  1122. 							</div>

  1123. 						</div>

  1124. 							

  1125. 							

  1126. 							

  1127. 							

  1128.       					</div><!--modal-body-->

  1129.       					

  1130.       					<!-- SUBMIT OR CANCEL -->

  1131.      					<div class='modal-footer'>

  1132.        						<button type='button' class='btn btn-default' data-dismiss='modal'>Cancel</button>

  1133.         					<button type='submit' class='btn btn-primary' name='duplicateQuestionnaire' <?php if($errorDuplicate === true) echo "disabled"; ?>>Confirm</button>

  1134.       					</div>

  1135.       					

  1136.     				</div><!--modal-content-->

  1137.   				</div><!--modal-dialog-->

  1138. 			</div><!--modal-->

  1139. 		</form>

  1140. 			

  1141. 

  1142. 

  1143. 

  1144. 

  1145. <!-- POPUP FOR NEW MOMENT 1 -->

  1146. <form id="newMoment"><!--method='POST' action='processes/insertMoment.php'-->

  1147. 		<div class="modal fade" id="NewMoment" tabindex="-1" role="dialog" aria-labelledby="NewMomentLabel" aria-hidden="true">

  1148. 			<div class="modal-dialog modal-lg" role="document">

  1149.  				<div class="modal-content">

  1150.  				

  1151.  					<div class="modal-body">

  1152.  						

  1153.  						<!-- CLOSE BUTTON -->

  1154.  						<button type="button" class="close" data-dismiss="modal" aria-label="Close">

  1155.  							<span aria-hidden='true'>&times;</span>

  1156.  						</button>

  1157. 						

  1158. 						<div class="row">

  1159. 							<div class="col-sm-10">

  1160. 								<h2>New Moment <small>(Basic Info – <em>Part 1</em>)</small></h2>

  1161. 							</div>

  1162. 						</div><!--row--> 						

  1163. 

  1164. 						<hr><br>

  1165. 

  1166. 						

  1167. 						<div class="form-horizontal">

  1168. 				

  1169. 							<!--EXPERIENCE ID-->

  1170. 							<input type="hidden" name="id_experience" value="<?php echo $experienceID; ?>">

  1171. 						

  1172. 							<!-- TITLE -->

  1173. 							<div class="form-group">

  1174. 								<label class="control-label col-sm-2">Title:</label>

  1175. 								<div class="col-sm-9">

  1176. 									<input type="text" class="form-control text-center" name="m_title" maxlength="60" placeholder="Title" required>

  1177. 								</div>

  1178. 							</div>

  1179. 				

  1180. 							<!-- DESCRIPTION -->

  1181. 							<div class="form-group">

  1182. 								<label class="control-label col-sm-2">Description:</label>

  1183. 								<div class="col-sm-9">

  1184. 									<textarea class="form-control text-center" name="m_description" rows="1" style="resize:vertical;" maxlength="100" placeholder="Description" required></textarea>

  1185. 								</div>

  1186. 							</div>

  1187. 

  1188. 							<!-- DATE TO ADMINISTER -->

  1189. 							<div class="form-group">

  1190. 								<label class="control-label col-sm-2">Date to Administer:</label>

  1191. 								<div class="col-sm-9">

  1192. 									<input type="datetime-local" class="form-control text-center" name="m_date" placeholder="YYYY-MM-DDThh:mm" required>

  1193. 								</div>

  1194. 							</div>

  1195. 							

  1196. 							<!-- CORRESPONDING QUESTIONNAIRE -->

  1197. 							<?php 

  1198. 							

  1199. 								$query7 = "SELECT * FROM `questionnair` WHERE `id` IN (SELECT `id_questionnair` FROM `experience_questionnair` WHERE `id_experience` = '$experienceID');";

  1200. 								$result7 = mysqli_query($connection, $query7);

  1201. 								

  1202. 								// IF THE EXPERIENCE HAS AT LEAST ONE QUESTIONNAIRE ASSOCIATED TO IT, SHOW IT

  1203. 								// ELSE, DISPLAY A MESSAGE TO THE USER LETTING THEM KNOW THEY DON'T HAVE ONE

  1204. 								if(mysqli_num_rows($result7) > 0):

  1205. 								

  1206. 							?>

  1207. 							<div class="form-group">

  1208. 								<label class="control-label col-sm-2">Questionnaire:</label>

  1209. 								<div class="col-sm-9">

  1210. 									<select class="form-control" id="m_questionnaire" name="m_questionnaire" style="width:100%; text-align-last:center;" required>

  1211. 										<option disabled selected value>Corresponding Questionnaire</option>

  1212. 										<?php while($row7 = mysqli_fetch_assoc($result7)): ?>

  1213. 										<option value="<?php echo $row7['id']; ?>"><?php echo $row7['q_title']; ?></option>

  1214. 										<?php endwhile; ?>

  1215. 									</select>

  1216. 								</div>

  1217. 							</div>

  1218. 							<?php else: ?>

  1219. 							<div class="text-center">

  1220. 								<h3><small>First add a questionnaire!</small></h3>

  1221. 							</div>

  1222. 							<?php endif; ?>

  1223. 				

  1224. 

  1225. 						</div><!--form-horizontal-->

  1226. 			

  1227.       				</div><!--modal-body-->

  1228.       				

  1229.       				<!-- NEXT OR CANCEL -->

  1230.      				<div class="modal-footer">

  1231.        					<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>

  1232.         				<button id="nextMoment" type="button" class="btn btn-primary" data-dismiss="modal" onclick="nextModal('#NewMoment_2')" disabled>Next</button>

  1233.       				</div>

  1234.       				

  1235.     			</div><!--modal-content-->

  1236.   			</div><!--modal-dialog-->

  1237. 		</div><!--modal-->

  1238. 		

  1239. 		

  1240. 		

  1241. 		<!-- FORM VALIDATION FOR NEW MOMENT (BASIC INFO) -->

  1242. 		<script>

  1243. 		

  1244. 		

  1245. 		// Fetch the inputs in the first modal

  1246. 		let momentTitle = document.querySelector('[name=m_title]');

  1247. 		let momentDescription = document.querySelector('[name=m_description]');

  1248. 		let momentDate = document.querySelector('[name=m_date]');

  1249. 		let momentQuestionnaire = document.querySelector('[name=m_questionnaire]');

  1250. 		

  1251. 		

  1252. 		// Add onchange and onkeyup event listeners to each input in the first modal

  1253. 		momentTitle.addEventListener('keyup', validateNewMoment);

  1254. 		momentTitle.addEventListener('change', validateNewMoment);

  1255. 		momentDescription.addEventListener('keyup', validateNewMoment);

  1256. 		momentDescription.addEventListener('change', validateNewMoment);

  1257. 		momentDate.addEventListener('keyup', validateNewMoment);

  1258. 		momentDate.addEventListener('change', validateNewMoment);

  1259. 		

  1260. 		

  1261. 		// User may not have a questionnaire yet, thus momentQuestionnaire might be null

  1262. 		if(momentQuestionnaire) {

  1263. 			momentQuestionnaire.addEventListener('keyup', validateNewMoment);

  1264. 			momentQuestionnaire.addEventListener('change', validateNewMoment);

  1265. 		}

  1266. 

  1267. 		

  1268. 		// First modal's validation function

  1269. 		// This basically enables the "Next" button if certain conditions are met

  1270. 		function validateNewMoment() {

  1271. 		

  1272. 			// Fetch "Next" button in modal

  1273. 			let nextButton = document.querySelector('#nextMoment');

  1274. 			

  1275. 			// Check validity of each input (valid if not empty strings & "maxlength" is set)

  1276. 			let validity = momentTitle.checkValidity();

  1277. 			validity &= momentDescription.checkValidity();

  1278. 			validity &= momentDate.checkValidity();

  1279. 			

  1280. 			// If user doesn't have a questionnaire yet, he can't create a moment

  1281. 			if(momentQuestionnaire) {

  1282. 				validity &= momentQuestionnaire.checkValidity();

  1283. 			} else {

  1284. 				validity = false;

  1285. 			}

  1286. 			

  1287. 			// Disabled if not valid, enabled otherwise

  1288. 			nextButton.disabled = !validity;

  1289. 			

  1290. 		}

  1291. 		

  1292. 		

  1293. 		</script>

  1294. 		

  1295. 		

  1296. 		

  1297. 		<!-- POPUP FOR NEW MOMENT 2 -->

  1298. 		<div class="modal fade" id="NewMoment_2" tabindex="-1" role="dialog" aria-labelledby="NewMomentLabel_2" aria-hidden="true">

  1299. 			<div class="modal-dialog modal-lg" role="document">

  1300.  				<div class="modal-content">

  1301.  				

  1302.  					<div class="modal-body">

  1303.  						

  1304.  						<!-- CLOSE BUTTON -->

  1305.  						<button type="button" class="close" data-dismiss="modal" aria-label="Close">

  1306.  							<span aria-hidden='true'>&times;</span>

  1307.  						</button>

  1308. 						

  1309. 						<div class="row">

  1310. 							<div class="col-sm-10">

  1311. 								<h2>New Moment <small>(Questions – <em>Part 2</em>)</small></h2>

  1312. 							</div>

  1313. 						</div><!--row--> 						

  1314. 

  1315. 						<hr><br>

  1316. 						

  1317. 						<!-- QUESTION -->

  1318. 						<div id="qq1">

  1319. 						

  1320. 							<div class="row">

  1321. 								<div class="col-sm-11 col-sm-offset-1">

  1322. 									<h4>Question 1</h4>

  1323. 								</div>

  1324. 							</div>

  1325. 

  1326. 						

  1327. 							<!-- CHOOSE QUESTION FROM CORRESPONDING QUESTIONNAIRE -->

  1328. 							<div class="form-horizontal">

  1329. 								<div class="form-group">

  1330. 									<div class='col-sm-offset-2 col-sm-9'>

  1331. 										<select class="form-control" id="m_question_1" name="m_question_1" style="width:100%; text-align-last:center;" required>

  1332. 											<option disabled selected value>Select Question</option>

  1333. 										</select>

  1334. 									</div>

  1335. 								</div>

  1336. 							</div>

  1337. 

  1338. 						<br>

  1339. 							

  1340. 						</div><!--#qq-->						

  1341. 

  1342. 						

  1343. 						 <div class="row">

  1344.  							<div class="col-sm-offset-9 col-sm-2">

  1345. 								<button type='button' class='btn btn-xs btn-default' onclick='addSelectableQuestion()'>Add Question</button>

  1346. 							</div>

  1347. 						</div>

  1348. 						

  1349. 

  1350. 

  1351. 						<!-- ERROR ALERT FOR USER -->			

  1352. 						<div id="error-newMoment" class="row" style="display: none;">

  1353. 							<div class="col-sm-12">

  1354. 								<div class="alert alert-danger mb-1" role="alert">

  1355. 									<h4 class="error-lead">Error!</h4>

  1356. 									<p class="error-description"></p>

  1357. 								</div>

  1358. 							</div>

  1359. 						</div>

  1360. 

  1361. 

  1362. 

  1363.       				</div><!--modal-body-->

  1364.       				

  1365.       				<!-- NEXT OR CANCEL -->

  1366.      				<div class="modal-footer">

  1367.        					<button type="button" class="btn btn-default" data-dismiss="modal" onclick="nextModal('#NewMoment')">Previous</button>

  1368.         				<button type="submit" class="btn btn-primary" name="newMoment" <?php if(mysqli_num_rows($result7) == 0) { echo 'disabled'; } ?>>Create</button>

  1369.       				</div>

  1370.       				

  1371.     			</div><!--modal-content-->

  1372.   			</div><!--modal-dialog-->

  1373. 		</div><!--modal-->

  1374. </form>

  1375. 

  1376. 

  1377. 

  1378. <!-- POPUP FOR NEW MILESTONE -->

  1379. <form id="newMilestone">

  1380. 		<div class="modal fade" id="NewMilestone" tabindex="-1" role="dialog" aria-labelledby="NewMilestoneLabel" aria-hidden="true">

  1381. 			<div class="modal-dialog" role="document"">

  1382.  				<div class="modal-content">

  1383.  				

  1384.  					<div class="modal-body">

  1385.  						

  1386.  						<!-- CLOSE BUTTON -->

  1387.  						<button type="button" class="close" data-dismiss="modal" aria-label="Close">

  1388.  							<span aria-hidden="true">&times;</span>

  1389.  						</button>

  1390. 						

  1391. 						<div class="row">

  1392. 							<div class="col-sm-10">

  1393. 								<h2>New Milestone</h2>

  1394. 							</div>

  1395. 						</div><!--row--> 						

  1396. 

  1397. 						<hr><br>

  1398. 

  1399. 						

  1400. 						<div class="form-horizontal">

  1401. 				

  1402. 							<!-- EXPERIENCE ID -->

  1403. 							<input type="hidden" name="id_experience" value="<?php echo $experienceID; ?>">

  1404. 							

  1405. 							<!-- TITLE -->

  1406. 							<div class="form-group">

  1407. 								<label class="control-label col-sm-2">Title:</label>

  1408. 								<div class="col-sm-9">

  1409. 									<input type="text" class="form-control text-center" name="mil_title" maxlength="256" placeholder="Title" required>

  1410. 								</div>

  1411. 							</div>

  1412. 				

  1413. 							<!-- DATE -->

  1414. 							<div class="form-group">

  1415. 								<label class="control-label col-sm-2">Date:</label>

  1416. 								<div class="col-sm-9">

  1417. 									<input type="date" class="form-control text-center" name="mil_date" placeholder="YYYY-MM-DD" required>

  1418. 								</div>

  1419. 							</div>

  1420. 						

  1421. 						</div>

  1422. 						

  1423. 

  1424. 						<!-- ERROR ALERT FOR USER -->			

  1425. 						<div id="error-newMilestone" class="row" style="display: none;">

  1426. 							<div class="col-sm-12">

  1427. 								<div class="alert alert-danger mb-1" role="alert">

  1428. 									<h4 class="error-lead">Error!</h4>

  1429. 									<p class="error-description"></p>

  1430. 								</div>

  1431. 							</div>

  1432. 						</div>

  1433. 			

  1434. 			

  1435.       				</div><!--modal-body-->

  1436.       				

  1437.       				<!-- NEXT OR CANCEL -->

  1438.      				<div class="modal-footer">

  1439.        					<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>

  1440.         				<button type="submit" class="btn btn-primary" name="newMilestone">Create</button>

  1441.       				</div>

  1442.       				

  1443.     			</div><!--modal-content-->

  1444.   			</div><!--modal-dialog-->

  1445. 		</div><!--modal-->		

  1446. </form>

  1447. 		

  1448. 

  1449. 

  1450. 

  1451. 		<!-- STORE START DATE FOR CALENDAR RERENDERING LATER -->

  1452. 		<input id="experience_start_date" type="hidden" value="<?php echo $row1['start_date']; ?>">

  1453. 

  1454. 

  1455. 

  1456. 		<!-- FULL CALENDAR IMPORTS -->

  1457.     	<script src="processes/fullcalendar/packages/core/main.min.js"></script>

  1458.     	<script src="processes/fullcalendar/packages/daygrid/main.min.js"></script>

  1459.     	<script src="processes/fullcalendar/packages/timegrid/main.min.js"></script>

  1460.     	<script src="processes/fullcalendar/packages/interaction/main.min.js"></script>

  1461. <!-- 		<script src="https://unpkg.com/@fullcalendar/core/main.min.js"></script> -->

  1462. <!-- 		<script src="https://unpkg.com/@fullcalendar/daygrid/main.min.js"></script> -->

  1463. <!-- 		<script src="https://unpkg.com/@fullcalendar/timegrid@4.3.0/main.min.js"></script> -->

  1464. <!-- 		<script src="https://unpkg.com/@fullcalendar/interaction@4.3.0/main.min.js"></script> -->

  1465. 	

  1466. 	

  1467. 		

  1468. 		<script src="js/viewExperience.js"></script>

  1469. 		<script src="js/handleSubmit.js"></script>

  1470. 	

  1471. <script>

  1472. 

  1473. 

  1474. // Enable popovers

  1475. $(function () {

  1476.   $('[data-toggle="popover"]').popover();

  1477. });

  1478. 

  1479. 

  1480. 

  1481. 		// Removed "importQuestionnaire" because of weird non-fetching behaviour of importQuestionnaire.php

  1482. 		["editForm", "newQuestionnaire", "newMoment", "newMilestone", "duplicateQuestionnaire"].forEach(function(formName) {

  1483. 			

  1484. 			var form = document.getElementById(formName);

  1485. 			

  1486. 			if(form) {

  1487. 				form.addEventListener('submit', function(e) {

  1488. 					handleSubmit(e, formName);

  1489. 				});

  1490. 			}

  1491. 			

  1492. 		});

  1493. 		

  1494. 

  1495. //window.onload = function() {

  1496. 

  1497. // First load an empty calendar

  1498. var calendarElement = document.getElementById('actualCalendar');

  1499. var calendar = new FullCalendar.Calendar(calendarElement, {

  1500. 	plugins: [ 'dayGrid', 'timeGrid', 'interaction' ],

  1501. 	header: {

  1502. 		left: 'prev,next today',

  1503. 		center: 'title',

  1504. 		right: 'dayGridMonth,timeGridWeek'//,timeGridDay

  1505. 	},

  1506. 	defaultDate: document.getElementById('experience_start_date').value,

  1507. 	businessHours: true,

  1508. 	editable: true,

  1509. 	dragScroll: true,

  1510. 	eventDrop: function(eventDropInfo) {

  1511. 		$.post(document.location.protocol + "//tania.uprrp.edu/admin_nuevo/special4.php", {

  1512. 			id: eventDropInfo.event.id,

  1513. 			experienceID: document.querySelector('input[name=id_experience]').value,

  1514. 			newStartDate: Date.parse(eventDropInfo.event.start), // convert to UNIX timestamp

  1515. 			newEndDate: Date.parse(eventDropInfo.event.end) // convert to UNIX timestamp

  1516. 		}).fail(function() {

  1517. 			alert('An error occurred! Resetting calendar...');

  1518. 			eventDropInfo.revert();

  1519. 		});

  1520. 	}

  1521. });

  1522. calendar.render();

  1523. 

  1524. 

  1525. // After the rest of the page has loaded, fetch events from DB & re-render calendar

  1526. var calendarConfig;

  1527. 					

  1528. $.post(document.location.protocol + "//tania.uprrp.edu/admin_nuevo/special2.php", 

  1529. 	{

  1530.  		experienceID: document.querySelector('input[name=id_experience]').value

  1531. 	},

  1532. 	function(data, status) {

  1533. 		if(!isJSON(data)) {

  1534. 			return;

  1535. 		}

  1536. 		calendarConfig = JSON.parse(data);

  1537. 	}

  1538. ).done(function() {

  1539. 	

  1540. // 	console.log(calendarConfig);

  1541. 	

  1542. 	if(calendarConfig === undefined) {

  1543. 		alert("Couldn't fetch your events! Please refresh this page. If this keeps ocurring, contact the page administrator.");

  1544. 		return;

  1545. 	}

  1546. 

  1547. 	calendarConfig.events.forEach(calendarEvent => {

  1548. 		calendar.addEvent(calendarEvent);

  1549. 	});

  1550. 

  1551. 	calendar.render();	

  1552. 

  1553. }).fail(function() { 

  1554. 	alert("Couldn't fetch your events! Please refresh this page. If this keeps ocurring, contact the page administrator.");

  1555. });

  1556. 

  1557. 

  1558. //}//domcontentloaded//onload

  1559. 

  1560. </script>

  1561. 

  1562. 

  1563. 

  1564. <?php include_once 'footer.php'; ?>