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

viewQuestionnaire.php 25KB
History Raw

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

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

  23. 	}

  24. 		

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

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

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

  28. 	$numQuestions = $resultNumQuestions->num_rows;

  29. 		

  30. 	include_once 'header.php';

  31. 

  32. ?>

  33. 

  34. 	<!-- START OF viewQuestionnaire.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>Questionnaire</h2>

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

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

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

  56. 				</div>

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

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

  59. 						<br><br><br>

  60. 					</div>

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

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

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

  64. 	  					</div>

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

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

  67. 						</div>

  68. 					</div>	

  69. 				</div>

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

  71. 			

  72. 			<br>

  73. 			

  74. 			<div class="row">

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

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

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

  78. 						<thead>

  79. 							<tr>

  80. 								<th><h4>#</h4></th>

  81. 								<th><h4>Question</h4></th>

  82. 							</tr>

  83. 						</thead>

  84. 						<tbody>

  85. 						<?php 

  86. 						

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

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

  89. 							$x = 1;

  90. 							

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

  92. 							

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

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

  95. 								$rowMinText = mysqli_fetch_array($resultMinText);

  96. 								

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

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

  99. 								$rowMaxVal = mysqli_fetch_array($resultMaxVal);

  100. 

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

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

  103. 								$rowMaxText = mysqli_fetch_array($resultMaxText);

  104. 								

  105. 						?>

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

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

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

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

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

  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 questionnaire...</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="Create 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. 

  138. 

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

  140. <form id="newQuestion">

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

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

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

  144.  				

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

  146.  						

  147.  						<!-- CLOSE BUTTON -->

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

  149. 						

  150. 						<div class='row'>

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

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

  153. 							</div>

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

  155. 

  156. 						<hr>

  157. 

  158. 

  159. 						<!-- QUESTION -->

  160.  						<div id="q">

  161. 						

  162. 							<div class="row">

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

  164. 									<h4>New Question</h4>

  165. 								</div>

  166. 							</div>

  167. 							

  168. 							

  169. 							<!-- QUESTIONNAIRE ID -->

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

  171. 

  172. 

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

  174. 							

  175. 								<!-- PREMISE -->

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

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

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

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

  180. 									</div>

  181. 								</div>

  182. 						

  183. 								<!-- TYPE -->

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

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

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

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

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

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

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

  191. 										</select>

  192. 									</div>

  193. 								</div>

  194. 							

  195. 							</div>

  196. 							

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

  198. 							<div class="range">

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

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

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

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

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

  204. 										</div>

  205. 									</div>

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

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

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

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

  210. 										</div>

  211. 									</div>

  212. 								</div>

  213. 							

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

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

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

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

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

  219. 										</div>

  220. 									</div>

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

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

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

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

  225. 										</div>

  226. 									</div>

  227. 								</div>

  228. 								

  229. 								<br>

  230. 								

  231. 							</div>

  232. 							

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

  234. 							

  235. 								<!-- CORRESPONDING CATEGORY -->

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

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

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

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

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

  241. 											<?php

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

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

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

  245. 											?>

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

  247. 											<?php endwhile; ?>

  248. 										</select>

  249. 									</div>

  250. 								</div>

  251. 								

  252. 								<!-- CORRESPONDING SUBCATEGORY -->

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

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

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

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

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

  258. 											<?php

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

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

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

  262. 											?>

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

  264. 											<?php endwhile; ?>

  265. 										</select>

  266. 									</div>

  267. 								</div>

  268. 							

  269. 							</div>

  270. 							

  271.  						</div>

  272. 

  273. 

  274. 						<br>	

  275. 			

  276. 			

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

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

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

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

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

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

  283. 			</div>

  284. 		</div>

  285. 	</div>

  286. 			

  287. 			

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

  289.       				

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

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

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

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

  294.       				</div>

  295.       				

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

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

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

  299. </form>

  300. 

  301. 

  302. 

  303. 

  304. 

  305. 

  306. 

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

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

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

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

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

  312. 						

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

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

  315.    						</div>

  316.  						

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

  318. 

  319. 

  320. 

  321. 							<!-- QUESTIONNAIRE ID -->

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

  323. 	

  324. 							<!-- TITLE -->

  325. 							<br>

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

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

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

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

  330. 								</div>

  331. 							</div>

  332. 				

  333. 							<!-- DESCRIPTION -->

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

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

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

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

  338. 								</div>

  339. 							</div>

  340. 

  341. 

  342. 							<br>

  343. 

  344. 

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

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

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

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

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

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

  351. 			</div>

  352. 		</div>

  353. 	</div>

  354. 

  355. 

  356. 

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

  358.       					

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

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

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

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

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

  364.       					</div>

  365.       					

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

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

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

  369. 		</form>

  370. 

  371. 

  372. 

  373. 

  374. 

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

  376. 		<form id="deleteQuestionnaire">

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

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

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

  380. 

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

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

  383.    						</div>

  384. 

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

  386. 

  387. 

  388. 

  389. 							<!-- QUESTIONNAIRE ID -->

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

  391.  							

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

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

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

  395. 							</span>

  396. 							

  397. 							<br>

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

  399. 							<br>

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

  401. 

  402. 

  403. 

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

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

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

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

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

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

  410. 			</div>

  411. 		</div>

  412. 	</div>

  413. 

  414. 

  415. 

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

  417.       					

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

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

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

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

  422.       					</div>

  423.       					

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

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

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

  427. 		</form>

  428. 

  429. 

  430. 

  431. 

  432. 

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

  434. <form id="updateQuestion">

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

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

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

  438. 

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

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

  441.    						</div>

  442. 

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

  444. 

  445. 

  446. 

  447. 							<!-- QUESTIONNAIRE ID -->

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

  449.  							

  450. 							<!-- QUESTION ID -->

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

  452. 

  453. 							<br>

  454. 						

  455. 							<div class="row">

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

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

  458. 								</div>

  459. 							</div>

  460. 							

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

  462. 							

  463. 								<!-- PREMISE -->

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

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

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

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

  468. 									</div>

  469. 								</div>

  470. 						

  471. 								<!-- TYPE -->

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

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

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

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

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

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

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

  479. 										</select>

  480. 									</div>

  481. 								</div>

  482. 							

  483. 							</div>

  484. 							

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

  486. 							<div class="range">

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

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

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

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

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

  492. 										</div>

  493. 									</div>

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

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

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

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

  498. 										</div>

  499. 									</div>

  500. 								</div>

  501. 							

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

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

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

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

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

  507. 										</div>

  508. 									</div>

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

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

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

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

  513. 										</div>

  514. 									</div>

  515. 								</div>

  516. 								

  517. 								<br>

  518. 								

  519. 							</div>

  520. 							

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

  522. 							

  523. 								<!-- CORRESPONDING CATEGORY -->

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

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

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

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

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

  529. 											<?php

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

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

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

  533. 											?>

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

  535. 											<?php endwhile; ?>

  536. 										</select>

  537. 									</div>

  538. 								</div>

  539. 								

  540. 								<!-- CORRESPONDING SUBCATEGORY -->

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

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

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

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

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

  546. 											<?php

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

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

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

  550. 											?>

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

  552. 											<?php endwhile; ?>

  553. 										</select>

  554. 									</div>

  555. 								</div>

  556. 							

  557. 							</div>

  558. 		

  559. 							

  560. 							<br>	

  561. 							

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

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

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

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

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

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

  568. 			</div>

  569. 		</div>

  570. 	</div>

  571. 

  572. 

  573. 

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

  575.       					

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

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

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

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

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

  581.       					</div>

  582.       					

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

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

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

  586. </form>

  587. 

  588. 

  589. 

  590. 

  591. 

  592. 		

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

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

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

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

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

  598. 

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

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

  601.    						</div>

  602. 

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

  604. 

  605. 

  606.  							

  607. 							<!-- QUESTION ID -->

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

  609.  							

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

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

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

  613. 							</span>

  614. 							

  615. 							<br>

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

  617. 							<br>

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

  619. 

  620. 

  621. 

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

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

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

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

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

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

  628. 			</div>

  629. 		</div>

  630. 	</div>

  631. 

  632. 

  633. 

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

  635.       					

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

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

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

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

  640.       					</div>

  641.       					

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

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

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

  645. 		</form>

  646. 

  647. 

  648. 

  649. 

  650. 

  651. 

  652. 

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

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

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

  656. 

  657. <script>

  658. 

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

  660. 			

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

  662. 			

  663. 	if(form) {

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

  665. 			handleSubmit(e, formName);

  666. 		});

  667. 	}

  668. 			

  669. });

  670. 

  671. </script>

  672. 

  673. 

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

  675. 

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