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

viewMoment.php 22KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607 
  1. <?php

  2. 

  3. 	// Description: EXTRACT MOMENT 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 MOMENT

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

  16. 	$query1 = "SELECT * FROM subquestionnair WHERE id = '$momentID';";

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

  18. 	$row1 = mysqli_fetch_array($result1);

  19. 

  20. 	// IF MOMENT NOT IN DATABASE, EXIT

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

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

  23. 		exit();

  24. 	}

  25. 	

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

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

  28. 	

  29. 		$queryCheckUser = "SELECT id FROM subquestionnair WHERE id = '$momentID' AND id IN (SELECT id_subquestionnair FROM experience_subquestionnair WHERE id_experience 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 moment.";

  32. 			exit();

  33. 		}

  34. 		

  35. 	}

  36. 	

  37. 	// EXTRACT & DISPLAY THE NUMBER OF QUESTIONS IN THE MOMENT

  38. 	$queryNumQuestions = "SELECT * FROM question WHERE id IN (SELECT id_question FROM subquestionnair_question WHERE id_subquestionnair = '$momentID');";

  39. 	$resultNumQuestions = mysqli_query($connection, $queryNumQuestions);

  40. 	$numQuestions = $resultNumQuestions->num_rows;

  41. 

  42. 	include_once 'header.php';

  43. 		

  44. ?>

  45. 	

  46. 	<!-- START OF viewMoment.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="javascript:history.go(-1)"><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" style="margin-top: 8rem; min-height: calc(100vh - 8rem - 10vh);">

  61. 		

  62. 			<div class="row">

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

  64. 					<h2>Moment</h2>

  65. 					<p><font size='4'><b> Title: </b> <?php echo $row1['title']; ?></font></p>

  66. 					<p><font size='4'><b> Description: </b> <?php echo $row1['description']; ?></font></p>

  67. 					<p><font size='4'><b> Due Date: </b><?php echo date("M j, Y (g:i A)", strtotime($row1['date_to_administer'])); ?></font></p>

  68. 					<p><font size='4'><b> Amount of Questions: </b> <?php echo $numQuestions; ?></font></p>

  69. 				</div>

  70. 				<div class="col-sm-4">

  71. 					<div class="hidden-xs">

  72. 						<br><br><br>

  73. 					</div>

  74. 					<div id="view-experience-buttons" style="max-width: 18rem;">

  75.   						<div data-toggle="tooltip" data-placement="top" title="Add Existing Question" id="experience-pen" onclick="nextModal('#AddQuestion')">

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

  77. 	  					</div>

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

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

  80. 						</div>

  81. 					</div>	

  82. 				</div>

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

  84. 			

  85. 			<br>

  86. 

  87. 			<div class="row">

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

  89. 					<?php if($numQuestions > 0): ?>

  90. 					<table class="table table-hover table-striped" id="tableEvaluations">

  91. 						<thead>

  92. 							<tr>

  93. 								<th><h4>#</h4></th>

  94. 								<th><h4>Premise</h4></th>

  95. 							</tr>

  96. 						</thead>

  97. 						<tbody>

  98. 						<?php

  99. 						

  100. 							$query2 = "SELECT * FROM question WHERE id IN (SELECT id_question FROM subquestionnair_question WHERE id_subquestionnair = '$momentID');";

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

  102. 							$x = 1;

  103. 							

  104. 							while($row2 = mysqli_fetch_array($result2)):

  105. 							

  106. 								$queryMinText = "SELECT value FROM question_type WHERE label = 'min_texto' AND id_question = '" . $row2['id'] . "';";

  107. 								$resultMinText = mysqli_query($connection, $queryMinText);

  108. 								$rowMinText = mysqli_fetch_array($resultMinText);

  109. 								

  110. 								$queryMaxVal = "SELECT value FROM question_type WHERE label = 'max_val' AND id_question = '" . $row2['id']. "';";

  111. 								$resultMaxVal = mysqli_query($connection, $queryMaxVal);

  112. 								$rowMaxVal = mysqli_fetch_array($resultMaxVal);

  113. 

  114. 								$queryMaxText = "SELECT value FROM question_type WHERE label = 'max_texto' AND id_question = '" . $row2['id']. "';";

  115. 								$resultMaxText = mysqli_query($connection, $queryMaxText);

  116. 								$rowMaxText = mysqli_fetch_array($resultMaxText);

  117. 								

  118. 						?>

  119. 							<tr style="cursor: pointer;" data-toggle="modal" data-target="#EditQuestion" data-question-number="<?php echo $x; ?>" data-question-id="<?php echo $row2['id']; ?>" data-premise="<?php echo $row2['premise']; ?>" data-type="<?php echo $row2['id_type']; ?>" data-min_text="<?php echo $rowMinText['value']; ?>" data-max_val="<?php echo $rowMaxVal['value']; ?>" data-max_text="<?php echo $rowMaxText['value']; ?>" data-categoryid="<?php echo $row2['id_category']; ?>" data-subcategoryid="<?php echo $row2['id_subcategory']; ?>">

  120. 								<th><?php echo $x; ?></th>

  121. 								<td><p><?php echo $row2['premise']; ?></p></td>

  122. 								<!-- confirmDeleteQuestionSubquestionnaire.php?del=<?php echo $row2['id']; ?>&quest=<?php echo $momentID; ?> -->

  123. 							</tr>

  124. 						<?php $x++; endwhile; ?>

  125. 						</tbody>

  126. 					</table>

  127. 					<?php else: ?>

  128.  					<h3 class="text-center"><small>It seems you haven't added any questions to this moment...</small></h3>

  129. 					<?php endif; ?>

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

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

  132. 

  133. 			<br>

  134. 			

  135. 			 		<div class="row">

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

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

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

  139.   							</div>

  140.   						</div>

  141.   					</div>

  142.   					

  143.   			<br><br>

  144. 

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

  146. 		

  147. 

  148. 

  149. 		<!-- POPUP FOR EDIT MOMENT -->

  150. 		<form id="updateMoment" class="form-horizontal">

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

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

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

  154. 						

  155. 						<div class="modal-header">

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

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

  158. 			  	 	  		</button>

  159. 			  	 	  		<h3 class="modal-title" id="EditLabel">Edit Moment</h3>

  160.    						</div>

  161.  						

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

  163. 

  164. 

  165. 							<!-- ID -->

  166. 							<input type="hidden" name="momentID" value="<?php echo $momentID; ?>">

  167. 	

  168. 							<!-- TITLE -->

  169. 							<br>

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

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

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

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

  174. 								</div>

  175. 							</div>

  176. 				

  177. 							<!-- DESCRIPTION -->

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

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

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

  181. 									<textarea class="form-control text-center" id="newDescription" name="newDescription" rows="2"><?php echo $row1['description']; ?></textarea>

  182. 								</div>

  183. 							</div>

  184. 

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

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

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

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

  189. 									<input type="datetime-local" class="form-control text-center" name="newDate" value="<?php echo substr($row1['date_to_administer'], 0, -3); ?>" placeholder="YYYY-MM-DDThh:mm" required>

  190. 								</div>

  191. 							</div>

  192. 

  193. 

  194. 							<br>

  195. 

  196. 

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

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

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

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

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

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

  203. 			</div>

  204. 		</div>

  205. 	</div>

  206. 

  207. 

  208. 

  209. 

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

  211.       					

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

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

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

  215.        						<button type="button" class="btn btn-danger" data-dismiss="modal" onclick="nextModal('#DeleteMoment')">Delete</button>

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

  217.       					</div>

  218.       					

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

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

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

  222. 		</form>

  223. 

  224. 

  225. 

  226. 		<!-- POPUP FOR DELETE MOMENT -->

  227. 		<form id="deleteMoment">

  228. 			<div class='modal fade' id='DeleteMoment' tabindex='-1' role='dialog' aria-labelledby='DeleteMomentLabel' aria-hidden='true'>

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

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

  231. 

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

  233. 			  	 	  		<h3 class='modal-title' id='DeleteMomentLabel'>Delete Question<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button></h3>

  234.    						</div>

  235. 

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

  237. 

  238. 

  239. 

  240. 							<!-- QUESTIONNAIRE ID -->

  241.  							<input type='hidden' name='momentID' value="<?php echo $momentID; ?>">

  242.  							

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

  244. 								<h3>Are you sure you want to delete this Moment?</h3>

  245. <!-- 								<h3 id="deletePremise" style='color:#ff8f00;'></h3> -->

  246. 							</span>

  247. 							

  248. 							<br>

  249. 							<p class='alert alert-warning text-justify'>This action will delete the moment. If you have any problems, contact technical support at: <a class='alert-link' href='#'>support@tania.uprrp.edu</a>.</p>

  250. 							<br>

  251. 							<!--You should be aware of this and opt to edit manually any affected moments and experiences in the following pages: <a class='alert-link' href='#'>experience</a>.-->

  252. 

  253. 

  254. 

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

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

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

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

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

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

  261. 			</div>

  262. 		</div>

  263. 	</div>

  264. 

  265. 

  266. 

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

  268.       					

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

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

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

  272.         					<button type='submit' class='btn btn-danger' name='deleteMoment'>Delete Anyway</button>

  273.       					</div>

  274.       					

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

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

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

  278. 		</form>

  279. 

  280. 

  281. 

  282. 

  283. 

  284. 

  285. 

  286. 

  287. 		<!-- POPUP FOR ADDING QUESTION TO MOMENT -->

  288. 		<form id="addExistingQuestionToMoment">

  289. 			<div class="modal fade" id="AddQuestion" tabindex="-1" role="dialog" aria-labelledby="AddQuestionLabel" aria-hidden="true">

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

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

  292. 						

  293. 						<div class="modal-header">

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

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

  296. 			  	 	  		</button>

  297. 			  	 	  		<h3 class="modal-title" id="AddQuestionLabel">Add Question</h3>

  298.    						</div>

  299.  						

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

  301. 

  302. 

  303. 							<!-- MOMENT ID -->

  304. 							<input type="hidden" name="momentID" value="<?php echo $momentID; ?>">

  305. 

  306. 							<div class="row">

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

  308. 									<h4>Choose Existing Question</h4>

  309. 								</div>

  310. 							</div>

  311. 

  312. 

  313. 							<!-- QUESTION ID -->

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

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

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

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

  318. 										<!-- <option disabled selected value>Select Question</option> -->

  319. 										<?php 

  320. 											$queryQuestions = "SELECT * FROM `question` WHERE `id` IN (SELECT `id_question` FROM `questionnair_question` WHERE `id_questionnair` = (SELECT id_questionnair FROM subquestionnair WHERE id = '$momentID'));";

  321. 											$resultQuestions = mysqli_query($connection, $queryQuestions);

  322. 											while($rowQuestions = mysqli_fetch_assoc($resultQuestions)):

  323. 										?>

  324. 											<option value="<?php echo $rowQuestions['id']; ?>"><?php echo $rowQuestions['premise']; ?></option>

  325. 										<?php endwhile; ?>

  326. 										</select>

  327. 									</div>

  328. 								</div>

  329. 							</div>

  330. 

  331. 

  332. 

  333. 

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

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

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

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

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

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

  340. 			</div>

  341. 		</div>

  342. 	</div>

  343. 

  344. 

  345. 

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

  347.       					

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

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

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

  351.         					<button type="submit" class="btn btn-primary" name="addExistingQuestionToMoment">Add</button>

  352.       					</div>

  353.       					

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

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

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

  357. 		</form>

  358. 

  359. 

  360. 

  361. 

  362. 

  363. <!-- POPUP FOR EDIT QUESTION FROM MOMENT -->

  364. <form id="updateQuestion">

  365. 

  366. 			<div class='modal fade' id='EditQuestion' tabindex='-1' role='dialog' aria-labelledby='EditQuestionLabel' aria-hidden='true'>

  367. 				<div class='modal-dialog modal-lg' role='document'>

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

  369. 

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

  371. 			  	 	  		<h3 class='modal-title' id='EditQuestionLabel'>Edit Question<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button></h3>

  372.    						</div>

  373. 

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

  375. 

  376. 

  377. 

  378. 							<!-- QUESTIONNAIRE ID -->

  379. <!--  							<input type='hidden' name='questionnaireID'> -->

  380.  							

  381. 							<!-- QUESTION ID -->

  382.  							<input type='hidden' name='questionID'>

  383. 

  384. 							<br>

  385. 						

  386. 							<div class="row">

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

  388. 									<h4>Question <span class="question-number"></span></h4>

  389. 								</div>

  390. 							</div>

  391. 							

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

  393. 							

  394. 								<!-- PREMISE -->

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

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

  397. 									<div class='col-sm-8'>

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

  399. 									</div>

  400. 								</div>

  401. 						

  402. 								<!-- TYPE -->

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

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

  405. 									<div class='col-sm-8'>

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

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

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

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

  410. 										</select>

  411. 									</div>

  412. 								</div>

  413. 							

  414. 							</div>

  415. 							

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

  417. 							<div class="range">

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

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

  420. 										<label class='control-label col-sm-2'>Min. Value:</label>

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

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

  423. 										</div>

  424. 									</div>

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

  426. 										<label class='control-label col-sm-2'>Min. Text:</label>

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

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

  429. 										</div>

  430. 									</div>

  431. 								</div>

  432. 							

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

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

  435. 										<label class='control-label col-sm-2'>Max. Value:</label>

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

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

  438. 										</div>

  439. 									</div>

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

  441. 										<label class='control-label col-sm-2'>Max. Text:</label>

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

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

  444. 										</div>

  445. 									</div>

  446. 								</div>

  447. 								

  448. 								<br>

  449. 								

  450. 							</div>

  451. 							

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

  453. 							

  454. 								<!-- CORRESPONDING CATEGORY -->

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

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

  457. 									<div class='col-sm-8'>

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

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

  460. 											<?php

  461. 												$queryCategories = "SELECT * FROM category WHERE id IN (SELECT id_category FROM question WHERE id IN (SELECT id_question FROM subquestionnair_question WHERE id_subquestionnair = '$momentID'));";

  462. 												$resultCategories = mysqli_query($connection, $queryCategories);

  463. 												while($rowCategories = mysqli_fetch_array($resultCategories)):

  464. 											?>

  465. 												<option value="<?php echo $rowCategories['id']; ?>"><?php echo $rowCategories['categoria']; ?></option>

  466. 											<?php endwhile; ?>

  467. 										</select>

  468. 									</div>

  469. 								</div>

  470. 								

  471. 								<!-- CORRESPONDING SUBCATEGORY -->

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

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

  474. 									<div class='col-sm-8'>

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

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

  477. 											<?php

  478. 												$querySubcategories = "SELECT * FROM subcategory WHERE id IN (SELECT id_subcategory FROM question WHERE id IN (SELECT id_question FROM subquestionnair_question WHERE id_subquestionnair = '$momentID'));";

  479. 												$resultSubcategories = mysqli_query($connection, $querySubcategories);

  480. 												while($rowSubcategories = mysqli_fetch_array($resultSubcategories)):

  481. 											?>

  482. 												<option value="<?php echo $rowSubcategories['id']; ?>"><?php echo $rowSubcategories['subcategoria']; ?></option>

  483. 											<?php endwhile; ?>

  484. 										</select>

  485. 									</div>

  486. 								</div>

  487. 							

  488. 							</div>

  489. 							

  490. 							

  491. 							<br>

  492. 							

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

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

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

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

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

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

  499. 			</div>

  500. 		</div>

  501. 	</div>

  502. 	

  503. 	

  504. 

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

  506.       					

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

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

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

  510.        						<button type='button' class='btn btn-danger' data-dismiss='modal' onclick="nextModal('#Delete')">Remove</button>

  511.         					<button type='submit' class='btn btn-primary' name='updateQuestion'>Save Changes</button>

  512.       					</div>

  513.       					

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

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

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

  517. </form>

  518. 

  519. 

  520. 		

  521. 		

  522. 		

  523. 		<!-- POPUP FOR REMOVE QUESTION FROM MOMENT -->

  524. 		<form id="removeQuestionFromMoment">

  525. 			<div class='modal fade' id='Delete' tabindex='-1' role='dialog' aria-labelledby='DeleteLabel' aria-hidden='true'>

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

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

  528. 

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

  530. 			  	 	  		<h3 class='modal-title' id='DeleteLabel'>Remove Question<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button></h3>

  531.    						</div>

  532. 

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

  534. 

  535. 

  536. 

  537. 							<!-- MOMENT ID -->

  538.  							<input type='hidden' name='momentID' value="<?php echo $momentID; ?>">

  539.  							

  540. 							<!-- QUESTION ID -->

  541.  							<input type='hidden' name='questionID'>

  542.  							

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

  544. 								<h3>Are you sure you want to remove Question <span class="question-number"></span>?</h3>

  545. <!-- 								<h3 id="deletePremise" style='color:#ff8f00;'></h3> -->

  546. 							</span>

  547. 							

  548. 							<br>

  549. 							<p class='alert alert-warning text-justify'>This action will remove the question from this moment. If you have any problems, contact technical support at: <a class='alert-link' href='#'>support@tania.uprrp.edu</a>.</p>

  550. 							<br>

  551. 

  552. 

  553. 

  554. 

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

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

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

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

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

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

  561. 			</div>

  562. 		</div>

  563. 	</div>

  564. 

  565. 

  566. 

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

  568.       					

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

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

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

  572.         					<button type='submit' class='btn btn-danger' name='removeQuestionFromMoment'>Remove Anyway</button>

  573.       					</div>

  574.       					

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

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

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

  578. 		</form>

  579. 

  580. 

  581. 

  582. 

  583. 

  584. <script src="js/viewMoment.js"></script>

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

  586. <script src="js/editQuestion.js"></script>

  587. 

  588. <script>

  589. 

  590. ["updateMoment", "removeQuestionFromMoment", "addExistingQuestionToMoment", "updateQuestion", "deleteMoment"].forEach(function(formName) {

  591. 			

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

  593. 			

  594. 	if(form) {

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

  596. 			handleSubmit(e, formName);

  597. 		});

  598. 	}

  599. 			

  600. });

  601. 

  602. </script>

  603. 

  604. 

  605. 		<!-- END OF viewMoment.php -->

  606. 

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