Marle
/
webAdministracion
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
No Description
9 Commits
1 Branch
Tree: bef41ccb07
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'bef41ccb07'
${ noResults }
webAdministracion/viewExperience.php

viewExperience.php 56KB
History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588 
  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 modal-lg" 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. 							<!-- NEW TYPE -->

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

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

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

  515. 									<select class="form-control text-center" style="text-align-last: center;" name="newType" required>

  516. 										<option <?php echo ($row1['type'] === 'Course-Based Research Experience' ? 'selected' : ''); ?> value="Course-Based Research Experience">Course-Based Research Experience</option>

  517. 										<option <?php echo ($row1['type'] === 'Undergraduate Research Experience' ? 'selected' : ''); ?> value="Undergraduate Research Experience">Undergraduate Research Experience</option>

  518. 										<?php if($_SESSION['dbUserData']['admin'] === '1'): ?>

  519. 											<option selected value="Test">Test</option>

  520. 										<?php endif; ?>

  521. 									</select>

  522. 								</div>

  523. 							</div>

  524. 

  525. <!-- 

  526. 							<!~~ NEW DURATION ~~>

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

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

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

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

  531. 								</div>

  532. 							</div>

  533.  -->

  534. 

  535. 

  536. 							<!-- NEW START DATE -->

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

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

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

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

  541. 								</div>

  542. 							</div>

  543. 

  544. 							<!-- NEW END DATE -->

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

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

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

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

  549. 								</div>

  550. 							</div>

  551. 

  552. 

  553. 

  554. 

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

  556. 

  557. 

  558. 

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

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

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

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

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

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

  565. 								</div>

  566. 							</div>

  567. 						</div>

  568. 

  569. 

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

  571.       				

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

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

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

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

  576.       				</div>

  577.       				

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

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

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

  581. </form><!--form-->

  582. 		

  583. 		

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

  585. 		<script>

  586. 		

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

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

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

  590. 		

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

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

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

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

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

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

  597. 		

  598. 		// Only enable submit button when:

  599. 		// 1) changes are detected,

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

  601. 		function validateEditExperience() {

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

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

  604. 		}

  605. 		

  606. 		</script>

  607. 		

  608. 		

  609. 		

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

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

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

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

  614.  				

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

  616.  						

  617.  						<!-- CLOSE BUTTON -->

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

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

  620.  						</button>

  621. 						

  622. 						<div class="row">

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

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

  625. 							</div>

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

  627. 

  628. 						<hr><br>

  629. 

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

  631. 				

  632. 				

  633. 							<!-- TITLE -->

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

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

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

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

  638. 								</div>

  639. 							</div>

  640. 				

  641. 							<!-- DESCRIPTION -->

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

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

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

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

  646. 								</div>

  647. 							</div>

  648. 

  649. 							<!-- REFERENCE -->

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

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

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

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

  654. 								</div>

  655. 							</div>

  656. 							

  657. 							<br>

  658. 							

  659. 							<!-- CATEGORIES -->

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

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

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

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

  664. 								</div>

  665. 							</div>

  666. 				

  667. 							<!-- SUBCATEGORIES -->

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

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

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

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

  672. 								</div>

  673. 							</div>

  674. 							

  675. 						</div>

  676. 			

  677. 						<div class="row">

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

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

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

  681. 								</p>

  682. 							</div>

  683. 						</div>

  684. 						

  685. 			

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

  687.       				

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

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

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

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

  692.       				</div>

  693.       				

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

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

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

  697. 

  698. 

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

  700. 		<script>

  701. 		

  702. 		

  703. 		// Fetch the inputs in the first modal

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

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

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

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

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

  709. 		

  710. 		

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

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

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

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

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

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

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

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

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

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

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

  722. 		

  723. 		

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

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

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

  727. 		});

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

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

  730. 		});

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

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

  733. 		});

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

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

  736. 		});

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

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

  739. 		});

  740. 		

  741. 		

  742. 		// First modal's validation function

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

  744. 		function validateNewQuestionnaire() {

  745. 		

  746. 		

  747. 			// Fetch "Next" button in modal

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

  749. 			

  750. 			

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

  752. 			let validity = questionnaireTitle.checkValidity();

  753. 			validity &= questionnaireDescription.checkValidity();

  754. 			validity &= questionnaireReference.checkValidity();

  755. 			validity &= categories.checkValidity();

  756. 			validity &= subcategories.checkValidity();

  757. 			

  758. 			

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

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

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

  762. 			let categoriesArray = new Array();

  763. 			let subcategoriesArray = new Array();

  764. 			

  765. 			

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

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

  768. 			

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

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

  771. 			

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

  773. 				

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

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

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

  777. 					}

  778. 				

  779. 				}

  780. 			

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

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

  783. 			

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

  785. 				

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

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

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

  789. 					}

  790. 				

  791. 				}

  792. 			

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

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

  795. 				

  796. 			}

  797. 			

  798. 			

  799. 			// Disabled if not valid, enabled otherwise

  800. 			nextButton.disabled = !validity;

  801. 			

  802. 		}

  803. 		</script>

  804. 

  805. 

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

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

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

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

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

  811.  				

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

  813.  						

  814.  						<!-- CLOSE BUTTON -->

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

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

  817.  						</button>

  818. 						

  819. 						<div class="row">

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

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

  822. 							</div>

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

  824. 

  825. 						<hr>

  826. 

  827. 					

  828. 						<!-- EXPERIENCE ID -->

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

  830. 						

  831. 						<!-- QUESTIONNAIRE TITLE -->

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

  833. 

  834. 						<!-- QUESTIONNAIRE DESCRIPTION --->

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

  836. 

  837. 						<!-- QUESTIONNAIRE REFERENCE -->

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

  839. 						

  840. 						<!-- QUESTIONNAIRE CATEGORIES -->

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

  842. 

  843. 						<!-- QUESTIONNAIRE SUBCATEGORIES -->

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

  845. 

  846. 

  847. 						<!-- QUESTION -->

  848.  						<div id="q1">

  849. 						

  850. 							<div class="row">

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

  852. 									<h4>Question 1</h4>

  853. 								</div>

  854. 							</div>

  855. 							

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

  857. 							

  858. 								<!-- PREMISE -->

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

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

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

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

  863. 									</div>

  864. 								</div>

  865. 						

  866. 								<!-- TYPE -->

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

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

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

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

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

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

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

  874. 										</select>

  875. 									</div>

  876. 								</div>

  877. 							

  878. 							</div>

  879. 							

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

  881. 							<div id="range1">

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

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

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

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

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

  887. 										</div>

  888. 									</div>

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

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

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

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

  893. 										</div>

  894. 									</div>

  895. 								</div>

  896. 							

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

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

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

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

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

  902. 										</div>

  903. 									</div>

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

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

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

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

  908. 										</div>

  909. 									</div>

  910. 								</div>

  911. 								

  912. 								<br>

  913. 								

  914. 							</div>

  915. 							

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

  917. 							

  918. 								<!-- CORRESPONDING CATEGORY -->

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

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

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

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

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

  924. 										</select>

  925. 									</div>

  926. 								</div>

  927. 								

  928. 								<!-- CORRESPONDING SUBCATEGORY -->

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

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

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

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

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

  934. 										</select>

  935. 									</div>

  936. 								</div>

  937. 							

  938. 							</div>

  939. 							

  940.  						</div>

  941. 

  942. 

  943. 						<br>

  944. 

  945.  						<div class="row">

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

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

  948. 							</div>

  949. 						</div>

  950. 						

  951. 						

  952. 						

  953. 						

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

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

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

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

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

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

  960. 								</div>

  961. 							</div>

  962. 						</div>

  963. 			

  964. 			

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

  966.       				

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

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

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

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

  971.       				</div>

  972.       				

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

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

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

  976. </form>

  977. 

  978. 

  979. 

  980. 

  981. 

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

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

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

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

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

  987. 						

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

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

  990.    						</div>

  991.  						

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

  993. 

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

  995. 		

  996. 								<!-- EXPERIENCE ID -->					

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

  998. 								

  999. 

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

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

  1002. 							

  1003. 							

  1004. 								<div class="row">

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

  1006. 										<h4>Download Template</h4>

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

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

  1009. 									</div>

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

  1011. 							

  1012. 								<br>

  1013. 								<br>

  1014. 							

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

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

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

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

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

  1020. 									</div>

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

  1022. 								

  1023. 							</div>

  1024. 

  1025. 

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

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

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

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

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

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

  1032. 								</div>

  1033. 							</div>

  1034. 						</div>

  1035. 

  1036. 

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

  1038.      					

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

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

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

  1042.       					</div>  					

  1043.     			

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

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

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

  1047. 		</form>

  1048. 			

  1049. 			

  1050. 			

  1051. 			

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

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

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

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

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

  1057. 

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

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

  1060.    						</div>

  1061. 

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

  1063.  							

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

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

  1066. 							</span>

  1067. 							

  1068. 							<br>

  1069. 							

  1070. 

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

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

  1073. 							

  1074. 							

  1075. 							<!-- FROM QUESTIONNAIRE -->

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

  1077. 							<?php

  1078. 								// FIRST ASSUME FALSE

  1079. 								$errorDuplicate = false;

  1080. 								

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

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

  1083. 								

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

  1085. 							?>

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

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

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

  1089. 								<?php endwhile; ?>

  1090. 							</select>

  1091. 							<?php

  1092. 								else:							

  1093. 									$errorDuplicate = true;

  1094. 							?>

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

  1096. 							<?php endif; ?>

  1097. 							

  1098. 							<br>

  1099. 							

  1100. 							<!-- TO EXPERIENCE -->

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

  1102. 							<?php

  1103. 

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

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

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

  1107. 								} else {

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

  1109. 								}							

  1110. 							

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

  1112. 								

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

  1114. 							?>

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

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

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

  1118. 								<?php endwhile; ?>

  1119. 							</select>							

  1120. 							<?php

  1121. 								else:

  1122. 									$errorDuplicate = true;	

  1123. 							?>

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

  1125. 							<?php endif; ?>

  1126. 							

  1127. 							

  1128. 						<br>

  1129. 							

  1130. 							

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

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

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

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

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

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

  1137. 								</div>

  1138. 							</div>

  1139. 						</div>

  1140. 							

  1141. 							

  1142. 							

  1143. 							

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

  1145.       					

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

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

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

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

  1150.       					</div>

  1151.       					

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

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

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

  1155. 		</form>

  1156. 			

  1157. 

  1158. 

  1159. 

  1160. 

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

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

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

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

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

  1166.  				

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

  1168.  						

  1169.  						<!-- CLOSE BUTTON -->

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

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

  1172.  						</button>

  1173. 						

  1174. 						<div class="row">

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

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

  1177. 							</div>

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

  1179. 

  1180. 						<hr><br>

  1181. 

  1182. 						

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

  1184. 				

  1185. 							<!--EXPERIENCE ID-->

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

  1187. 						

  1188. 							<!-- TITLE -->

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

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

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

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

  1193. 								</div>

  1194. 							</div>

  1195. 				

  1196. 							<!-- DESCRIPTION -->

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

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

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

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

  1201. 								</div>

  1202. 							</div>

  1203. 

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

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

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

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

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

  1209. 								</div>

  1210. 							</div>

  1211. 							

  1212. 							<!-- CORRESPONDING QUESTIONNAIRE -->

  1213. 							<?php 

  1214. 							

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

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

  1217. 								

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

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

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

  1221. 								

  1222. 							?>

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

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

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

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

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

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

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

  1230. 										<?php endwhile; ?>

  1231. 									</select>

  1232. 								</div>

  1233. 							</div>

  1234. 							<?php else: ?>

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

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

  1237. 							</div>

  1238. 							<?php endif; ?>

  1239. 				

  1240. 

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

  1242. 			

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

  1244.       				

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

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

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

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

  1249.       				</div>

  1250.       				

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

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

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

  1254. 		

  1255. 		

  1256. 		

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

  1258. 		<script>

  1259. 		

  1260. 		

  1261. 		// Fetch the inputs in the first modal

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

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

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

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

  1266. 		

  1267. 		

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

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

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

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

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

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

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

  1275. 		

  1276. 		

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

  1278. 		if(momentQuestionnaire) {

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

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

  1281. 		}

  1282. 

  1283. 		

  1284. 		// First modal's validation function

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

  1286. 		function validateNewMoment() {

  1287. 		

  1288. 			// Fetch "Next" button in modal

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

  1290. 			

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

  1292. 			let validity = momentTitle.checkValidity();

  1293. 			validity &= momentDescription.checkValidity();

  1294. 			validity &= momentDate.checkValidity();

  1295. 			

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

  1297. 			if(momentQuestionnaire) {

  1298. 				validity &= momentQuestionnaire.checkValidity();

  1299. 			} else {

  1300. 				validity = false;

  1301. 			}

  1302. 			

  1303. 			// Disabled if not valid, enabled otherwise

  1304. 			nextButton.disabled = !validity;

  1305. 			

  1306. 		}

  1307. 		

  1308. 		

  1309. 		</script>

  1310. 		

  1311. 		

  1312. 		

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

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

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

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

  1317.  				

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

  1319.  						

  1320.  						<!-- CLOSE BUTTON -->

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

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

  1323.  						</button>

  1324. 						

  1325. 						<div class="row">

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

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

  1328. 							</div>

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

  1330. 

  1331. 						<hr><br>

  1332. 						

  1333. 						<!-- QUESTION -->

  1334. 						<div id="qq1">

  1335. 						

  1336. 							<div class="row">

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

  1338. 									<h4>Question 1</h4>

  1339. 								</div>

  1340. 							</div>

  1341. 

  1342. 						

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

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

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

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

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

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

  1349. 										</select>

  1350. 									</div>

  1351. 								</div>

  1352. 							</div>

  1353. 

  1354. 						<br>

  1355. 							

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

  1357. 

  1358. 						

  1359. 						 <div class="row">

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

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

  1362. 							</div>

  1363. 						</div>

  1364. 						

  1365. 

  1366. 

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

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

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

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

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

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

  1373. 								</div>

  1374. 							</div>

  1375. 						</div>

  1376. 

  1377. 

  1378. 

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

  1380.       				

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

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

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

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

  1385.       				</div>

  1386.       				

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

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

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

  1390. </form>

  1391. 

  1392. 

  1393. 

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

  1395. <form id="newMilestone">

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

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

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

  1399.  				

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

  1401.  						

  1402.  						<!-- CLOSE BUTTON -->

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

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

  1405.  						</button>

  1406. 						

  1407. 						<div class="row">

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

  1409. 								<h2>New Milestone</h2>

  1410. 							</div>

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

  1412. 

  1413. 						<hr><br>

  1414. 

  1415. 						

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

  1417. 				

  1418. 							<!-- EXPERIENCE ID -->

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

  1420. 							

  1421. 							<!-- TITLE -->

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

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

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

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

  1426. 								</div>

  1427. 							</div>

  1428. 				

  1429. 							<!-- DATE -->

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

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

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

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

  1434. 								</div>

  1435. 							</div>

  1436. 						

  1437. 						</div>

  1438. 						

  1439. 

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

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

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

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

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

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

  1446. 								</div>

  1447. 							</div>

  1448. 						</div>

  1449. 			

  1450. 			

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

  1452.       				

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

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

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

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

  1457.       				</div>

  1458.       				

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

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

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

  1462. </form>

  1463. 		

  1464. 

  1465. 

  1466. 

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

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

  1469. 

  1470. 

  1471. 

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

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

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

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

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

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

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

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

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

  1481. 	

  1482. 	

  1483. 		

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

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

  1486. 	

  1487. <script>

  1488. 

  1489. 

  1490. // Enable popovers

  1491. $(function () {

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

  1493. });

  1494. 

  1495. 

  1496. 

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

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

  1499. 			

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

  1501. 			

  1502. 			if(form) {

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

  1504. 					handleSubmit(e, formName);

  1505. 				});

  1506. 			}

  1507. 			

  1508. 		});

  1509. 		

  1510. 

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

  1512. 

  1513. // First load an empty calendar

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

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

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

  1517. 	header: {

  1518. 		left: 'prev,next today',

  1519. 		center: 'title',

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

  1521. 	},

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

  1523. 	businessHours: true,

  1524. 	editable: true,

  1525. 	dragScroll: true,

  1526. 	eventDrop: function(eventDropInfo) {

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

  1528. 			id: eventDropInfo.event.id,

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

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

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

  1532. 		}).fail(function() {

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

  1534. 			eventDropInfo.revert();

  1535. 		});

  1536. 	},

  1537. 	eventClick: function(info) {

  1538. 		const eventObj = info.event;

  1539. 		

  1540. 		// If clicked event is a milstone, change view to "milestones" tab

  1541. 		if(eventObj.id.includes('milestone')) {

  1542. 			document.location.hash = '#milestones';

  1543. 		}

  1544. 	}

  1545. });

  1546. calendar.render();

  1547. 

  1548. 

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

  1550. var calendarConfig;

  1551. 					

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

  1553. 	{

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

  1555. 	},

  1556. 	function(data, status) {

  1557. 		if(!isJSON(data)) {

  1558. 			return;

  1559. 		}

  1560. 		calendarConfig = JSON.parse(data);

  1561. 	}

  1562. ).done(function() {

  1563. 	

  1564. // 	console.log(calendarConfig);

  1565. 	

  1566. 	if(calendarConfig === undefined) {

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

  1568. 		return;

  1569. 	}

  1570. 

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

  1572. 		calendar.addEvent(calendarEvent);

  1573. 	});

  1574. 

  1575. 	calendar.render();	

  1576. 

  1577. }).fail(function() { 

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

  1579. });

  1580. 

  1581. 

  1582. //}//domcontentloaded//onload

  1583. 

  1584. </script>

  1585. 

  1586. 

  1587. 

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