Marle
/
webAdministracion
Beobachten 1
Favorisieren 0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
Keine Beschreibung
1 Commit
1 Branch
Struktur: e24c9e7c11
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „e24c9e7c11“
${ noResults }
webAdministracion/viewMoment.php

viewMoment.php 21KB
Verlauf Originalformat

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587 
  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. 	// WARNING: CHANGE QUERY TO INCLUDE "`id_researcher` = '".$dbUserData['id_researcher']."';"

  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. 		exit();

  23. 	}

  24. 	

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

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

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

  28. 	$numQuestions = $resultNumQuestions->num_rows;

  29. 

  30. 	include_once 'header.php';

  31. 		

  32. ?>

  33. 	

  34. 	<!-- START OF viewMoment.php -->

  35. 	<body>

  36. 		

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

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

  39. 					TANIA

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

  41.         		</a>

  42.         		<div id="account">

  43.         		    <a class="nav-link" href="./questionnaires.php">Questionnaire Collection</a>

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

  45.         		</div>

  46.     		</header>

  47. 		

  48. 		<div class="container" style="margin-top: 8rem; min-height: calc(100vh - 8rem - 10vh);">

  49. 		

  50. 			<div class="row">

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

  52. 					<h2>Moment</h2>

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

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

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

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

  57. 				</div>

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

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

  60. 						<br><br><br>

  61. 					</div>

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

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

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

  65. 	  					</div>

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

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

  68. 						</div>

  69. 					</div>	

  70. 				</div>

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

  72. 			

  73. 			<br>

  74. 

  75. 			<div class="row">

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

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

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

  79. 						<thead>

  80. 							<tr>

  81. 								<th><h4>#</h4></th>

  82. 								<th><h4>Premise</h4></th>

  83. 							</tr>

  84. 						</thead>

  85. 						<tbody>

  86. 						<?php

  87. 						

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

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

  90. 							$x = 1;

  91. 							

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

  93. 							

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

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

  96. 								$rowMinText = mysqli_fetch_array($resultMinText);

  97. 								

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

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

  100. 								$rowMaxVal = mysqli_fetch_array($resultMaxVal);

  101. 

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

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

  104. 								$rowMaxText = mysqli_fetch_array($resultMaxText);

  105. 								

  106. 						?>

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

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

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

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

  111. 							</tr>

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

  113. 						</tbody>

  114. 					</table>

  115. 					<?php else: ?>

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

  117. 					<?php endif; ?>

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

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

  120. 

  121. 			<br>

  122. 			

  123. 			 		<div class="row">

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

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

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

  127.   							</div>

  128.   						</div>

  129.   					</div>

  130.   					

  131.   			<br><br>

  132. 

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

  134. 		

  135. 

  136. 

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

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

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

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

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

  142. 						

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

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

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

  146. 			  	 	  		</button>

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

  148.    						</div>

  149.  						

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

  151. 

  152. 

  153. 							<!-- ID -->

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

  155. 	

  156. 							<!-- TITLE -->

  157. 							<br>

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

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

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

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

  162. 								</div>

  163. 							</div>

  164. 				

  165. 							<!-- DESCRIPTION -->

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

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

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

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

  170. 								</div>

  171. 							</div>

  172. 

  173. 

  174. 							<br>

  175. 

  176. 

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

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

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

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

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

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

  183. 			</div>

  184. 		</div>

  185. 	</div>

  186. 

  187. 

  188. 

  189. 

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

  191.       					

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

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

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

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

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

  197.       					</div>

  198.       					

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

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

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

  202. 		</form>

  203. 

  204. 

  205. 

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

  207. 		<form id="deleteMoment">

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

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

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

  211. 

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

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

  214.    						</div>

  215. 

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

  217. 

  218. 

  219. 

  220. 							<!-- QUESTIONNAIRE ID -->

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

  222.  							

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

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

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

  226. 							</span>

  227. 							

  228. 							<br>

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

  230. 							<br>

  231. 							<!--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>.-->

  232. 

  233. 

  234. 

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

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

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

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

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

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

  241. 			</div>

  242. 		</div>

  243. 	</div>

  244. 

  245. 

  246. 

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

  248.       					

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

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

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

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

  253.       					</div>

  254.       					

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

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

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

  258. 		</form>

  259. 

  260. 

  261. 

  262. 

  263. 

  264. 

  265. 

  266. 

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

  268. 		<form id="addExistingQuestionToMoment">

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

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

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

  272. 						

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

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

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

  276. 			  	 	  		</button>

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

  278.    						</div>

  279.  						

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

  281. 

  282. 

  283. 							<!-- MOMENT ID -->

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

  285. 

  286. 							<div class="row">

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

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

  289. 								</div>

  290. 							</div>

  291. 

  292. 

  293. 							<!-- QUESTION ID -->

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

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

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

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

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

  299. 										<?php 

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

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

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

  303. 										?>

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

  305. 										<?php endwhile; ?>

  306. 										</select>

  307. 									</div>

  308. 								</div>

  309. 							</div>

  310. 

  311. 

  312. 

  313. 

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

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

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

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

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

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

  320. 			</div>

  321. 		</div>

  322. 	</div>

  323. 

  324. 

  325. 

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

  327.       					

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

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

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

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

  332.       					</div>

  333.       					

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

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

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

  337. 		</form>

  338. 

  339. 

  340. 

  341. 

  342. 

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

  344. <form id="updateQuestion">

  345. 

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

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

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

  349. 

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

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

  352.    						</div>

  353. 

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

  355. 

  356. 

  357. 

  358. 							<!-- QUESTIONNAIRE ID -->

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

  360.  							

  361. 							<!-- QUESTION ID -->

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

  363. 

  364. 							<br>

  365. 						

  366. 							<div class="row">

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

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

  369. 								</div>

  370. 							</div>

  371. 							

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

  373. 							

  374. 								<!-- PREMISE -->

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

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

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

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

  379. 									</div>

  380. 								</div>

  381. 						

  382. 								<!-- TYPE -->

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

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

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

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

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

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

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

  390. 										</select>

  391. 									</div>

  392. 								</div>

  393. 							

  394. 							</div>

  395. 							

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

  397. 							<div class="range">

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

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

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

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

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

  403. 										</div>

  404. 									</div>

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

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

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

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

  409. 										</div>

  410. 									</div>

  411. 								</div>

  412. 							

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

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

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

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

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

  418. 										</div>

  419. 									</div>

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

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

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

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

  424. 										</div>

  425. 									</div>

  426. 								</div>

  427. 								

  428. 								<br>

  429. 								

  430. 							</div>

  431. 							

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

  433. 							

  434. 								<!-- CORRESPONDING CATEGORY -->

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

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

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

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

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

  440. 											<?php

  441. 												$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'));";

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

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

  444. 											?>

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

  446. 											<?php endwhile; ?>

  447. 										</select>

  448. 									</div>

  449. 								</div>

  450. 								

  451. 								<!-- CORRESPONDING SUBCATEGORY -->

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

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

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

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

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

  457. 											<?php

  458. 												$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'));";

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

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

  461. 											?>

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

  463. 											<?php endwhile; ?>

  464. 										</select>

  465. 									</div>

  466. 								</div>

  467. 							

  468. 							</div>

  469. 							

  470. 							

  471. 							<br>

  472. 							

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

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

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

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

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

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

  479. 			</div>

  480. 		</div>

  481. 	</div>

  482. 	

  483. 	

  484. 

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

  486.       					

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

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

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

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

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

  492.       					</div>

  493.       					

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

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

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

  497. </form>

  498. 

  499. 

  500. 		

  501. 		

  502. 		

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

  504. 		<form id="removeQuestionFromMoment">

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

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

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

  508. 

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

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

  511.    						</div>

  512. 

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

  514. 

  515. 

  516. 

  517. 							<!-- MOMENT ID -->

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

  519.  							

  520. 							<!-- QUESTION ID -->

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

  522.  							

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

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

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

  526. 							</span>

  527. 							

  528. 							<br>

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

  530. 							<br>

  531. 

  532. 

  533. 

  534. 

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

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

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

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

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

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

  541. 			</div>

  542. 		</div>

  543. 	</div>

  544. 

  545. 

  546. 

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

  548.       					

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

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

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

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

  553.       					</div>

  554.       					

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

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

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

  558. 		</form>

  559. 

  560. 

  561. 

  562. 

  563. 

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

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

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

  567. 

  568. <script>

  569. 

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

  571. 			

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

  573. 			

  574. 	if(form) {

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

  576. 			handleSubmit(e, formName);

  577. 		});

  578. 	}

  579. 			

  580. });

  581. 

  582. </script>

  583. 

  584. 

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

  586. 

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