Marle
/
webAdministracion
Прати 1
Волим 0
Креирај огранак 0
Код Дискусије 0 Захтеви за спајање 0 Издања 0 Вики Activity
Нема описа
8 Комити
1 Грана
Дрво: b08d449b3c
Гране Ознаке
${ item.name }
Create branch ${ searchTerm }
from 'b08d449b3c'
${ noResults }
webAdministracion/viewExperience.php

viewExperience.php 55KB
Историја Датотека

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570 
  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. 	// FETCH EXPERIENCE'S PROJECT ID

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

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

  40. 	$rowProject = mysqli_fetch_assoc($resultProject);

  41. 

  42. 

  43. 	include_once 'header.php';

  44. 	

  45. ?>

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

  47. 	<body>

  48. 	

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

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

  51. 				TANIA

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

  53.         	</a>

  54.         	<div id="account">

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

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

  57.         	</div>

  58.     	</header>

  59. 		

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

  61. 			<div class="row">

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

  63.         	

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

  65.         			<div class="row">

  66.         			

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

  68.         		

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

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

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

  72. 								<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>

  73. 							</blockquote>

  74.             	

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

  76.             	

  77.             	

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

  79.             		

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

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

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

  83. 								</div>

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

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

  86. 								</div>

  87. 								<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']; ?>')">

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

  89. 								</div>

  90. 							</div>

  91.             	

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

  93.           			  	

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

  95.         	

  96. 		        	<br>

  97.         	

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

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

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

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

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

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

  104.         	

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

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

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

  108. 	

  109. 		<br>

  110. 			

  111. 		<!-- CALENDAR-->

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

  113. 			<div class="container">

  114. 		

  115. 				<div class="row">

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

  117. 						Schedule Your Experience

  118. 						<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">

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

  120. 						</button>

  121. 					</h3>

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

  123. 			

  124. 				<br>

  125. 			

  126. 				<div class="row">

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

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

  129. 					</div>

  130. 				</div>

  131. 			

  132. 				<br><br><br><br>

  133. 			

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

  135. 		</div>

  136. 			

  137. 			

  138. 			

  139. 		<!--QUESTIONNAIRES-->

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

  141. 			<div class="container">

  142. 		

  143. 				<div class="row">

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

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

  146. 						<!-- 

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

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

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

  150. 							</button>

  151. 						</span>

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

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

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

  155. 							</button>

  156. 						</span>

  157.  -->

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

  159. 								<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;">

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

  161. 								</div>

  162. 								<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;">

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

  164. 								</div>

  165. 							</div>

  166. 					</div>

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

  168. 				

  169. 				<br>

  170. 								

  171. 				<div class="row">

  172. 				

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

  174. 						<?php

  175. 						

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

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

  178. 							

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

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

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

  182. 							

  183. 						?>

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

  185.   							<thead>

  186.   								<tr>

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

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

  189.   								</tr>

  190.   							</thead>

  191.   							<tbody>

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

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

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

  195.   									<?php

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

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

  198.   									?>

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

  200.   								</tr>

  201.   								<?php endwhile; ?>

  202. 							</tbody>

  203.   						</table>

  204. 

  205.     					<?php else: ?>

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

  207.   						<?php endif; ?>

  208.   						 

  209.   						<br>

  210.   						<div class="row">

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

  212.   								<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;">

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

  214.   								</div>

  215.   							</div>

  216.   						</div>

  217.   						

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

  219.   					

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

  221.  

  222. 				<br><br>

  223. 			

  224. 				<div class="row">	

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

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

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

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

  229. 							</button>

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

  231. 							<hr>

  232. 							<ul>

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

  234. 								<br>

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

  236. 								<br>

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

  238. 									<ul>

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

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

  241. 									</ul>

  242. 								</li>

  243. 								<br>

  244. 							</ul>

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

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

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

  248.   			

  249.   				<br>

  250.   			

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

  252.   		

  253. 		</div>

  254. 			

  255. 			

  256. 			

  257. 		<!--MOMENTS-->

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

  259. 			<div class="container">

  260. 			

  261. 				<div class="row">

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

  263. 				</div>

  264. 				

  265. 				

  266. 				<div class="row">

  267. 				

  268. 				

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

  270. 						<?php

  271. 						

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

  273.   							$query4 = "SELECT SQ.* FROM subquestionnair AS SQ JOIN experience_subquestionnair AS ES WHERE SQ.id = ES.id_subquestionnair AND ES.id_experience = '$experienceID' ORDER BY SQ.date_to_administer ASC;";

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

  275. 							

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

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

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

  279. 							

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

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

  282. 								$studentCount = $resultTotalStudents->num_rows;

  283. 								

  284. 						?>

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

  286.   							<thead>

  287.   								<tr>

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

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

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

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

  292.   								</tr>

  293.   							</thead>

  294.   							<tbody>

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

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

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

  298.   									<?php

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

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

  301.   									?>

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

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

  304. 									

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

  306. 									

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

  308. 									

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

  310. 									

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

  312. 									

  313. 									<?php

  314. 									else:

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

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

  317. 										$answerCount = $resultAnswers->num_rows;

  318. 									?>

  319. 									

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

  321. 									

  322. 									<?php endif; ?>

  323.   								</tr>

  324.   								<?php endwhile; ?>

  325.   							</tbody>

  326.   						</table>

  327.   					

  328.     					<?php else: ?>

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

  330.   						<?php endif; ?>

  331.   							 

  332.   						<br>

  333.   					

  334.   						<div class="row">

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

  336.   								<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;">

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

  338.   								</div>

  339.   							</div>

  340.   						</div>

  341.   						

  342.   						

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

  344.   				

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

  346. 

  347.   			

  348. 				<br><br>

  349. 				

  350. 				<div class="row">

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

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

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

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

  355. 							</button>

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

  357. 							<hr>

  358. 							<ul>

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

  360. 								<br>

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

  362. 								<br>

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

  364. 								<br>

  365. 							</ul>

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

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

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

  369.   				

  370.   				<br>

  371.   			

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

  373. 			

  374. 		</div>

  375. 			

  376. 			

  377. 			

  378. 		<!--MILESTONES-->

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

  380. 			<div class="container">

  381. 		

  382. 				<div class="row">

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

  384. 				</div>

  385. 				

  386. 				<div class="row">

  387. 					

  388. 					

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

  390. 						<?php

  391. 						

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

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

  394. 							

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

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

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

  398. 							

  399. 						?>

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

  401.   							<thead>

  402.   								<tr>

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

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

  405.   								</tr>

  406.   							</thead>

  407.   							<tbody>

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

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

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

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

  412.   								</tr>

  413.    								<?php endwhile; ?>

  414.   							</tbody>

  415.   						</table>

  416.   					

  417.     					<?php else: ?>

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

  419.   						<?php endif; ?>

  420.   					

  421.   						<br>

  422.   						

  423.   						<div class="row">

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

  425.   								<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;">

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

  427.   								</div>

  428.   							</div>

  429.   						</div>

  430.   						

  431.   						

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

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

  434. 

  435. 				<br><br>

  436. 			

  437. 				<div class="row">

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

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

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

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

  442. 							</button>

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

  444. 							<hr>

  445. 							<ul>

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

  447. 								<br>

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

  449. 								<br>

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

  451. 								<br>

  452. 							</ul>

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

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

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

  456. 

  457. 	  			<br>

  458. 

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

  460. 		

  461. 		</div>

  462. 

  463. 

  464. 

  465. 		<br><br><br><br><br>

  466. 

  467. 

  468. 		

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

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

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

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

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

  474.  				

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

  476.  						

  477.  						<!-- CLOSE BUTTON -->

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

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

  480.  						</button>

  481. 						

  482. 						<div class="row">

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

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

  485. 							</div>

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

  487. 

  488. 						<hr><br>

  489. 

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

  491. 	

  492. 							<!-- ID -->

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

  494. 				

  495. 							<!-- NEW TITLE -->

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

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

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

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

  500. 								</div>

  501. 							</div>

  502. 				

  503. 							<!-- NEW DESCRIPTION -->

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

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

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

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

  508. 								</div>

  509. 							</div>

  510. 							

  511. <!--

  512. 							<!~~ NEW TYPE ~~>

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

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

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

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

  517. 								</div>

  518. 							</div>

  519. 

  520. 							<!~~ NEW DURATION ~~>

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

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

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

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

  525. 								</div>

  526. 							</div>

  527. 				

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

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

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

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

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

  533. 								</div>

  534. 							</div>

  535. 

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

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

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

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

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

  541. 								</div>

  542. 							</div>

  543. -->

  544. 

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

  546. 

  547. 

  548. 

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

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

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

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

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

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

  555. 								</div>

  556. 							</div>

  557. 						</div>

  558. 

  559. 

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

  561.       				

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

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

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

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

  566.       				</div>

  567.       				

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

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

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

  571. </form><!--form-->

  572. 		

  573. 		

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

  575. 		<script>

  576. 		

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

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

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

  580. 		

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

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

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

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

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

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

  587. 		

  588. 		// Only enable submit button when:

  589. 		// 1) changes are detected,

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

  591. 		function validateEditExperience() {

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

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

  594. 		}

  595. 		

  596. 		</script>

  597. 		

  598. 		

  599. 		

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

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

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

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

  604.  				

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

  606.  						

  607.  						<!-- CLOSE BUTTON -->

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

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

  610.  						</button>

  611. 						

  612. 						<div class="row">

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

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

  615. 							</div>

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

  617. 

  618. 						<hr><br>

  619. 

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

  621. 				

  622. 				

  623. 							<!-- TITLE -->

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

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

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

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

  628. 								</div>

  629. 							</div>

  630. 				

  631. 							<!-- DESCRIPTION -->

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

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

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

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

  636. 								</div>

  637. 							</div>

  638. 

  639. 							<!-- REFERENCE -->

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

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

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

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

  644. 								</div>

  645. 							</div>

  646. 							

  647. 							<br>

  648. 							

  649. 							<!-- CATEGORIES -->

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

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

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

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

  654. 								</div>

  655. 							</div>

  656. 				

  657. 							<!-- SUBCATEGORIES -->

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

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

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

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

  662. 								</div>

  663. 							</div>

  664. 							

  665. 						</div>

  666. 			

  667. 						<div class="row">

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

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

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

  671. 								</p>

  672. 							</div>

  673. 						</div>

  674. 						

  675. 			

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

  677.       				

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

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

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

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

  682.       				</div>

  683.       				

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

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

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

  687. 

  688. 

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

  690. 		<script>

  691. 		

  692. 		

  693. 		// Fetch the inputs in the first modal

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

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

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

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

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

  699. 		

  700. 		

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

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

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

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

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

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

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

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

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

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

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

  712. 		

  713. 		

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

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

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

  717. 		});

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

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

  720. 		});

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

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

  723. 		});

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

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

  726. 		});

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

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

  729. 		});

  730. 		

  731. 		

  732. 		// First modal's validation function

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

  734. 		function validateNewQuestionnaire() {

  735. 		

  736. 		

  737. 			// Fetch "Next" button in modal

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

  739. 			

  740. 			

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

  742. 			let validity = questionnaireTitle.checkValidity();

  743. 			validity &= questionnaireDescription.checkValidity();

  744. 			validity &= questionnaireReference.checkValidity();

  745. 			validity &= categories.checkValidity();

  746. 			validity &= subcategories.checkValidity();

  747. 			

  748. 			

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

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

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

  752. 			let categoriesArray = new Array();

  753. 			let subcategoriesArray = new Array();

  754. 			

  755. 			

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

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

  758. 			

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

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

  761. 			

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

  763. 				

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

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

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

  767. 					}

  768. 				

  769. 				}

  770. 			

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

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

  773. 			

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

  775. 				

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

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

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

  779. 					}

  780. 				

  781. 				}

  782. 			

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

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

  785. 				

  786. 			}

  787. 			

  788. 			

  789. 			// Disabled if not valid, enabled otherwise

  790. 			nextButton.disabled = !validity;

  791. 			

  792. 		}

  793. 		</script>

  794. 

  795. 

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

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

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

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

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

  801.  				

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

  803.  						

  804.  						<!-- CLOSE BUTTON -->

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

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

  807.  						</button>

  808. 						

  809. 						<div class="row">

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

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

  812. 							</div>

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

  814. 

  815. 						<hr>

  816. 

  817. 					

  818. 						<!-- EXPERIENCE ID -->

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

  820. 						

  821. 						<!-- QUESTIONNAIRE TITLE -->

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

  823. 

  824. 						<!-- QUESTIONNAIRE DESCRIPTION --->

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

  826. 

  827. 						<!-- QUESTIONNAIRE REFERENCE -->

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

  829. 						

  830. 						<!-- QUESTIONNAIRE CATEGORIES -->

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

  832. 

  833. 						<!-- QUESTIONNAIRE SUBCATEGORIES -->

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

  835. 

  836. 

  837. 						<!-- QUESTION -->

  838.  						<div id="q1">

  839. 						

  840. 							<div class="row">

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

  842. 									<h4>Question 1</h4>

  843. 								</div>

  844. 							</div>

  845. 							

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

  847. 							

  848. 								<!-- PREMISE -->

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

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

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

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

  853. 									</div>

  854. 								</div>

  855. 						

  856. 								<!-- TYPE -->

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

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

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

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

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

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

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

  864. 										</select>

  865. 									</div>

  866. 								</div>

  867. 							

  868. 							</div>

  869. 							

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

  871. 							<div id="range1">

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

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

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

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

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

  877. 										</div>

  878. 									</div>

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

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

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

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

  883. 										</div>

  884. 									</div>

  885. 								</div>

  886. 							

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

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

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

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

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

  892. 										</div>

  893. 									</div>

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

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

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

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

  898. 										</div>

  899. 									</div>

  900. 								</div>

  901. 								

  902. 								<br>

  903. 								

  904. 							</div>

  905. 							

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

  907. 							

  908. 								<!-- CORRESPONDING CATEGORY -->

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

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

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

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

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

  914. 										</select>

  915. 									</div>

  916. 								</div>

  917. 								

  918. 								<!-- CORRESPONDING SUBCATEGORY -->

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

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

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

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

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

  924. 										</select>

  925. 									</div>

  926. 								</div>

  927. 							

  928. 							</div>

  929. 							

  930.  						</div>

  931. 

  932. 

  933. 						<br>

  934. 

  935.  						<div class="row">

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

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

  938. 							</div>

  939. 						</div>

  940. 						

  941. 						

  942. 						

  943. 						

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

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

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

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

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

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

  950. 								</div>

  951. 							</div>

  952. 						</div>

  953. 			

  954. 			

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

  956.       				

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

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

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

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

  961.       				</div>

  962.       				

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

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

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

  966. </form>

  967. 

  968. 

  969. 

  970. 

  971. 

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

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

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

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

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

  977. 						

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

  979. 			  	 	  		<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>

  980.    						</div>

  981.  						

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

  983. 

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

  985. 		

  986. 								<!-- EXPERIENCE ID -->					

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

  988. 								

  989. 

  990. 								<!-- PROJECT ID (0 IF THERE'S NONE) -->

  991. 								<input type="hidden" name="projectID" value="<?php echo ($rowProject['id_project'] ? $rowProject['id_project'] : 0); ?>" required>

  992. 							

  993. 							

  994. 								<div class="row">

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

  996. 										<h4>Download Template</h4>

  997. 										<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>

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

  999. 									</div>

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

  1001. 							

  1002. 								<br>

  1003. 								<br>

  1004. 							

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

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

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

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

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

  1010. 									</div>

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

  1012. 								

  1013. 							</div>

  1014. 

  1015. 

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

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

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

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

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

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

  1022. 								</div>

  1023. 							</div>

  1024. 						</div>

  1025. 

  1026. 

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

  1028.      					

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

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

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

  1032.       					</div>  					

  1033.     			

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

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

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

  1037. 		</form>

  1038. 			

  1039. 			

  1040. 			

  1041. 			

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

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

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

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

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

  1047. 

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

  1049. 			  	 	  		<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>

  1050.    						</div>

  1051. 

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

  1053.  							

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

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

  1056. 							</span>

  1057. 							

  1058. 							<br>

  1059. 							

  1060. 

  1061. 							<!-- PROJECT ID (0 IF THERE'S NONE) -->

  1062. 							<input type="hidden" name="projectID" value="<?php echo ($rowProject['id_project'] ? $rowProject['id_project'] : 0); ?>">

  1063. 							

  1064. 							

  1065. 							<!-- FROM QUESTIONNAIRE -->

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

  1067. 							<?php

  1068. 								// FIRST ASSUME FALSE

  1069. 								$errorDuplicate = false;

  1070. 								

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

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

  1073. 								

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

  1075. 							?>

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

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

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

  1079. 								<?php endwhile; ?>

  1080. 							</select>

  1081. 							<?php

  1082. 								else:							

  1083. 									$errorDuplicate = true;

  1084. 							?>

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

  1086. 							<?php endif; ?>

  1087. 							

  1088. 							<br>

  1089. 							

  1090. 							<!-- TO EXPERIENCE -->

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

  1092. 							<?php

  1093. 

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

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

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

  1097. 								} else {

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

  1099. 								}							

  1100. 							

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

  1102. 								

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

  1104. 							?>

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

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

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

  1108. 								<?php endwhile; ?>

  1109. 							</select>							

  1110. 							<?php

  1111. 								else:

  1112. 									$errorDuplicate = true;	

  1113. 							?>

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

  1115. 							<?php endif; ?>

  1116. 							

  1117. 							

  1118. 						<br>

  1119. 							

  1120. 							

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

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

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

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

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

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

  1127. 								</div>

  1128. 							</div>

  1129. 						</div>

  1130. 							

  1131. 							

  1132. 							

  1133. 							

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

  1135.       					

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

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

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

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

  1140.       					</div>

  1141.       					

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

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

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

  1145. 		</form>

  1146. 			

  1147. 

  1148. 

  1149. 

  1150. 

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

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

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

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

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

  1156.  				

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

  1158.  						

  1159.  						<!-- CLOSE BUTTON -->

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

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

  1162.  						</button>

  1163. 						

  1164. 						<div class="row">

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

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

  1167. 							</div>

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

  1169. 

  1170. 						<hr><br>

  1171. 

  1172. 						

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

  1174. 				

  1175. 							<!--EXPERIENCE ID-->

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

  1177. 						

  1178. 							<!-- TITLE -->

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

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

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

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

  1183. 								</div>

  1184. 							</div>

  1185. 				

  1186. 							<!-- DESCRIPTION -->

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

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

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

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

  1191. 								</div>

  1192. 							</div>

  1193. 

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

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

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

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

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

  1199. 								</div>

  1200. 							</div>

  1201. 							

  1202. 							<!-- CORRESPONDING QUESTIONNAIRE -->

  1203. 							<?php 

  1204. 							

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

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

  1207. 								

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

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

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

  1211. 								

  1212. 							?>

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

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

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

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

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

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

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

  1220. 										<?php endwhile; ?>

  1221. 									</select>

  1222. 								</div>

  1223. 							</div>

  1224. 							<?php else: ?>

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

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

  1227. 							</div>

  1228. 							<?php endif; ?>

  1229. 				

  1230. 

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

  1232. 			

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

  1234.       				

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

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

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

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

  1239.       				</div>

  1240.       				

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

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

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

  1244. 		

  1245. 		

  1246. 		

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

  1248. 		<script>

  1249. 		

  1250. 		

  1251. 		// Fetch the inputs in the first modal

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

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

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

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

  1256. 		

  1257. 		

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

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

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

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

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

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

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

  1265. 		

  1266. 		

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

  1268. 		if(momentQuestionnaire) {

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

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

  1271. 		}

  1272. 

  1273. 		

  1274. 		// First modal's validation function

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

  1276. 		function validateNewMoment() {

  1277. 		

  1278. 			// Fetch "Next" button in modal

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

  1280. 			

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

  1282. 			let validity = momentTitle.checkValidity();

  1283. 			validity &= momentDescription.checkValidity();

  1284. 			validity &= momentDate.checkValidity();

  1285. 			

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

  1287. 			if(momentQuestionnaire) {

  1288. 				validity &= momentQuestionnaire.checkValidity();

  1289. 			} else {

  1290. 				validity = false;

  1291. 			}

  1292. 			

  1293. 			// Disabled if not valid, enabled otherwise

  1294. 			nextButton.disabled = !validity;

  1295. 			

  1296. 		}

  1297. 		

  1298. 		

  1299. 		</script>

  1300. 		

  1301. 		

  1302. 		

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

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

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

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

  1307.  				

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

  1309.  						

  1310.  						<!-- CLOSE BUTTON -->

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

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

  1313.  						</button>

  1314. 						

  1315. 						<div class="row">

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

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

  1318. 							</div>

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

  1320. 

  1321. 						<hr><br>

  1322. 						

  1323. 						<!-- QUESTION -->

  1324. 						<div id="qq1">

  1325. 						

  1326. 							<div class="row">

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

  1328. 									<h4>Question 1</h4>

  1329. 								</div>

  1330. 							</div>

  1331. 

  1332. 						

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

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

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

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

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

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

  1339. 										</select>

  1340. 									</div>

  1341. 								</div>

  1342. 							</div>

  1343. 

  1344. 						<br>

  1345. 							

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

  1347. 

  1348. 						

  1349. 						 <div class="row">

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

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

  1352. 							</div>

  1353. 						</div>

  1354. 						

  1355. 

  1356. 

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

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

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

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

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

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

  1363. 								</div>

  1364. 							</div>

  1365. 						</div>

  1366. 

  1367. 

  1368. 

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

  1370.       				

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

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

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

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

  1375.       				</div>

  1376.       				

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

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

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

  1380. </form>

  1381. 

  1382. 

  1383. 

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

  1385. <form id="newMilestone">

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

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

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

  1389.  				

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

  1391.  						

  1392.  						<!-- CLOSE BUTTON -->

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

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

  1395.  						</button>

  1396. 						

  1397. 						<div class="row">

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

  1399. 								<h2>New Milestone</h2>

  1400. 							</div>

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

  1402. 

  1403. 						<hr><br>

  1404. 

  1405. 						

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

  1407. 				

  1408. 							<!-- EXPERIENCE ID -->

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

  1410. 							

  1411. 							<!-- TITLE -->

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

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

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

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

  1416. 								</div>

  1417. 							</div>

  1418. 				

  1419. 							<!-- DATE -->

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

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

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

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

  1424. 								</div>

  1425. 							</div>

  1426. 						

  1427. 						</div>

  1428. 						

  1429. 

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

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

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

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

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

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

  1436. 								</div>

  1437. 							</div>

  1438. 						</div>

  1439. 			

  1440. 			

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

  1442.       				

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

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

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

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

  1447.       				</div>

  1448.       				

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

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

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

  1452. </form>

  1453. 		

  1454. 

  1455. 

  1456. 

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

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

  1459. 

  1460. 

  1461. 

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

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

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

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

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

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

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

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

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

  1471. 	

  1472. 	

  1473. 		

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

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

  1476. 	

  1477. <script>

  1478. 

  1479. 

  1480. // Enable popovers

  1481. $(function () {

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

  1483. });

  1484. 

  1485. 

  1486. 

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

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

  1489. 			

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

  1491. 			

  1492. 			if(form) {

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

  1494. 					handleSubmit(e, formName);

  1495. 				});

  1496. 			}

  1497. 			

  1498. 		});

  1499. 		

  1500. 

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

  1502. 

  1503. // First load an empty calendar

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

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

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

  1507. 	header: {

  1508. 		left: 'prev,next today',

  1509. 		center: 'title',

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

  1511. 	},

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

  1513. 	businessHours: true,

  1514. 	editable: true,

  1515. 	dragScroll: true,

  1516. 	eventDrop: function(eventDropInfo) {

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

  1518. 			id: eventDropInfo.event.id,

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

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

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

  1522. 		}).fail(function() {

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

  1524. 			eventDropInfo.revert();

  1525. 		});

  1526. 	}

  1527. });

  1528. calendar.render();

  1529. 

  1530. 

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

  1532. var calendarConfig;

  1533. 					

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

  1535. 	{

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

  1537. 	},

  1538. 	function(data, status) {

  1539. 		if(!isJSON(data)) {

  1540. 			return;

  1541. 		}

  1542. 		calendarConfig = JSON.parse(data);

  1543. 	}

  1544. ).done(function() {

  1545. 	

  1546. // 	console.log(calendarConfig);

  1547. 	

  1548. 	if(calendarConfig === undefined) {

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

  1550. 		return;

  1551. 	}

  1552. 

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

  1554. 		calendar.addEvent(calendarEvent);

  1555. 	});

  1556. 

  1557. 	calendar.render();	

  1558. 

  1559. }).fail(function() { 

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

  1561. });

  1562. 

  1563. 

  1564. //}//domcontentloaded//onload

  1565. 

  1566. </script>

  1567. 

  1568. 

  1569. 

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