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

viewExperience.php 51KB
History Raw

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

  38. 	include_once 'header.php';

  39. 	

  40. ?>

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

  42. 	<body>

  43. 	

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

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

  46. 				TANIA

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

  48.         	</a>

  49.         	<div id="account">

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

  51.         	</div>

  52.     	</header>

  53. 		

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

  55. 			<div class="row">

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

  57.         	

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

  59.         			<div class="row">

  60.         			

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

  62.         		

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

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

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

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

  67. 							</blockquote>

  68.             	

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

  70.             	

  71.             	

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

  73.             		

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

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

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

  77. 								</div>

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

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

  80. 								</div>

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

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

  83. 								</div>

  84. 							</div>

  85.             	

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

  87.           			  	

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

  89.         	

  90. 		        	<br>

  91.         	

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

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

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

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

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

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

  98.         	

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

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

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

  102. 	

  103. 		<br>

  104. 			

  105. 		<!-- CALENDAR-->

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

  107. 			<div class="container">

  108. 		

  109. 				<div class="row">

  110. 					<h3 class="col-sm-12">Schedule Your Experience</h3>

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

  112. 			

  113. 				<br>

  114. 			

  115. 				<div class="row">

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

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

  118. 					</div>

  119. 				</div>

  120. 			

  121. 				<br><br><br><br>

  122. 			

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

  124. 		</div>

  125. 			

  126. 			

  127. 			

  128. 		<!--QUESTIONNAIRES-->

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

  130. 			<div class="container">

  131. 		

  132. 				<div class="row">

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

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

  135. 						<!-- 

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

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

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

  139. 							</button>

  140. 						</span>

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

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

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

  144. 							</button>

  145. 						</span>

  146.  -->

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

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

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

  150. 								</div>

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

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

  153. 								</div>

  154. 							</div>

  155. 					</div>

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

  157. 				

  158. 				<br>

  159. 								

  160. 				<div class="row">

  161. 				

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

  163. 						<?php

  164. 						

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

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

  167. 							

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

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

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

  171. 							

  172. 						?>

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

  174.   							<thead>

  175.   								<tr>

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

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

  178.   								</tr>

  179.   							</thead>

  180.   							<tbody>

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

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

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

  184.   									<?php

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

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

  187.   									?>

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

  189.   								</tr>

  190.   								<?php endwhile; ?>

  191. 							</tbody>

  192.   						</table>

  193. 

  194.     					<?php else: ?>

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

  196.   						<?php endif; ?>

  197.   						 

  198.   						<br>

  199.   						<div class="row">

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

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

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

  203.   								</div>

  204.   							</div>

  205.   						</div>

  206.   						

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

  208.   					

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

  210.  

  211. 				<br><br>

  212. 			

  213. 				<div class="row">	

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

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

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

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

  218. 							</button>

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

  220. 							<hr>

  221. 							<ul>

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

  223. 								<br>

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

  225. 								<br>

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

  227. 									<ul>

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

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

  230. 									</ul>

  231. 								</li>

  232. 								<br>

  233. 							</ul>

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

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

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

  237.   			

  238.   				<br>

  239.   			

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

  241.   		

  242. 		</div>

  243. 			

  244. 			

  245. 			

  246. 		<!--MOMENTS-->

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

  248. 			<div class="container">

  249. 			

  250. 				<div class="row">

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

  252. 				</div>

  253. 				

  254. 				

  255. 				<div class="row">

  256. 				

  257. 				

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

  259. 						<?php

  260. 						

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

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

  263. 							

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

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

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

  267. 							

  268. 						?>

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

  270.   							<thead>

  271.   								<tr>

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

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

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

  275.   								</tr>

  276.   							</thead>

  277.   							<tbody>

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

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

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

  281.   									<?php

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

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

  284.   									?>

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

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

  287.   								</tr>

  288.   								<?php endwhile; ?>

  289.   							</tbody>

  290.   						</table>

  291.   					

  292.     					<?php else: ?>

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

  294.   						<?php endif; ?>

  295.   							 

  296.   						<br>

  297.   					

  298.   						<div class="row">

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

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

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

  302.   								</div>

  303.   							</div>

  304.   						</div>

  305.   						

  306.   						

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

  308.   				

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

  310. 

  311.   			

  312. 				<br><br>

  313. 				

  314. 				<div class="row">

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

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

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

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

  319. 							</button>

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

  321. 							<hr>

  322. 							<ul>

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

  324. 								<br>

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

  326. 								<br>

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

  328. 								<br>

  329. 							</ul>

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

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

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

  333.   				

  334.   				<br>

  335.   			

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

  337. 			

  338. 		</div>

  339. 			

  340. 			

  341. 			

  342. 		<!--MILESTONES-->

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

  344. 			<div class="container">

  345. 		

  346. 				<div class="row">

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

  348. 				</div>

  349. 				

  350. 				<div class="row">

  351. 					

  352. 					

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

  354. 						<?php

  355. 						

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

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

  358. 							

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

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

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

  362. 							

  363. 						?>

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

  365.   							<thead>

  366.   								<tr>

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

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

  369.   								</tr>

  370.   							</thead>

  371.   							<tbody>

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

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

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

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

  376.   								</tr>

  377.    								<?php endwhile; ?>

  378.   							</tbody>

  379.   						</table>

  380.   					

  381.     					<?php else: ?>

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

  383.   						<?php endif; ?>

  384.   					

  385.   						<br>

  386.   						

  387.   						<div class="row">

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

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

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

  391.   								</div>

  392.   							</div>

  393.   						</div>

  394.   						

  395.   						

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

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

  398. 

  399. 				<br><br>

  400. 			

  401. 				<div class="row">

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

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

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

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

  406. 							</button>

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

  408. 							<hr>

  409. 							<ul>

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

  411. 								<br>

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

  413. 								<br>

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

  415. 								<br>

  416. 							</ul>

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

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

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

  420. 

  421. 	  			<br>

  422. 

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

  424. 		

  425. 		</div>

  426. 

  427. 

  428. 

  429. 		<br><br><br><br><br>

  430. 

  431. 

  432. 		

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

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

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

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

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

  438.  				

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

  440.  						

  441.  						<!-- CLOSE BUTTON -->

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

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

  444.  						</button>

  445. 						

  446. 						<div class="row">

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

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

  449. 							</div>

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

  451. 

  452. 						<hr><br>

  453. 

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

  455. 	

  456. 							<!-- ID -->

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

  458. 				

  459. 							<!-- NEW TITLE -->

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

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

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

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

  464. 								</div>

  465. 							</div>

  466. 				

  467. 							<!-- NEW DESCRIPTION -->

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

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

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

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

  472. 								</div>

  473. 							</div>

  474. 							

  475. <!--

  476. 							<!~~ NEW TYPE ~~>

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

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

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

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

  481. 								</div>

  482. 							</div>

  483. 

  484. 							<!~~ NEW DURATION ~~>

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

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

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

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

  489. 								</div>

  490. 							</div>

  491. 				

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

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

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

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

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

  497. 								</div>

  498. 							</div>

  499. 

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

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

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

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

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

  505. 								</div>

  506. 							</div>

  507. -->

  508. 

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

  510. 

  511. 

  512. 

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

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

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

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

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

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

  519. 								</div>

  520. 							</div>

  521. 						</div>

  522. 

  523. 

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

  525.       				

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

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

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

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

  530.       				</div>

  531.       				

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

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

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

  535. </form><!--form-->

  536. 		

  537. 		

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

  539. 		<script>

  540. 		

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

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

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

  544. 		

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

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

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

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

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

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

  551. 		

  552. 		// Only enable submit button when:

  553. 		// 1) changes are detected,

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

  555. 		function validateEditExperience() {

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

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

  558. 		}

  559. 		

  560. 		</script>

  561. 		

  562. 		

  563. 		

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

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

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

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

  568.  				

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

  570.  						

  571.  						<!-- CLOSE BUTTON -->

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

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

  574.  						</button>

  575. 						

  576. 						<div class="row">

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

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

  579. 							</div>

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

  581. 

  582. 						<hr><br>

  583. 

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

  585. 				

  586. 				

  587. 							<!-- TITLE -->

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

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

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

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

  592. 								</div>

  593. 							</div>

  594. 				

  595. 							<!-- DESCRIPTION -->

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

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

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

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

  600. 								</div>

  601. 							</div>

  602. 

  603. 							<!-- REFERENCE -->

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

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

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

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

  608. 								</div>

  609. 							</div>

  610. 							

  611. 							<br>

  612. 							

  613. 							<!-- CATEGORIES -->

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

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

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

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

  618. 								</div>

  619. 							</div>

  620. 				

  621. 							<!-- SUBCATEGORIES -->

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

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

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

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

  626. 								</div>

  627. 							</div>

  628. 							

  629. 						</div>

  630. 			

  631. 						<div class="row">

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

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

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

  635. 								</p>

  636. 							</div>

  637. 						</div>

  638. 						

  639. 			

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

  641.       				

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

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

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

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

  646.       				</div>

  647.       				

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

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

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

  651. 

  652. 

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

  654. 		<script>

  655. 		

  656. 		

  657. 		// Fetch the inputs in the first modal

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

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

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

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

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

  663. 		

  664. 		

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

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

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

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

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

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

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

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

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

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

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

  676. 		

  677. 		

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

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

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

  681. 		});

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

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

  684. 		});

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

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

  687. 		});

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

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

  690. 		});

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

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

  693. 		});

  694. 		

  695. 		

  696. 		// First modal's validation function

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

  698. 		function validateNewQuestionnaire() {

  699. 		

  700. 		

  701. 			// Fetch "Next" button in modal

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

  703. 			

  704. 			

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

  706. 			let validity = questionnaireTitle.checkValidity();

  707. 			validity &= questionnaireDescription.checkValidity();

  708. 			validity &= questionnaireReference.checkValidity();

  709. 			validity &= categories.checkValidity();

  710. 			validity &= subcategories.checkValidity();

  711. 			

  712. 			

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

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

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

  716. 			let categoriesArray = new Array();

  717. 			let subcategoriesArray = new Array();

  718. 			

  719. 			

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

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

  722. 			

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

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

  725. 			

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

  727. 				

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

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

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

  731. 					}

  732. 				

  733. 				}

  734. 			

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

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

  737. 			

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

  739. 				

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

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

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

  743. 					}

  744. 				

  745. 				}

  746. 			

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

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

  749. 				

  750. 			}

  751. 			

  752. 			

  753. 			// Disabled if not valid, enabled otherwise

  754. 			nextButton.disabled = !validity;

  755. 			

  756. 		}

  757. 		</script>

  758. 

  759. 

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

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

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

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

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

  765.  				

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

  767.  						

  768.  						<!-- CLOSE BUTTON -->

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

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

  771.  						</button>

  772. 						

  773. 						<div class="row">

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

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

  776. 							</div>

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

  778. 

  779. 						<hr>

  780. 

  781. 					

  782. 						<!-- EXPERIENCE ID -->

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

  784. 						

  785. 						<!-- QUESTIONNAIRE TITLE -->

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

  787. 

  788. 						<!-- QUESTIONNAIRE DESCRIPTION --->

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

  790. 

  791. 						<!-- QUESTIONNAIRE REFERENCE -->

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

  793. 						

  794. 						<!-- QUESTIONNAIRE CATEGORIES -->

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

  796. 

  797. 						<!-- QUESTIONNAIRE SUBCATEGORIES -->

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

  799. 

  800. 

  801. 						<!-- QUESTION -->

  802.  						<div id="q1">

  803. 						

  804. 							<div class="row">

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

  806. 									<h4>Question 1</h4>

  807. 								</div>

  808. 							</div>

  809. 							

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

  811. 							

  812. 								<!-- PREMISE -->

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

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

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

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

  817. 									</div>

  818. 								</div>

  819. 						

  820. 								<!-- TYPE -->

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

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

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

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

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

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

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

  828. 										</select>

  829. 									</div>

  830. 								</div>

  831. 							

  832. 							</div>

  833. 							

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

  835. 							<div id="range1">

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

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

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

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

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

  841. 										</div>

  842. 									</div>

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

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

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

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

  847. 										</div>

  848. 									</div>

  849. 								</div>

  850. 							

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

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

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

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

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

  856. 										</div>

  857. 									</div>

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

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

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

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

  862. 										</div>

  863. 									</div>

  864. 								</div>

  865. 								

  866. 								<br>

  867. 								

  868. 							</div>

  869. 							

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

  871. 							

  872. 								<!-- CORRESPONDING CATEGORY -->

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

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

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

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

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

  878. 										</select>

  879. 									</div>

  880. 								</div>

  881. 								

  882. 								<!-- CORRESPONDING SUBCATEGORY -->

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

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

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

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

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

  888. 										</select>

  889. 									</div>

  890. 								</div>

  891. 							

  892. 							</div>

  893. 							

  894.  						</div>

  895. 

  896. 

  897. 						<br>

  898. 

  899.  						<div class="row">

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

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

  902. 							</div>

  903. 						</div>

  904. 						

  905. 						

  906. 						

  907. 						

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

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

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

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

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

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

  914. 								</div>

  915. 							</div>

  916. 						</div>

  917. 			

  918. 			

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

  920.       				

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

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

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

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

  925.       				</div>

  926.       				

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

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

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

  930. </form>

  931. 

  932. 

  933. 

  934. 

  935. 

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

  937. 		<form class='form-horizontal' action='processes/importQuestionnaire.php' method='POST' enctype="multipart/form-data">

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

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

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

  941. 						

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

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

  944.    						</div>

  945.  						

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

  947. 

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

  949. 							

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

  951. 							

  952. 								<div class="row">

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

  954. 										<h4>Download Template</h4>

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

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

  957. 									</div>

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

  959. 							

  960. 								<br>

  961. 								<br>

  962. 							

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

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

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

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

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

  968. 									</div>

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

  970. 								

  971. 							</div>

  972. 

  973. 

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

  975.      					

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

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

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

  979.       					</div>  					

  980.     			

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

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

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

  984. 			

  985. 			

  986. 			

  987. 			

  988. 			

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

  990. 		<form class='form-horizontal' action='processes/duplicateQuestionnaire.php' method='POST'>

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

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

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

  994. 

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

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

  997.    						</div>

  998. 

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

  1000.  							

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

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

  1003. 							</span>

  1004. 							

  1005. 							<br>

  1006. 							

  1007. 							<!-- FROM QUESTIONNAIRE -->

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

  1009. 							<?php

  1010. 								// FIRST ASSUME FALSE

  1011. 								$errorDuplicate = false;

  1012. 								

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

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

  1015. 								

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

  1017. 							?>

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

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

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

  1021. 								<?php endwhile; ?>

  1022. 							</select>

  1023. 							<?php

  1024. 								else:							

  1025. 									$errorDuplicate = true;

  1026. 							?>

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

  1028. 							<?php endif; ?>

  1029. 							

  1030. 							<br>

  1031. 							

  1032. 							<!-- TO EXPERIENCE -->

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

  1034. 							<?php

  1035. 

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

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

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

  1039. 								} else {

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

  1041. 								}							

  1042. 							

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

  1044. 								

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

  1046. 							?>

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

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

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

  1050. 								<?php endwhile; ?>

  1051. 							</select>							

  1052. 							<?php

  1053. 								else:

  1054. 									$errorDuplicate = true;	

  1055. 							?>

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

  1057. 							<?php endif; ?>

  1058. 							

  1059. 							

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

  1061.       					

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

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

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

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

  1066.       					</div>

  1067.       					

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

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

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

  1071. 		</form>

  1072. 			

  1073. 

  1074. 

  1075. 

  1076. 

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

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

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

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

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

  1082.  				

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

  1084.  						

  1085.  						<!-- CLOSE BUTTON -->

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

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

  1088.  						</button>

  1089. 						

  1090. 						<div class="row">

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

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

  1093. 							</div>

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

  1095. 

  1096. 						<hr><br>

  1097. 

  1098. 						

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

  1100. 				

  1101. 							<!--EXPERIENCE ID-->

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

  1103. 						

  1104. 							<!-- TITLE -->

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

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

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

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

  1109. 								</div>

  1110. 							</div>

  1111. 				

  1112. 							<!-- DESCRIPTION -->

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

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

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

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

  1117. 								</div>

  1118. 							</div>

  1119. 

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

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

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

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

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

  1125. 								</div>

  1126. 							</div>

  1127. 							

  1128. 							<!-- CORRESPONDING QUESTIONNAIRE -->

  1129. 							<?php 

  1130. 							

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

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

  1133. 								

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

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

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

  1137. 								

  1138. 							?>

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

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

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

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

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

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

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

  1146. 										<?php endwhile; ?>

  1147. 									</select>

  1148. 								</div>

  1149. 							</div>

  1150. 							<?php else: ?>

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

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

  1153. 							</div>

  1154. 							<?php endif; ?>

  1155. 				

  1156. 

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

  1158. 			

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

  1160.       				

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

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

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

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

  1165.       				</div>

  1166.       				

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

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

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

  1170. 		

  1171. 		

  1172. 		

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

  1174. 		<script>

  1175. 		

  1176. 		

  1177. 		// Fetch the inputs in the first modal

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

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

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

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

  1182. 		

  1183. 		

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

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

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

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

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

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

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

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

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

  1193. 		

  1194. 

  1195. 		

  1196. 		// First modal's validation function

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

  1198. 		function validateNewMoment() {

  1199. 		

  1200. 			// Fetch "Next" button in modal

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

  1202. 			

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

  1204. 			let validity = momentTitle.checkValidity();

  1205. 			validity &= momentDescription.checkValidity();

  1206. 			validity &= momentDate.checkValidity();

  1207. 			validity &= momentQuestionnaire.checkValidity();

  1208. 			

  1209. 			// Disabled if not valid, enabled otherwise

  1210. 			nextButton.disabled = !validity;

  1211. 			

  1212. 		}

  1213. 		

  1214. 		

  1215. 		</script>

  1216. 		

  1217. 		

  1218. 		

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

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

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

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

  1223.  				

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

  1225.  						

  1226.  						<!-- CLOSE BUTTON -->

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

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

  1229.  						</button>

  1230. 						

  1231. 						<div class="row">

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

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

  1234. 							</div>

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

  1236. 

  1237. 						<hr><br>

  1238. 						

  1239. 						<!-- QUESTION -->

  1240. 						<div id="qq1" >

  1241. 						

  1242. 							<div class="row">

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

  1244. 									<h4>Question 1</h4>

  1245. 								</div>

  1246. 							</div>

  1247. 

  1248. 						

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

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

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

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

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

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

  1255. 										</select>

  1256. 									</div>

  1257. 								</div>

  1258. 							</div>

  1259. 							

  1260. 						</div>

  1261. 						

  1262. 						

  1263. 						<br>

  1264. 						

  1265. 						 <div class="row">

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

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

  1268. 							</div>

  1269. 						</div>

  1270. 						

  1271. 

  1272. 

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

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

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

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

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

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

  1279. 								</div>

  1280. 							</div>

  1281. 						</div>

  1282. 

  1283. 

  1284. 

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

  1286.       				

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

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

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

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

  1291.       				</div>

  1292.       				

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

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

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

  1296. </form>

  1297. 

  1298. 

  1299. 

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

  1301. <form id="newMilestone">

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

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

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

  1305.  				

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

  1307.  						

  1308.  						<!-- CLOSE BUTTON -->

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

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

  1311.  						</button>

  1312. 						

  1313. 						<div class="row">

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

  1315. 								<h2>New Milestone</h2>

  1316. 							</div>

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

  1318. 

  1319. 						<hr><br>

  1320. 

  1321. 						

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

  1323. 				

  1324. 							<!-- EXPERIENCE ID -->

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

  1326. 							

  1327. 							<!-- TITLE -->

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

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

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

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

  1332. 								</div>

  1333. 							</div>

  1334. 				

  1335. 							<!-- DATE -->

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

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

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

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

  1340. 								</div>

  1341. 							</div>

  1342. 						

  1343. 						</div>

  1344. 						

  1345. 

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

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

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

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

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

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

  1352. 								</div>

  1353. 							</div>

  1354. 						</div>

  1355. 			

  1356. 			

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

  1358.       				

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

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

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

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

  1363.       				</div>

  1364.       				

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

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

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

  1368. </form>

  1369. 		

  1370. 

  1371. 

  1372. 

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

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

  1375. 

  1376. 

  1377. 

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

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

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

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

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

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

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

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

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

  1387. 	

  1388. 	

  1389. 		

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

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

  1392. 	

  1393. <script>

  1394. 

  1395. 

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

  1397. 			

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

  1399. 			

  1400. 			if(form) {

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

  1402. 					handleSubmit(e, formName);

  1403. 				});

  1404. 			}

  1405. 			

  1406. 		});

  1407. 		

  1408. 

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

  1410. 

  1411. // First load an empty calendar

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

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

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

  1415. 	header: {

  1416. 		left: 'prev,next today',

  1417. 		center: 'title',

  1418. 		right: 'dayGridMonth,timeGridWeek,timeGridDay'

  1419. 	},

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

  1421. 	businessHours: true,

  1422. 	editable: true,

  1423. 	dragScroll: true,

  1424. 	eventDrop: function(eventDropInfo) {

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

  1426. 			id: eventDropInfo.event.id,

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

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

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

  1430. 		}).fail(function() {

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

  1432. 			eventDropInfo.revert();

  1433. 		});

  1434. 	}

  1435. });

  1436. calendar.render();

  1437. 

  1438. 

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

  1440. var calendarConfig;

  1441. 					

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

  1443. 	{

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

  1445. 	},

  1446. 	function(data, status) {

  1447. 		if(!isJSON(data)) {

  1448. 			return;

  1449. 		}

  1450. 		calendarConfig = JSON.parse(data);

  1451. 	}

  1452. ).done(function() {

  1453. 	

  1454. // 	console.log(calendarConfig);

  1455. 	

  1456. 	if(calendarConfig === undefined) {

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

  1458. 		return;

  1459. 	}

  1460. 

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

  1462. 		calendar.addEvent(calendarEvent);

  1463. 	});

  1464. 

  1465. 	calendar.render();	

  1466. 

  1467. }).fail(function() { 

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

  1469. });

  1470. 

  1471. 

  1472. //}//domcontentloaded//onload

  1473. 

  1474. </script>

  1475. 

  1476. 

  1477. 

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