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

viewQuestionnaire.php 26KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687 
  1. <?php

  2. 

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

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

  16. 	$query1 = "SELECT * FROM questionnair WHERE id = '$questionnaireID';";

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

  18. 	$row1 = mysqli_fetch_array($result1);

  19. 		

  20. 	// IF QUESTIONNAIRE NOT IN DATABASE, EXIT

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

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

  23. 		exit();

  24. 	}

  25. 	

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

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

  28. 	

  29. 		$queryCheckUser = "SELECT id FROM questionnair WHERE id = '$questionnaireID' AND id IN (SELECT id_questionnair FROM experience_questionnair 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 questionnaire.";

  32. 			exit();

  33. 		}

  34. 		

  35. 	}

  36. 		

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

  38. 	$queryNumQuestions = "SELECT * FROM question WHERE id IN (SELECT id_question FROM questionnair_question WHERE id_questionnair = '$questionnaireID');";

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

  40. 	$numQuestions = $resultNumQuestions->num_rows;

  41. 		

  42. 	include_once 'header.php';

  43. 

  44. ?>

  45. 

  46. 	<!-- START OF viewQuestionnaire.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="sign-out" href="./processes/logout.php">Sign Out</a>

  56.         		</div>

  57.     		</header>

  58. 		

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

  60. 		

  61. 			<div class="row">

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

  63. 					<h2>Questionnaire</h2>

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

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

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

  67. 				</div>

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

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

  70. 						<br><br><br>

  71. 					</div>

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

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

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

  75. 	  					</div>

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

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

  78. 						</div>

  79. 					</div>	

  80. 				</div>

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

  82. 			

  83. 			<br>

  84. 			

  85. 			<div class="row">

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

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

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

  89. 						<thead>

  90. 							<tr>

  91. 								<th><h4>#</h4></th>

  92. 								<th><h4>Question</h4></th>

  93. 							</tr>

  94. 						</thead>

  95. 						<tbody>

  96. 						<?php 

  97. 						

  98. 							$query2 = "SELECT * FROM question WHERE id IN (SELECT id_question FROM questionnair_question WHERE id_questionnair = '$questionnaireID');";

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

  100. 							$x = 1;

  101. 							

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

  103. 							

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

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

  106. 								$rowMinText = mysqli_fetch_array($resultMinText);

  107. 								

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

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

  110. 								$rowMaxVal = mysqli_fetch_array($resultMaxVal);

  111. 

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

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

  114. 								$rowMaxText = mysqli_fetch_array($resultMaxText);

  115. 								

  116. 						?>

  117. 							<tr style="cursor: pointer;" data-toggle="modal" data-target="#EditQuestion" data-question-number="<?php echo $x; ?>" data-questionnaire-id="<?php echo $questionnaireID; ?>" 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']; ?>">

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

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

  120. <!-- 								<td><button class='btn btn-danger btn-sm' data-toggle='modal' data-target='#Delete' data-questionnaire-id="<?php echo $questionnaireID; ?>" data-question-id="<?php echo $row2['id']; ?>" data-premise="<?php echo $row2['premise']; ?>">Delete</button></td> -->

  121. 								<!--<a class='btn btn-danger btn-sm' href='confirmDeleteQuestionQuestionnaire.php?del=<?php echo $row2['id']; ?>&quest=$id_questionnaire'>Delete</a>-->

  122. 							</tr>

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

  124. 						</tbody>

  125. 					</table>

  126. 					<?php else: ?>

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

  128. 					<?php endif; ?>

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

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

  131. 			

  132. 			<br>

  133. 

  134. 			 		<div class="row">

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

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

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

  138.   							</div>

  139.   						</div>

  140.   					</div>

  141. 

  142. 			<br><br>

  143. 			

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

  145. 

  146. 

  147. 

  148. 

  149. 

  150. 		<!-- POPUP FOR NEW QUESTION -->

  151. <form id="newQuestion">

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

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

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

  155.  				

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

  157.  						

  158.  						<!-- CLOSE BUTTON -->

  159.  						<button type='button' class='close' data-dismiss='modal' aria-label='Close'><span aria-hidden='true'>&times;</span></button>

  160. 						

  161. 						<div class='row'>

  162. 							<div class='col-sm-10'>

  163. 								<h3>Add New Question</h3>

  164. 							</div>

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

  166. 

  167. 						<hr>

  168. 

  169. 

  170. 						<!-- QUESTION -->

  171.  						<div id="q">

  172. 						

  173. 							<div class="row">

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

  175. 									<h4>New Question</h4>

  176. 								</div>

  177. 							</div>

  178. 							

  179. 							

  180. 							<!-- QUESTIONNAIRE ID -->

  181. 							<input type="hidden" name="questionnaireID" value="<?php echo $questionnaireID; ?>">

  182. 

  183. 

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

  185. 							

  186. 								<!-- PREMISE -->

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

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

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

  190. 										<input id="q_premise" type="text" class="form-control text-center" name="q_premise" placeholder="Premise" required>

  191. 									</div>

  192. 								</div>

  193. 						

  194. 								<!-- TYPE -->

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

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

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

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

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

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

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

  202. 										</select>

  203. 									</div>

  204. 								</div>

  205. 							

  206. 							</div>

  207. 							

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

  209. 							<div class="range">

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

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

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

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

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

  215. 										</div>

  216. 									</div>

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

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

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

  220. 											<input type="text" class="form-control text-center" id="min_text" name="min_text" placeholder="Very Dissatisfied">

  221. 										</div>

  222. 									</div>

  223. 								</div>

  224. 							

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

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

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

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

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

  230. 										</div>

  231. 									</div>

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

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

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

  235. 											<input type="text" class="form-control text-center" id="max_text" name="max_text" placeholder="Very Satisfied">

  236. 										</div>

  237. 									</div>

  238. 								</div>

  239. 								

  240. 								<br>

  241. 								

  242. 							</div>

  243. 							

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

  245. 							

  246. 								<!-- CORRESPONDING CATEGORY -->

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

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

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

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

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

  252. 											<?php

  253. 												$queryCategories = "SELECT * FROM category WHERE id IN (SELECT id_category FROM question WHERE id IN (SELECT id_question FROM questionnair_question WHERE id_questionnair = '$questionnaireID'));";

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

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

  256. 											?>

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

  258. 											<?php endwhile; ?>

  259. 										</select>

  260. 									</div>

  261. 								</div>

  262. 								

  263. 								<!-- CORRESPONDING SUBCATEGORY -->

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

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

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

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

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

  269. 											<?php

  270. 												$querySubcategories = "SELECT * FROM subcategory WHERE id IN (SELECT id_subcategory FROM question WHERE id IN (SELECT id_question FROM questionnair_question WHERE id_questionnair = '$questionnaireID'));";

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

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

  273. 											?>

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

  275. 											<?php endwhile; ?>

  276. 										</select>

  277. 									</div>

  278. 								</div>

  279. 							

  280. 							</div>

  281. 							

  282.  						</div>

  283. 

  284. 

  285. 						<br>	

  286. 			

  287. 			

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

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

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

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

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

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

  294. 			</div>

  295. 		</div>

  296. 	</div>

  297. 			

  298. 			

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

  300.       				

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

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

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

  304.         				<button type="submit" class='btn btn-primary' name='insertQuestionToQuestionnaire'>Add</button>

  305.       				</div>

  306.       				

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

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

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

  310. </form>

  311. 

  312. 

  313. 

  314. 

  315. 

  316. 

  317. 

  318. 		<!-- POPUP FOR EDIT QUESTIONNAIRE -->

  319. 		<form id="updateQuestionnaire" class="form-horizontal">

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

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

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

  323. 						

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

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

  326.    						</div>

  327.  						

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

  329. 

  330. 

  331. 

  332. 							<!-- QUESTIONNAIRE ID -->

  333. 							<input type='hidden' name='questionnaireID' value='<?php echo $questionnaireID; ?>'>

  334. 	

  335. 							<!-- TITLE -->

  336. 							<br>

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

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

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

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

  341. 								</div>

  342. 							</div>

  343. 				

  344. 							<!-- DESCRIPTION -->

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

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

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

  348. 									<textarea class='form-control text-center' id='newDescription' name='newDescription' rows='3' style='resize:vertical;'><?php echo $row1['description']; ?></textarea>

  349. 								</div>

  350. 							</div>

  351. 

  352. 

  353. 							<br>

  354. 

  355. 

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

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

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

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

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

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

  362. 			</div>

  363. 		</div>

  364. 	</div>

  365. 

  366. 

  367. 

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

  369.       					

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

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

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

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

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

  375.       					</div>

  376.       					

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

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

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

  380. 		</form>

  381. 

  382. 

  383. 

  384. 

  385. 

  386. 		<!-- POPUP FOR DELETE QUESTIONNAIRE -->

  387. 		<form id="deleteQuestionnaire">

  388. 			<div class='modal fade' id='DeleteQuestionnaire' tabindex='-1' role='dialog' aria-labelledby='DeleteQuestionnaireLabel' aria-hidden='true'>

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

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

  391. 

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

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

  394.    						</div>

  395. 

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

  397. 

  398. 

  399. 

  400. 							<!-- QUESTIONNAIRE ID -->

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

  402.  							

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

  404. 								<h3>Are you sure you want to delete this Questionnaire?</h3>

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

  406. 							</span>

  407. 							

  408. 							<br>

  409. 							<p class='alert alert-warning text-justify'>This action will delete the questionnaire and all of its questions and moments. If you have any problems, contact technical support at: <a class='alert-link' href='#'>support@tania.uprrp.edu</a>.</p>

  410. 							<br>

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

  412. 

  413. 

  414. 

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

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

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

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

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

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

  421. 			</div>

  422. 		</div>

  423. 	</div>

  424. 

  425. 

  426. 

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

  428.       					

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

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

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

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

  433.       					</div>

  434.       					

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

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

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

  438. 		</form>

  439. 

  440. 

  441. 

  442. 

  443. 

  444. <!-- POPUP FOR EDIT QUESTION FROM QUESTIONNAIRE -->

  445. <form id="updateQuestion">

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

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

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

  449. 

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

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

  452.    						</div>

  453. 

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

  455. 

  456. 

  457. 

  458. 							<!-- QUESTIONNAIRE ID -->

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

  460.  							

  461. 							<!-- QUESTION ID -->

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

  463. 

  464. 							<br>

  465. 						

  466. 							<div class="row">

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

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

  469. 								</div>

  470. 							</div>

  471. 							

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

  473. 							

  474. 								<!-- PREMISE -->

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

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

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

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

  479. 									</div>

  480. 								</div>

  481. 						

  482. 								<!-- TYPE -->

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

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

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

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

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

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

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

  490. 										</select>

  491. 									</div>

  492. 								</div>

  493. 							

  494. 							</div>

  495. 							

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

  497. 							<div class="range">

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

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

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

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

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

  503. 										</div>

  504. 									</div>

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

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

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

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

  509. 										</div>

  510. 									</div>

  511. 								</div>

  512. 							

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

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

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

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

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

  518. 										</div>

  519. 									</div>

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

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

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

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

  524. 										</div>

  525. 									</div>

  526. 								</div>

  527. 								

  528. 								<br>

  529. 								

  530. 							</div>

  531. 							

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

  533. 							

  534. 								<!-- CORRESPONDING CATEGORY -->

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

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

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

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

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

  540. 											<?php

  541. 												$queryCategories = "SELECT * FROM category WHERE id IN (SELECT id_category FROM question WHERE id IN (SELECT id_question FROM questionnair_question WHERE id_questionnair = '$questionnaireID'));";

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

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

  544. 											?>

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

  546. 											<?php endwhile; ?>

  547. 										</select>

  548. 									</div>

  549. 								</div>

  550. 								

  551. 								<!-- CORRESPONDING SUBCATEGORY -->

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

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

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

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

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

  557. 											<?php

  558. 												$querySubcategories = "SELECT * FROM subcategory WHERE id IN (SELECT id_subcategory FROM question WHERE id IN (SELECT id_question FROM questionnair_question WHERE id_questionnair = '$questionnaireID'));";

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

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

  561. 											?>

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

  563. 											<?php endwhile; ?>

  564. 										</select>

  565. 									</div>

  566. 								</div>

  567. 							

  568. 							</div>

  569. 		

  570. 							

  571. 							<br>	

  572. 							

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

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

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

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

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

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

  579. 			</div>

  580. 		</div>

  581. 	</div>

  582. 

  583. 

  584. 

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

  586.       					

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

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

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

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

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

  592.       					</div>

  593.       					

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

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

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

  597. </form>

  598. 

  599. 

  600. 

  601. 

  602. 

  603. 		

  604. 		<!-- POPUP FOR DELETE QUESTION FROM QUESTIONNAIRE -->

  605. 		<form id="deleteQuestion" class='form-horizontal'>

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

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

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

  609. 

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

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

  612.    						</div>

  613. 

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

  615. 

  616. 

  617.  							

  618. 							<!-- QUESTION ID -->

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

  620.  							

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

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

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

  624. 							</span>

  625. 							

  626. 							<br>

  627. 							<p class='alert alert-warning text-justify'>This action will delete the question from this questionnaire (and from its moments). If you have any problems, contact technical support at: <a class='alert-link' href='#'>support@tania.uprrp.edu</a>.</p>

  628. 							<br>

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

  630. 

  631. 

  632. 

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

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

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

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

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

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

  639. 			</div>

  640. 		</div>

  641. 	</div>

  642. 

  643. 

  644. 

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

  646.       					

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

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

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

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

  651.       					</div>

  652.       					

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

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

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

  656. 		</form>

  657. 

  658. 

  659. 

  660. 

  661. 

  662. 

  663. 

  664. <script src="js/viewQuestionnaire.js"></script>

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

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

  667. 

  668. <script>

  669. 

  670. ["updateQuestionnaire", "newQuestion", "updateQuestion", "deleteQuestionnaire", "deleteQuestion"].forEach(function(formName) {

  671. 			

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

  673. 			

  674. 	if(form) {

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

  676. 			handleSubmit(e, formName);

  677. 		});

  678. 	}

  679. 			

  680. });

  681. 

  682. </script>

  683. 

  684. 

  685. 		<!-- END OF viewQuestionnaire.php -->

  686. 

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