Marle
/
webAdministracion
Следить 1
В избранное 0
Форкнуть 0
Код Задачи 0 Pull Request'ы 0 Релизы 0 Вики Активность
Нет описания
7 коммитов
1 ветка
Дерево: 868f704eb3
веток Теги
${ item.name }
Создать ветку ${ searchTerm }
из '868f704eb3'
${ noResults }
webAdministracion/viewQuestionnaire.php

viewQuestionnaire.php 26KB
История Исходник

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688 
  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="nav-link" style="margin-right: 1rem;" href="javascript:history.go(-1)"><i class="fas fa-arrow-left"></i> Back</a>

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

  57.         		</div>

  58.     		</header>

  59. 		

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

  61. 		

  62. 			<div class="row">

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

  64. 					<h2>Questionnaire</h2>

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

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

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

  68. 				</div>

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

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

  71. 						<br><br><br>

  72. 					</div>

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

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

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

  76. 	  					</div>

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

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

  79. 						</div>

  80. 					</div>	

  81. 				</div>

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

  83. 			

  84. 			<br>

  85. 			

  86. 			<div class="row">

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

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

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

  90. 						<thead>

  91. 							<tr>

  92. 								<th><h4>#</h4></th>

  93. 								<th><h4>Question</h4></th>

  94. 							</tr>

  95. 						</thead>

  96. 						<tbody>

  97. 						<?php 

  98. 						

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

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

  101. 							$x = 1;

  102. 							

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

  104. 							

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

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

  107. 								$rowMinText = mysqli_fetch_array($resultMinText);

  108. 								

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

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

  111. 								$rowMaxVal = mysqli_fetch_array($resultMaxVal);

  112. 

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

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

  115. 								$rowMaxText = mysqli_fetch_array($resultMaxText);

  116. 								

  117. 						?>

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

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

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

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

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

  123. 							</tr>

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

  125. 						</tbody>

  126. 					</table>

  127. 					<?php else: ?>

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

  129. 					<?php endif; ?>

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

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

  132. 			

  133. 			<br>

  134. 

  135. 			 		<div class="row">

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

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

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

  139.   							</div>

  140.   						</div>

  141.   					</div>

  142. 

  143. 			<br><br>

  144. 			

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

  146. 

  147. 

  148. 

  149. 

  150. 

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

  152. <form id="newQuestion">

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

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

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

  156.  				

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

  158.  						

  159.  						<!-- CLOSE BUTTON -->

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

  161. 						

  162. 						<div class='row'>

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

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

  165. 							</div>

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

  167. 

  168. 						<hr>

  169. 

  170. 

  171. 						<!-- QUESTION -->

  172.  						<div id="q">

  173. 						

  174. 							<div class="row">

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

  176. 									<h4>New Question</h4>

  177. 								</div>

  178. 							</div>

  179. 							

  180. 							

  181. 							<!-- QUESTIONNAIRE ID -->

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

  183. 

  184. 

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

  186. 							

  187. 								<!-- PREMISE -->

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

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

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

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

  192. 									</div>

  193. 								</div>

  194. 						

  195. 								<!-- TYPE -->

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

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

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

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

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

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

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

  203. 										</select>

  204. 									</div>

  205. 								</div>

  206. 							

  207. 							</div>

  208. 							

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

  210. 							<div class="range">

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

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

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

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

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

  216. 										</div>

  217. 									</div>

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

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

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

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

  222. 										</div>

  223. 									</div>

  224. 								</div>

  225. 							

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

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

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

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

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

  231. 										</div>

  232. 									</div>

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

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

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

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

  237. 										</div>

  238. 									</div>

  239. 								</div>

  240. 								

  241. 								<br>

  242. 								

  243. 							</div>

  244. 							

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

  246. 							

  247. 								<!-- CORRESPONDING CATEGORY -->

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

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

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

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

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

  253. 											<?php

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

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

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

  257. 											?>

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

  259. 											<?php endwhile; ?>

  260. 										</select>

  261. 									</div>

  262. 								</div>

  263. 								

  264. 								<!-- CORRESPONDING SUBCATEGORY -->

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

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

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

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

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

  270. 											<?php

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

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

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

  274. 											?>

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

  276. 											<?php endwhile; ?>

  277. 										</select>

  278. 									</div>

  279. 								</div>

  280. 							

  281. 							</div>

  282. 							

  283.  						</div>

  284. 

  285. 

  286. 						<br>	

  287. 			

  288. 			

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

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

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

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

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

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

  295. 			</div>

  296. 		</div>

  297. 	</div>

  298. 			

  299. 			

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

  301.       				

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

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

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

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

  306.       				</div>

  307.       				

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

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

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

  311. </form>

  312. 

  313. 

  314. 

  315. 

  316. 

  317. 

  318. 

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

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

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

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

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

  324. 						

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

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

  327.    						</div>

  328.  						

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

  330. 

  331. 

  332. 

  333. 							<!-- QUESTIONNAIRE ID -->

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

  335. 	

  336. 							<!-- TITLE -->

  337. 							<br>

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

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

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

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

  342. 								</div>

  343. 							</div>

  344. 				

  345. 							<!-- DESCRIPTION -->

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

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

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

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

  350. 								</div>

  351. 							</div>

  352. 

  353. 

  354. 							<br>

  355. 

  356. 

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

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

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

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

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

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

  363. 			</div>

  364. 		</div>

  365. 	</div>

  366. 

  367. 

  368. 

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

  370.       					

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

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

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

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

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

  376.       					</div>

  377.       					

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

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

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

  381. 		</form>

  382. 

  383. 

  384. 

  385. 

  386. 

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

  388. 		<form id="deleteQuestionnaire">

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

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

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

  392. 

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

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

  395.    						</div>

  396. 

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

  398. 

  399. 

  400. 

  401. 							<!-- QUESTIONNAIRE ID -->

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

  403.  							

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

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

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

  407. 							</span>

  408. 							

  409. 							<br>

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

  411. 							<br>

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

  413. 

  414. 

  415. 

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

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

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

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

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

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

  422. 			</div>

  423. 		</div>

  424. 	</div>

  425. 

  426. 

  427. 

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

  429.       					

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

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

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

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

  434.       					</div>

  435.       					

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

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

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

  439. 		</form>

  440. 

  441. 

  442. 

  443. 

  444. 

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

  446. <form id="updateQuestion">

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

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

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

  450. 

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

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

  453.    						</div>

  454. 

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

  456. 

  457. 

  458. 

  459. 							<!-- QUESTIONNAIRE ID -->

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

  461.  							

  462. 							<!-- QUESTION ID -->

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

  464. 

  465. 							<br>

  466. 						

  467. 							<div class="row">

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

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

  470. 								</div>

  471. 							</div>

  472. 							

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

  474. 							

  475. 								<!-- PREMISE -->

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

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

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

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

  480. 									</div>

  481. 								</div>

  482. 						

  483. 								<!-- TYPE -->

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

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

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

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

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

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

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

  491. 										</select>

  492. 									</div>

  493. 								</div>

  494. 							

  495. 							</div>

  496. 							

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

  498. 							<div class="range">

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

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

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

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

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

  504. 										</div>

  505. 									</div>

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

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

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

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

  510. 										</div>

  511. 									</div>

  512. 								</div>

  513. 							

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

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

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

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

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

  519. 										</div>

  520. 									</div>

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

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

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

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

  525. 										</div>

  526. 									</div>

  527. 								</div>

  528. 								

  529. 								<br>

  530. 								

  531. 							</div>

  532. 							

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

  534. 							

  535. 								<!-- CORRESPONDING CATEGORY -->

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

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

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

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

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

  541. 											<?php

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

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

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

  545. 											?>

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

  547. 											<?php endwhile; ?>

  548. 										</select>

  549. 									</div>

  550. 								</div>

  551. 								

  552. 								<!-- CORRESPONDING SUBCATEGORY -->

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

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

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

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

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

  558. 											<?php

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

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

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

  562. 											?>

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

  564. 											<?php endwhile; ?>

  565. 										</select>

  566. 									</div>

  567. 								</div>

  568. 							

  569. 							</div>

  570. 		

  571. 							

  572. 							<br>	

  573. 							

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

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

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

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

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

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

  580. 			</div>

  581. 		</div>

  582. 	</div>

  583. 

  584. 

  585. 

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

  587.       					

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

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

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

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

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

  593.       					</div>

  594.       					

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

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

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

  598. </form>

  599. 

  600. 

  601. 

  602. 

  603. 

  604. 		

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

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

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

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

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

  610. 

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

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

  613.    						</div>

  614. 

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

  616. 

  617. 

  618.  							

  619. 							<!-- QUESTION ID -->

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

  621.  							

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

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

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

  625. 							</span>

  626. 							

  627. 							<br>

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

  629. 							<br>

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

  631. 

  632. 

  633. 

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

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

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

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

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

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

  640. 			</div>

  641. 		</div>

  642. 	</div>

  643. 

  644. 

  645. 

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

  647.       					

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

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

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

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

  652.       					</div>

  653.       					

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

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

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

  657. 		</form>

  658. 

  659. 

  660. 

  661. 

  662. 

  663. 

  664. 

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

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

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

  668. 

  669. <script>

  670. 

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

  672. 			

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

  674. 			

  675. 	if(form) {

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

  677. 			handleSubmit(e, formName);

  678. 		});

  679. 	}

  680. 			

  681. });

  682. 

  683. </script>

  684. 

  685. 

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

  687. 

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