Strona główna Odkrywaj Pomoc
Zaloguj się
UV-APPS
/
UV_SAIC_GUI
3
0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Drzewo: a871e222f3
Gałęzie Tagi
UV_SAIC_GUI
/
src
/
main
/
resources
/
templates
/
dashboardUniversitat.html

dashboardUniversitat.html 44 KB
Historia Czysty

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080 
  1. <!DOCTYPE html>
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml"
    3. 

  3. 	xmlns:th="http://www.thymeleaf.org">
    4. 

  4. 

  5. <head th:replace="~{layouts/common.html :: head}"></head>
    6. 

  6. 

  7. <link th:href="@{/js/gijgo/css/gijgo.min.css}" rel="stylesheet"/>
    8. 

  8. <link th:href="@{/js/jquery/datatables.min.css}" rel="stylesheet"/>
    9. 

  9. <link th:href="@{/js/frappe-gantt/frappe-gantt.min.css}" rel="stylesheet"/>
    10. 

  10. 

  11. <style>
    12. 

  12. 	table.tableizer-table {
    13. 

  13. 		font-size: 12px;
    14. 

  14. 		border: 1px solid #CCC; 
    15. 

  15. 		font-family: Arial, Helvetica, sans-serif;
    16. 

  16. 	} 
    17. 

  17. 	
    18. 

  18. 	.tableizer-table td {
    19. 

  19. 		padding: 4px;
    20. 

  20. 		margin: 3px;
    21. 

  21. 		border: 1px solid #CCC;
    22. 

  22. 	}
    23. 

  23. 

  24. 	.tableizer-table th {
    25. 

  25. 		background-color: #1B3552; 
    26. 

  26. 		color: #FFF;
    27. 

  27. 		font-weight: bold;
    28. 

  28. 	}
    29. 

  29. 

  30. 	.chart-container{
    31. 

  31. 		min-height:150px;
    32. 

  32. 	}
    33. 

  33. 

  34. 	.gantt-container{
    35. 

  35. 		height: calc(100vh - 250px);
    36. 

  36. 	}
    37. 

  37. 

  38. 	.dropdown-colvis ~ .dropdown-menu {
    39. 

  39. 		transform: translate(-100px, 0px);
    40. 

  40. 	}
    41. 

  41. </style>
    42. 

  42. 

  43. <body id="page-top">
    44. 

  44. 

  45. 	<!-- Navigation -->
    46. 

  46. 	<nav th:replace="~{layouts/common.html :: navbar}"></nav>
    47. 

  47.  
    48. 

  48.  	<!-- Content -->
    49. 

  49. 	<div class="content uv-content d-flex" id="uv-wrapper">
    50. 

  50. 		<div class="bg-light border-right" id="uv-sidebar-wrapper" th:replace="~{layouts/sidebar.html :: sidebar}"></div>
    51. 

  51. 		
    52. 

  52. 		<div class="container uv-home-section navVisible" id="uv-content-wrapper">
    53. 

  53. 			<div class="uv-loading-spinner" th:text="#{global.loading}"></div>
    54. 

  54. 			<div class="col-sm-12"></div>
    55. 

  55. 			<div class="uv-container">
    56. 

  56. 				<div class="row">
    57. 

  57.                      <div class="col-sm-10">
    58. 

  58.                          <h5 style="margin-top:10px;"><span style="text-transform: uppercase;" th:text="${#locale.language} == 'es' ? ${organ.nomCas}:${organ.nomVal}">nombre centro</span></h5>
    59. 

  59.                      </div>
    60. 

  60.                      <div class="col-sm-2" style="padding:0;">
    61. 

  61.                      	<img th:src="@{${'/logos/C' + organ.lugar +'.png'}}" class="float-right img-responsive img-rounded" style="width:80px;margin-top:0px;">
    62. 

  62.                      </div>
    63. 

  63.                  </div>
    64. 

  64. 				<div class="clearfix"></div>
    65. 

  65.                 <div class="row" style="margin-top:5px;">
    66. 

  66.                     <div class="card card-default card-body" style="padding: 0 !important;">
    67. 

  67.                         <ul id="tabsJustified" class="nav nav-tabs nav-justified">
    68. 

  68.                         	<li class="nav-item">
    69. 

  69.                                 <a class="nav-link active" href="" data-target="#tab3" data-toggle="tab" th:text="#{dashboard.menu.tits}" onclick="window.location.hash = 'tab3'">Titulaciones</a>
    70. 

  70.                             </li>
    71. 

  71.                         	<li class="nav-item">
    72. 

  72.                                 <a class="nav-link" href="" data-target="#tab0" data-toggle="tab" th:text="#{dashboard.menu.summary}" onclick="window.location.hash = 'tab0'">Resumen</a>
    73. 

  73.                             </li>
    74. 

  74.                             <li class="nav-item">
    75. 

  75.                                 <a class="nav-link" href="" data-target="#tab1" data-toggle="tab" th:text="#{dashboard.menu.procedures}" onclick="window.location.hash = 'tab1'">Procedimientos SAIC</a>
    76. 

  76.                             </li>
    77. 

  77. 							<li class="nav-item">
    78. 

  78.                                 <a class="nav-link" href="" data-target="#tab2" data-toggle="tab" th:text="#{dashboard.menu.docs}" onclick="window.location.hash = 'tab2'">Seguimiento/Acreditación</a>
    79. 

  79.                             </li>
    80. 

  80.                             <li class="nav-item">
    81. 

  81.                                 <a class="nav-link" href="" data-target="#tab4" data-toggle="tab" th:text="#{dashboard.menu.managers}" onclick="window.location.hash = 'tab4'">Responsables</a>
    82. 

  82.                             </li>
    83. 

  83.                         </ul>
    84. 

  84.                         <!--/tabs-->
    85. 

  85.                         <br>
    86. 

  86.                         <div id="viewTabsProcYears" class="tab-content">
    87. 

  87.                         	<div class="tab-pane" id="tab0">  
    88. 

  88.                         		<div class="row">
    89. 

  89. 	                        		<div class="col-lg-12" style="margin-top:-10px;margin-bottom:5px;padding-left:30px;padding-right:30px;">  
    90. 

  90. 										<span class="gantt-legend-done"><span th:text="#{dashboard.summary.legend.active}">Finalizado</span></span>
    91. 

  91. 										<span class="gantt-legend-active"><span th:text="#{dashboard.summary.legend.ontime}">En curso</span></span>
    92. 

  92. 										<span class="gantt-legend-expired"><span th:text="#{dashboard.summary.legend.delayed}">Atrasado</span></span>
    93. 

  93. 										<span class="gantt-legend-closed"><span th:text="#{dashboard.summary.legend.closed}">Cerrado</span></span>
    94. 

  94. 										<div class="input-group" style="text-align:right;float:right;margin-right:0px;width:auto !important;">
    95. 

  95. 										    <div class="input-group-prepend">
    96. 

  96. 										    	<span class="input-group-text"><span th:text="#{dashboard.gantt.selector}">Procedimientos de</span></span>
    97. 

  97. 										    </div>
    98. 

  98. 									    	<select class="form-control pointer" id="ganttOrigin" style="max-width:300px;" onchange="changeGanttOrigin();">
    99. 

  99. 												<option th:each="item : ${titulacions}" th:text="${#locale.language} == 'es' ? ${item.nomCas}:${item.nomVal}" th:attr="value=${item.ruct}">Tit 1</option>
    100. 

  100. 											</select>
    101. 

  101. 									  	</div>
    102. 

  102. 	                            	</div> 
    103. 

  103. 	                                <div class="col-lg-12" style="position:relative;z-index:0;">  
    104. 

  104. 	                            		<svg id="gantt"></svg>     
    105. 

  105. 	                            	</div>  
    106. 

  106.                         		</div>		    
    107. 

  107.                             </div>
    108. 

  108.                             <div class="tab-pane" id="tab1">  
    109. 

  109.                             	<div class="col-lg-12" style="margin-top:-10px;margin-bottom:20px;">  
    110. 

  110. 									<span class="gantt-legend-done"><span th:text="#{dashboard.summary.legend.active}">Finalizado</span></span>
    111. 

  111. 									<span class="gantt-legend-active"><span th:text="#{dashboard.summary.legend.ontime}">En curso</span></span>
    112. 

  112. 									<span class="gantt-legend-closed"><span th:text="#{dashboard.summary.legend.closed}">Cerrado</span></span>
    113. 

  113. 									<div class="input-group" style="text-align:right;float:right;margin-right:0px;width:auto !important;">
    114. 

  114. 									    <div class="input-group-prepend">
    115. 

  115. 									    	<span class="input-group-text">Procedimientos de:</span>
    116. 

  116. 									    </div>
    117. 

  117. 								    	<select class="form-control pointer" id="reportsOrigin" style="max-width:300px;" onchange="changeReportsOrigin();">
    118. 

  118. 											<option selected th:value="${organ.ruct}" th:text="#{dashboard.data.legend.2}">Centre</option>
    119. 

  119. 											<option th:each="item : ${titulacions}" th:text="${#locale.language} == 'es' ? ${item.nomCas}:${item.nomVal}" th:attr="value=${item.ruct}">Tit 1</option>
    120. 

  120. 										</select>
    121. 

  121. 								  	</div>
    122. 

  122.                             	</div> 
    123. 

  123.                                 <div class="col-lg-12">  
    124. 

  124.                             		<div id="treeProcedures"></div>      
    125. 

  125.                             	</div>      
    126. 

  126.                             </div>
    127. 

  127. 							<div class="tab-pane" id="tab2">
    128. 

  128. 								<span th:if="${editable}" class="btn btn-primary pointer" style="z-index:100;float:right;margin-right:25px;font-size:75%;padding: 5px 8px 3px 8px;" onclick="$('#newDocumentModal').modal('toggle');"><i class="fa fa-plus"></i></span>
    129. 

  129. 								<span th:if="${editable}" class="btn btn-warning pointer" style="z-index:100;float:right;margin-right:10px;font-size:75%;padding: 5px 8px 3px 8px;" onclick="$('#hideDocumentsModal').modal('toggle');"><i class="fas fa-eye-slash"></i></span>
    130. 

  130. 								<div class="row" style="padding-left:25px;width:100%;">  	
    131. 

  131.                             		<div class="col-lg-12" style="margin-left:-5px;">
    132. 

  132.                            				<strong th:text="#{dashboard.acred.docs.title}">Documentación</strong>
    133. 

  133.                            				<div id="treeDocuments"></div>
    134. 

  134.                             		</div>         
    135. 

  135.                             	</div> 
    136. 

  136.                             </div>
    137. 

  137.                             <div class="tab-pane active" id="tab3">
    138. 

  138.                             	<div class="col-lg-12" style="margin-left:0px;margin-top:-15px;width:100%;position:relative;z-index:0;">  
    139. 

  139. 									<table id="titsTable" class="table table-striped table-bordered display responsive no-wrap" style="width:100%;position:relative;z-index:0;">
    140. 

  140. 									    <thead>
    141. 

  141. 									        <tr>
    142. 

  142. 									        	<th class="uv-table" th:text="#{dashboard.tits.ruct}">RUCT</th>
    143. 

  143. 									        	<th class="uv-table" th:text="#{dashboard.tits.codes}">Códigos</th>
    144. 

  144. 												<th class="uv-table" th:text="#{dashboard.tits.centre}">Centro</th>
    145. 

  145. 									        	<th class="uv-table" th:text="#{dashboard.tits.tit}">Titulación</th>
    146. 

  146. 									        	<th class="uv-table" th:text="#{dashboard.tits.type}">Tipo</th>
    147. 

  147. 									        	<th class="uv-table" th:text="#{dashboard.acred.table.next}">Próx Accr.</th>
    148. 

  148. 										        <th class="uv-table" th:text="#{dashboard.acred.table.acred}">Fecha Accr.</th>
    149. 

  149. 										        <th class="uv-table" th:text="#{dashboard.acred.table.renov}">Renovación</th>
    150. 

  150. 										        <th class="uv-table" th:text="#{dashboard.acred.table.segui}">Seguimiento</th>
    151. 

  151. 										        <th class="uv-table" th:text="#{dashboard.acred.table.verif}">Verificación</th>
    152. 

  152. 										        <th class="uv-table" th:text="#{dashboard.acred.table.impla}">Implantación</th>
    153. 

  153. 										        <th class="uv-table" th:text="#{dashboard.acred.table.inter}">InterUniv.</th>
    154. 

  154. 									        </tr>
    155. 

  155. 									    </thead>
    156. 

  156. 										<tbody>
    157. 

  157. 											<tr th:each="item,inRowID : ${titulacions}">
    158. 

  158. 												<td>
    159. 

  159. 													<span th:text="${item.ruct}"></span>
    160. 

  160. 												</td>
    161. 

  161. 												<td>
    162. 

  162. 													<span th:text="${item.codis2}"></span>
    163. 

  163. 												</td>
    164. 

  164. 												<td>
    165. 

  165. 													<a target="_blank" th:href="${'/dashboard/'+item.ruct2}"><span th:text="${#locale.language} == 'es' ? ${item.nomCas2}:${item.nomVal2}"></span></a>
    166. 

  166. 												</td>
    167. 

  167. 												<td>
    168. 

  168. 													<a target="_blank" th:href="${'/dashboard/'+item.ruct}"><span th:text="${#locale.language} == 'es' ? ${item.nomCas}:${item.nomVal}"></span></a>
    169. 

  169. 												</td>
    170. 

  170. 												<td>
    171. 

  171. 													<span th:text="${item.tambit == 'M' ? 'Máster' : item.tambit == 'G' ? 'Grado' : 'Doctorado'}"></span>
    172. 

  172. 												</td>
    173. 

  173. 												<td>
    174. 

  174. 													<span th:text="${item.acreditacio?.grupCurs+' - '+item.acreditacio?.grup}"></span>
    175. 

  175. 												</td>
    176. 

  176. 												<td>
    177. 

  177. 													<span th:text="${#temporals.format(item.acreditacio?.dataAcred, 'dd/MM/yyyy')}"></span>
    178. 

  178. 												</td>
    179. 

  179. 												<td>
    180. 

  180. 													<span th:text="${#temporals.format(item.acreditacio?.dataRenov, 'dd/MM/yyyy')}"></span>
    181. 

  181. 												</td>
    182. 

  182. 												<td>
    183. 

  183. 													<span th:text="${#temporals.format(item.acreditacio?.dataSegui, 'dd/MM/yyyy')}"></span>
    184. 

  184. 												</td>
    185. 

  185. 												<td>
    186. 

  186. 													<span th:text="${#temporals.format(item.acreditacio?.dataVerif, 'dd/MM/yyyy')}"></span>
    187. 

  187. 												</td>
    188. 

  188. 												<td>
    189. 

  189. 													<span th:text="${item.acreditacio?.cursImpla}"></span>
    190. 

  190. 												</td>
    191. 

  191. 												<td>
    192. 

  192. 													<span th:if="${item.acreditacio != null}" th:text="${item.acreditacio?.inter ? 'SI' : 'NO'}"></span>
    193. 

  193. 												</td>
    194. 

  194. 											</tr>
    195. 

  195. 										</tbody>
    196. 

  196. 									</table>
    197. 

  197. 	                            </div>
    198. 

  198.                             </div>
    199. 

  199.                             <div class="tab-pane" id="tab4">
    200. 

  200. 								<span class="btn btn-primary pointer" id="btnAddManager" style="z-index:100;float:right;margin-right:25px;font-size:75%;padding: 5px 8px 3px 8px;" data-toggle="modal" data-target="#newRoleModal"><i class="fa fa-plus"></i></span>
    201. 

  201. 								<div class="uv-table-group" th:if="${results}" style="cursor: auto; width: 90%;">
    202. 

  202. 									<div class="col-sm-12 uv-table-section" th:each="item : ${resp_titulacions}" style="margin-top:20px;">
    203. 

  203. 										<div class="col-sm-12 uv-table-section" th:each="item : ${resp_titulacions}" style="margin-top:20px;">
    204. 

  204. 											<strong><span th:text="${#locale.language} == 'es' ? ${item.rol.descripcioCas}:${item.rol.descripcioVal}"></span>: </strong> 
    205. 

  205. 											<a th:href="'mailto:'+${item.usuari.email}" th:title="${item.usuari.email}" th:text="${item.usuari.nom + ' ' + item.usuari.cognoms}"></a> (<small><span th:text="#{managers.since}">Desde el</span> <span th:text="${item.inici}"></span></small>)
    206. 

  206. 										</div>
    207. 

  207. 										<strong><span th:text="${#locale.language} == 'es' ? ${item.rol.descripcioCas}:${item.rol.descripcioVal}"></span>: </strong> 
    208. 

  208. 										<a th:href="'mailto:'+${item.usuari.email}" th:title="${item.usuari.email}" th:text="${item.usuari.nom + ' ' + item.usuari.cognoms}"></a> (<small><span th:text="#{managers.since}">Desde el</span> <span th:text="${item.inici}"></span></small>)
    209. 

  209. 									</div>
    210. 

  210. 									<div class="col-sm-12 uv-table-section" th:each="item : ${resp_centres}" style="display: flex; align-items: flex-start; margin-bottom: 15px;">
    211. 

  211.     									<form id="deleteUserForm" enctype='multipart/form-data' onsubmit="deleteUserRole(event)" style="margin-right: 15px;">
    212. 

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

  213. 												<input type="hidden" name="idRol" th:value="${item.rol.idRol}">
    214. 

  214. 												<input type="hidden" name="usuari" th:value="${item.usuari.usuari}">
    215. 

  215. 												<input type="hidden" name="tlugar" th:value="${item.organ.tlugar}">
    216. 

  216. 												<input type="hidden" name="lugar" th:value="${item.organ.lugar}">
    217. 

  217. 												<button class="btn" style="width:40px; height:38px; color: red;" th:title="#{admin.action.delete}" >
    218. 

  218. 													<i class="fas fa-times"></i>
    219. 

  219. 												</button>
    220. 

  220. 											</div>
    221. 

  221. 										</form>
    222. 

  222. 

  223. 										<div>
    224. 

  224. 											<strong th:text="${#locale.language} == 'es' ? ${item.rol.descripcioCas}:${item.rol.descripcioVal}"></strong>
    225. 

  225. 											<br>
    226. 

  226. 											<a th:href="'mailto:'+${item.usuari.email}" th:title="${item.usuari.email}" th:text="${item.usuari.nom + ' ' + item.usuari.cognoms}"></a> 
    227. 

  227. 											(<small><span th:text="#{managers.since}">Desde el</span> <span th:text="${item.inici}"></span></small>)
    228. 

  228. 										</div>
    229. 

  229. 									</div>
    230. 

  230. 								</div>
    231. 

  231.                             </div>
    232. 

  232.                         </div>
    233. 

  233.                         <!--/tabs content-->
    234. 

  234.                     </div><!--/card-->
    235. 

  235.                 </div><!--/col-->
    236. 

  236. 			</div>
    237. 

  237. 		</div>
    238. 

  238. 	</div>
    239. 

  239. 	
    240. 

  240. 	<div th:if="${editable}" class="modal fade" id="newDocumentModal" tabindex="-1" role="dialog" aria-labelledby="newDocumentModal" aria-hidden="true">
    241. 

  241. 	  <div class="modal-dialog modal-lg">
    242. 

  242. 	    <div class="modal-content">
    243. 

  243. 		    <div class="modal-header">
    244. 

  244. 		        <h5 class="modal-title">Añadir documento</h5>
    245. 

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

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

  247. 		        </button>
    248. 

  248. 	        </div>
    249. 

  249. 	        <div class="modal-body">
    250. 

  250. 	        	<div class="container-fluid">
    251. 

  251. 			    	<form id="newDocumentForm" style="margin-top:25px;">
    252. 

  252. 			    		<input type="hidden" id="fileLugar" name="lugar" th:value="${organ.lugar}">  
    253. 

  253. 			    		<input type="hidden" id="fileTlugar" name="tlugar" th:value="${organ.tlugar}">  
    254. 

  254. 						<div class="uv-table-group-procedure" id="categoryContainer">
    255. 

  255. 							<label>Categoría</label>
    256. 

  256. 							<select class="form-control selectpicker" id="categorySelector" name="category" data-width="100%" data-actions-box="true" th:attr="data-none-selected-text=#{global.selectors.noData}" required>
    257. 

  257. 						    	<option th:each="item : ${categories}" th:text="${#locale.language} == 'es' ? ${item.nomCas}:${item.nomVal}" th:attr="value=${item.idCategoria}">
    258. 

  258. 						    </select>
    259. 

  259. 						</div>
    260. 

  260. 						<div class="uv-table-group-procedure documentSelectorContainer">
    261. 

  261. 							<label>Documento</label>
    262. 

  262. 							<select class="form-control selectpicker" id="documentSelector" name="idCategoria" data-showContent="true" data-width="100%" data-actions-box="true" th:attr="data-none-selected-text=#{global.selectors.noData}" required>
    263. 

  263. 						    </select>
    264. 

  264. 						</div>
    265. 

  265. 						<div class="uv-table-group-procedure documentSelectorContainer">
    266. 

  266. 							<br>
    267. 

  267. 							<div class="custom-file">
    268. 

  268. 								<input type="file" class="custom-file-input pointer" id="customFile" name="file" required>
    269. 

  269. 								<label class="custom-file-label pointer" for="customFile">Seleccionar archivo</label>
    270. 

  270. 							</div>
    271. 

  271. 						</div>
    272. 

  272. 					</form>
    273. 

  273. 				</div>
    274. 

  274. 			</div>
    275. 

  275. 			<div class="modal-footer">
    276. 

  276. 		        <button type="button" class="btn btn-secondary" data-dismiss="modal" th:text="#{global.cancel}">Cancelar</button>
    277. 

  277. 		        <button class="btn btn-success" type="submit" form="newDocumentForm" th:text="#{global.confirm}">Confirmar</button>
    278. 

  278. 	        </div>
    279. 

  279. 	    </div>
    280. 

  280. 	  </div>
    281. 

  281. 	</div>
    282. 

  282. 	
    283. 

  283. 	<div th:if="${editable}" class="modal fade" id="hideDocumentsModal" tabindex="-1" role="dialog" aria-labelledby="hideDocumentsModal" aria-hidden="true">
    284. 

  284. 	  <div class="modal-dialog modal-lg">
    285. 

  285. 	    <div class="modal-content">
    286. 

  286. 		    <div class="modal-header">
    287. 

  287. 		        <h5 class="modal-title">Ocultar todos los documentos visibles</h5>
    288. 

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

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

  290. 		        </button>
    291. 

  291. 	        </div>
    292. 

  292. 	        <div class="modal-body">
    293. 

  293. 	        	<div class="container-fluid">
    294. 

  294. 			    	<p>Se ocultarán todos los documentos visibles.</p>
    295. 

  295. 				</div>
    296. 

  296. 			</div>
    297. 

  297. 			<div class="modal-footer">
    298. 

  298. 		        <button type="button" class="btn btn-secondary" data-dismiss="modal" th:text="#{global.cancel}">Cancelar</button>
    299. 

  299. 		        <button class="btn btn-success" th:text="#{global.confirm}" onclick="hideAllDocuments();">Confirmar</button>
    300. 

  300. 	        </div>
    301. 

  301. 	    </div>
    302. 

  302. 	  </div>
    303. 

  303. 	</div>
    304. 

  304. 

  305. 	<div th:if="${editable}" class="modal fade" id="newOrganModal" tabindex="-1" role="dialog" aria-labelledby="newOrganModal" aria-hidden="true">
    306. 

  306. 	  <div class="modal-dialog modal-lg">
    307. 

  307. 	    <div class="modal-content">
    308. 

  308. 		    <div class="modal-header">
    309. 

  309. 		        <h5 class="modal-title">Añadir organo</h5>
    310. 

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

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

  312. 		        </button>
    313. 

  313. 	        </div>
    314. 

  314. 	        <div class="modal-body">
    315. 

  315. 	        	<div class="container-fluid">
    316. 

  316. 			    	<form id="newOrganForm">
    317. 

  317. 						<div class="uv-table-group-procedure mb-4">
    318. 

  318. 							<label>Organo a añadir</label>
    319. 

  319. 							<select class="form-control selectpicker" id="typeSelector" onchange="toggleFormFields(this.value)">
    320. 

  320. 								<option value="centro">Centro</option>
    321. 

  321.                                 <option value="titulacion">Titulación</option>
    322. 

  322. 							</select>
    323. 

  323. 						</div>
    324. 

  324. 

  325. 						<hr>
    326. 

  326. 

  327. 						<div id="sectionCentro">
    328. 

  328. 							<div class="uv-table-group-procedure">
    329. 

  329. 								<label>Codigo centro</label>
    330. 

  330.                                 <input type="number" class="form-control" name="codiCentro">
    331. 

  331. 							</div>
    332. 

  332. 							<div class="uv-table-group-procedure">
    333. 

  333. 								<label>Nombre Castellano</label>
    334. 

  334.                                 <input type="text" class="form-control" name="nomCasCentro">
    335. 

  335. 							</div>
    336. 

  336. 							<div class="uv-table-group-procedure">
    337. 

  337. 								<label>Nombre Valenciano</label>
    338. 

  338.                                 <input type="text" class="form-control" name="nomValCentro">
    339. 

  339. 							</div>
    340. 

  340. 							<div class="uv-table-group-procedure">
    341. 

  341.                                 <label>RUCT</label>
    342. 

  342.                                 <input type="number" class="form-control" name="ructCentro">
    343. 

  343.                             </div>
    344. 

  344. 						</div>
    345. 

  345. 

  346. 						<div id="sectionTitulacion" style="display:none;">
    347. 

  347. 							<div class="uv-table-group-procedure">
    348. 

  348. 								<label>Codigo titulación</label>
    349. 

  349.                                 <input type="number" class="form-control" name="codiTit">
    350. 

  350. 							</div>
    351. 

  351.                             <div class="uv-table-group-procedure">
    352. 

  352.                                 <label>Centro perteneciente</label>
    353. 

  353. 								<select class="selectpicker" id="roleCentersSelector" name="centre" data-live-search="true" data-width="100%" data-actions-box="true" required>
    354. 

  354. 									<option th:each="item : ${centers}" th:text="${#locale.language} == 'es' ? ${item.nomCas}:${item.nomVal}" th:attr="value=${item.lugar}"></option>
    355. 

  355. 								</select>
    356. 

  356.                             </div>
    357. 

  357.                             <div class="uv-table-group-procedure">
    358. 

  358.                                 <label>Nombre Castellano</label>
    359. 

  359.                                 <input type="text" class="form-control" name="nomCasTit">
    360. 

  360.                             </div>
    361. 

  361.                             <div class="uv-table-group-procedure">
    362. 

  362.                                 <label>Nombre Valenciano</label>
    363. 

  363.                                 <input type="text" class="form-control" name="nomValTit">
    364. 

  364.                             </div>
    365. 

  365.                             <div class="uv-table-group-procedure">
    366. 

  366.                                 <label>RUCT</label>
    367. 

  367.                                 <input type="number" class="form-control" name="ructTit">
    368. 

  368.                             </div>
    369. 

  369.                             <div class="uv-table-group-procedure">
    370. 

  370.                                 <label>Ámbito</label>
    371. 

  371.                                 <select class="form-control selectpicker" name="tambit" data-width="100%">
    372. 

  372.                                     <option value="G">Grado</option>
    373. 

  373.                                     <option value="M">Máster</option>
    374. 

  374.                                     <option value="D">Doctorado</option>
    375. 

  375.                                 </select>
    376. 

  376.                             </div>
    377. 

  377.                         </div>
    378. 

  378. 					</form>
    379. 

  379. 				</div>
    380. 

  380. 			</div>
    381. 

  381. 			<div class="modal-footer">
    382. 

  382. 		        <button type="button" class="btn btn-secondary" data-dismiss="modal" th:text="#{global.cancel}">Cancelar</button>
    383. 

  383. 		        <button class="btn btn-success" type="submit" form="newOrganForm" th:text="#{global.confirm}">Confirmar</button>
    384. 

  384. 	        </div>
    385. 

  385. 	    </div>
    386. 

  386. 	  </div>
    387. 

  387. 	</div>
    388. 

  388. 

  389. 	<div class="modal fade" id="newRoleModal" tabindex="-1" role="dialog" aria-labelledby="newRoleModal" aria-hidden="true" th:if="${#authentication.principal.isAdmin() or #authentication.principal.isGranted()}">
    390. 

  390. 	  <div class="modal-dialog modal-lg">
    391. 

  391. 	    <div class="modal-content">
    392. 

  392. 		    <div class="modal-header">
    393. 

  393. 		        <h5 class="modal-title" th:text="#{admin.managers.newRole}">Añadir responsable</h5>
    394. 

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

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

  396. 		        </button>
    397. 

  397. 	        </div>
    398. 

  398. 	        <div class="modal-body">
    399. 

  399. 	        	<div class="container-fluid">
    400. 

  400. 			    	<form id="newRoleForm" enctype='multipart/form-data' onsubmit="addUserRole(event)" style="margin-top:25px;">
    401. 

  401. 						<input type="hidden" name="centre" th:value="${organ.lugar2}">
    402. 

  402. 						<input type="hidden" name="titulacio" th:value="${organ.lugar}">  
    403. 

  403. 

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

  405. 							<label th:text="#{admin.managers.user}">Usuario</label>&nbsp;&nbsp;&nbsp;<span class="pointer" style="color:#007bff;" onclick="newUser();" th:title="#{admin.managers.newUser}"><i id="addUserIcon" class="fas fa-plus"></i></span>
    406. 

  406. 							<div id="userSelectorContainer">
    407. 

  407. 								<select class="selectpicker" id="userSelector" name="usuari" data-dropup-auto="false" data-live-search="true" data-width="100%" data-actions-box="true" required>
    408. 

  408. 							        <option th:each="item : ${users}" th:text="${item.nom}+' '+${item.cognoms}+' ('+${item.email}+')'" th:attr="value=${item.usuari}"></option>
    409. 

  409. 							    </select>
    410. 

  410. 						    </div>
    411. 

  411. 						    <div class="form-group" id="newUserContainer">
    412. 

  412. 						    	<div class="row">
    413. 

  413. 							    	<div class="form-group col-6">
    414. 

  414. 							    		<label  th:text="#{admin.managers.firstname}">Nombre</label>
    415. 

  415. 							    		<input class="form-control" type="text" value="" name="firstname" id="firstname">
    416. 

  416. 							    	</div>
    417. 

  417. 							    	<div class="form-group col-6">
    418. 

  418. 							    		<label th:text="#{admin.managers.lastname}">Apellidos</label>
    419. 

  419. 							    		<input class="form-control" type="text" value=""  name="lastname" id="lastname">
    420. 

  420. 							    	</div>
    421. 

  421. 							    	<div class="form-group col-6">
    422. 

  422. 							    		<label th:text="#{admin.managers.user}">Usuario</label>
    423. 

  423. 							    		<input class="form-control" type="text" value="" name="username" id="username" onkeyup="setEmail();">
    424. 

  424. 							    	</div>
    425. 

  425. 							    	<div class="form-group col-6">
    426. 

  426. 							    		<label  th:text="#{admin.managers.email}">Email</label>
    427. 

  427. 							    		<input class="form-control" type="email" value="" name="email" id="email"> 
    428. 

  428. 							    	</div>
    429. 

  429. 						    	</div>
    430. 

  430. 						    </div>
    431. 

  431. 						</div>
    432. 

  432. 						<div class="form-group">
    433. 

  433. 							<label th:text="#{admin.managers.role}">Rol</label>
    434. 

  434. 							<select class="selectpicker" id="roleSelector" name="idRol" data-dropup-auto="false" data-live-search="true" data-width="100%" data-actions-box="true" th:attr="data-none-selected-text=#{global.selectors.noData}" required>
    435. 

  435. 						        <option th:each="item : ${roles}" th:text="${#locale.language} == 'es' ? ${item.descripcioCas}:${item.descripcioVal}" th:attr="value=${item.idRol}"></option>
    436. 

  436. 						    </select>
    437. 

  437. 						</div>
    438. 

  438. 					</form>
    439. 

  439. 				</div>
    440. 

  440. 			</div>
    441. 

  441. 			<div class="modal-footer">
    442. 

  442. 		        <button type="button" class="btn btn-secondary" data-dismiss="modal" th:text="#{global.cancel}">Cancelar</button>
    443. 

  443. 		        <button class="btn btn-success" type="submit" form="newRoleForm" th:text="#{global.confirm}">Confirmar</button>
    444. 

  444. 	        </div>
    445. 

  445. 	    </div>
    446. 

  446. 	  </div>
    447. 

  447. 	</div>
    448. 

  448. 

  449. 	<!-- contactModal -->
    450. 

  450. 	<div th:replace="~{layouts/common.html :: contactModal}"></div>
    451. 

  451. 	
    452. 

  452. 	<!-- Footer -->
    453. 

  453. 	<footer class="uv-footer uv-footer-text" th:replace="~{layouts/common.html :: footer}"></footer>
    454. 

  454. 	
    455. 

  455. 	<script th:src="@{/js/jquery/jquery.min.js}"></script>
    456. 

  456. 	<script th:src="@{/js/fa/all.js}"></script>
    457. 

  457. 	<script th:src="@{/js/jquery/datatables.min.js}"></script>
    458. 

  458. 	<script th:src="@{/js/jquery-easing/jquery.easing.min.js}"></script>
    459. 

  459. 	<script th:src="@{/js/bootstrap-select/bootstrap-select.js}"></script>
    460. 

  460. 	<script th:src="@{/js/bootstrap-select/i18n/defaults-es_ES.js}" th:if="${#locale.language} == 'es'"></script>
    461. 

  461. 	<script th:src="@{/js/bootstrap-select/i18n/defaults-ca_CA.js}" th:if="${#locale.language} != 'es'"></script>
    462. 

  462. 	<script th:src="@{/js/gijgo/gijgo.min.js}"></script>
    463. 

  463. 	<script th:src="@{/js/frappe-gantt/frappe-gantt.min.js}"></script>
    464. 

  464. 	<script th:src="@{/js/chartjs/chart.js}"></script>
    465. 

  465. 	<script th:src="@{/js/saic.js}"></script>
    466. 

  466.   
    467. 

  467.   	<script th:if="${editable}" type="text/javascript">
    468. 

  468.   		function editableSettings(){
    469. 

  469.   			$(".custom-file-input").on("change", function() {
    470. 

  470.   				var fileName = $(this).val().split("\\").pop();
    471. 

  471.   				$(this).siblings(".custom-file-label").addClass("selected").html(fileName);
    472. 

  472.   			});
    473. 

  473.   			
    474. 

  474.   			$("#newDocumentForm").submit(function(e) {
    475. 

  475.   			    e.preventDefault();
    476. 

  476.   			    var formData = new FormData(this);    
    477. 

  477.   			    $.ajax({
    478. 

  478.   			        url: "/dashboard/documents",
    479. 

  479.   			        type: "POST",
    480. 

  480.   			        data: formData,
    481. 

  481.   			        processData: false,
    482. 

  482.   			        contentType: false,
    483. 

  483.   			        success: function(data){
    484. 

  484.   			        	treeDocuments.reload();
    485. 

  485.   			        }
    486. 

  486.   			    });
    487. 

  487.   			    $('#categorySelector').val('').trigger('change');
    488. 

  488.   			    $('#documentSelector').val('').trigger('change');
    489. 

  489.   			    $('#customFile').val('').trigger('change');
    490. 

  490.   				$('#newDocumentModal').modal('toggle');
    491. 

  491.   			});
    492. 

  492.   		}
    493. 

  493.   		
    494. 

  494.   		function hideAllDocuments(){
    495. 

  495.   			$.post("/dashboard/documents/archive", {tlugar:tlugar, lugar:lugar}, function(){treeDocuments.reload();});
    496. 

  496.   			$('#hideDocumentsModal').modal('toggle');
    497. 

  497.   		}
    498. 

  498.   	</script>
    499. 

  499.   	
    500. 

  500.   	<script th:if="${!editable}" type="text/javascript">
    501. 

  501.   		function editableSettings(){}
    502. 

  502.   		function hideAllDocuments(){}
    503. 

  503.   	</script>
    504. 

  504.   
    505. 

  505. 	<script type="text/javascript">
    506. 

  506. 		var locale = '[[${#locale.language}]]';
    507. 

  507. 		var lugar = '[[${organ.lugar}]]';
    508. 

  508. 		var tlugar = '[[${organ.tlugar}]]';
    509. 

  509. 		var ruct = '[[${organ.ruct}]]';
    510. 

  510. 		var tambit = '[[${organ.tambit}]]';
    511. 

  511. 		var treeProcedures, treeDocuments, ganttChart;
    512. 

  512. 		var tasks = [];
    513. 

  513. 		var inds = [];
    514. 

  514. 		var cursorPosition;
    515. 

  515. 		var tableAcreds, tableTits;
    516. 

  516. 				
    517. 

  517. 		$(document).ready(function(){  
    518. 

  518. 			layout = new Layout("");
    519. 

  519. 			initTables();
    520. 

  520. 			
    521. 

  521. 			$('.data-inds-2').hide();
    522. 

  522. 			$('.chart-container').hide();
    523. 

  523. 			
    524. 

  524. 			$('#categorySelector').val('').trigger('change');
    525. 

  525. 			$('#categorySelector').change(getChildCats);
    526. 

  526. 			
    527. 

  527. 			$('.data-selector-orig').on('change', function(){
    528. 

  528. 				//changeDataOrig($(this).val());
    529. 

  529. 			});
    530. 

  530. 			
    531. 

  531. 			$('.data-selector-group').on('change', function(){
    532. 

  532. 				//toggleDataView($(this).val());
    533. 

  533. 			});
    534. 

  534. 			
    535. 

  535. 			$('.data-selector-orig').trigger('change');
    536. 

  536. 

  537. 			$('#newUserContainer').hide();
    538. 

  538. 			$('#userSelector').val('').trigger('change');
    539. 

  539. 			
    540. 

  540. 			treeDocuments = $('#treeDocuments').tree({
    541. 

  541. 				  cascadeSelection: false,
    542. 

  542. 				  cascadeCheck: false,
    543. 

  543. 				  selectionType: 'single',
    544. 

  544. 				  dataSource: '/dashboard/documents/'+ruct
    545. 

  545. 			});
    546. 

  546. 

  547. 			$('#newOrganForm').on('submit', function(e) {
    548. 

  548. 				e.preventDefault();
    549. 

  549. 

  550. 				var type = $('#typeSelector').val();
    551. 

  551.         		var endpoint = (type === 'centro') ? '/organ/centre' : '/organ/titulacion';
    552. 

  552. 

  553. 				var formData = new FormData(this);
    554. 

  554. 

  555. 				$.ajax({
    556. 

  556. 					url: endpoint,
    557. 

  557. 					type: 'PUT',
    558. 

  558. 					data: formData,
    559. 

  559. 					processData: false,
    560. 

  560.   			        contentType: false,
    561. 

  561. 					success: function(data) {
    562. 

  562. 						$('#newOrganModal').modal('hide');
    563. 

  563. 						location.reload();
    564. 

  564. 					}
    565. 

  565. 				})
    566. 

  566. 			})
    567. 

  567. 			drawReports(ruct);
    568. 

  568. 			drawGantt(ruct);
    569. 

  569. 			editableSettings();
    570. 

  570. 			
    571. 

  571. 			layout.closeLoadingSpinner(".uv-loading-spinner");
    572. 

  572. 

  573. 			var hash = window.location.hash;
    574. 

  574. 			if(hash){
    575. 

  575. 				$('.nav-link').removeClass('active');
    576. 

  576. 				$('.tab-pane').removeClass('active');
    577. 

  577. 				$('.nav-link[href="'+hash+'"]').addClass('active');
    578. 

  578. 				$(hash).addClass('active');
    579. 

  579. 			}
    580. 

  580. 			
    581. 

  581. 		});	
    582. 

  582. 		
    583. 

  583. 		function initTables(){
    584. 

  584. 			
    585. 

  585. 			$('#titsTable thead tr')
    586. 

  586. 		        .clone(true)
    587. 

  587. 		        .addClass('filters')
    588. 

  588. 				.addClass('titsFilters')
    589. 

  589. 		        .appendTo('#titsTable thead');
    590. 

  590. 			
    591. 

  591. 			tableTits = $('#titsTable').DataTable({
    592. 

  592. 				paging: true, 
    593. 

  593. 				buttons: [
    594. 

  594. 					{
    595. 

  595. 						extend: "pageLength",
    596. 

  596. 					},
    597. 

  597. 					{
    598. 

  598. 						extend: 'excelHtml5',
    599. 

  599. 						text: '<span><i class="fas fa-file-excel"></i></span>',
    600. 

  600. 						titleAttr: 'Exportar Excel',
    601. 

  601. 						title: 'ListadoTitulaciones',
    602. 

  602. 						exportOptions: {
    603. 

  603. 							columns: ':visible'
    604. 

  604. 						}
    605. 

  605. 					},
    606. 

  606. 					{
    607. 

  607. 						extend: 'csvHtml5',
    608. 

  608. 						text: '<span><i class="fas fa-file-csv"></i></span>',
    609. 

  609. 						titleAttr: 'Exportar CSV',
    610. 

  610. 						title: 'ListadoTitulaciones',
    611. 

  611. 						exportOptions: {
    612. 

  612. 							columns: ':visible'
    613. 

  613. 						}
    614. 

  614. 					},
    615. 

  615. 					{
    616. 

  616. 						extend: 'pdfHtml5',
    617. 

  617. 						text: '<span><i class="fas fa-file-pdf"></i></span>',
    618. 

  618. 						titleAttr: 'Exportar PDF',
    619. 

  619. 						title: 'ListadoTitulaciones',
    620. 

  620. 						exportOptions: {
    621. 

  621. 							columns: ':visible'
    622. 

  622. 						}
    623. 

  623. 					},
    624. 

  624. 					{
    625. 

  625. 						extend: 'colvis',
    626. 

  626. 						text: '<span><i class="fas fa-eye"></i></span>',
    627. 

  627. 						className: 'dropdown-colvis',
    628. 

  628. 						titleAttr: 'Mostrar/Ocultar columnas'
    629. 

  629. 					},
    630. 

  630. 					{
    631. 

  631. 						text: '<i class="fas fa-plus"></i>',
    632. 

  632. 						titleAttr: 'Añadir nueva',
    633. 

  633. 						action: function ( ) {
    634. 

  634. 							$('#newOrganModal').modal('toggle');
    635. 

  635. 						}
    636. 

  636. 					}
    637. 

  637. 				],
    638. 

  638. 				layout: {
    639. 

  639. 					topStart: null,
    640. 

  640. 			        topEnd: 'buttons'
    641. 

  641. 			    },
    642. 

  642. 				"language":{
    643. 

  643. 					"lengthMenu": "[[#{admin.stats.table.lengthMenu}]]", 
    644. 

  644. 		            "zeroRecords": "[[#{admin.stats.table.zeroRecords}]]",
    645. 

  645. 		            "info": "[[#{admin.stats.table.info}]]",
    646. 

  646. 		            "infoEmpty": "[[#{admin.stats.table.infoEmpty}]]",
    647. 

  647. 		            "infoFiltered": "[[#{admin.stats.table.infoFiltered}]]",
    648. 

  648. 		            "paginate": {
    649. 

  649. 		                "previous": "[[#{admin.stats.table.previous}]]",
    650. 

  650. 		                "next": "[[#{admin.stats.table.next}]]"
    651. 

  651. 		            },
    652. 

  652. 					"buttons": {
    653. 

  653. 						"pageLength": "%d [[#{admin.stats.table.lengthMenu}]]"
    654. 

  654. 					}
    655. 

  655. 				},
    656. 

  656. 				bAutoWidth: false, 
    657. 

  657. 				aoColumns : [
    658. 

  658. 					{ sWidth: '5%' },
    659. 

  659. 					{ sWidth: '5%' },
    660. 

  660. 				    { sWidth: '35%' },
    661. 

  661. 				    { sWidth: '50%' },
    662. 

  662. 				    { sWidth: '5%' },
    663. 

  663. 				    { sWidth: '5%' },
    664. 

  664. 				    { sWidth: '5%' },
    665. 

  665. 				    { sWidth: '5%' },
    666. 

  666. 				    { sWidth: '5%' },
    667. 

  667. 				    { sWidth: '5%' },
    668. 

  668. 				    { sWidth: '5%' },
    669. 

  669. 				    { sWidth: '5%' }
    670. 

  670. 				],
    671. 

  671. 				searching: true,
    672. 

  672. 				order:[ [2, 'asc'], [4, 'asc'], [3, 'asc'] ],
    673. 

  673. 				orderCellsTop: true,
    674. 

  674. 				//fixedHeader: true, // Not compatible with android
    675. 

  675. 				info: false,
    676. 

  676. 				responsive: false,
    677. 

  677. 				scrollX: true,
    678. 

  678. 				lengthMenu: [10, 25, 50, 100, { label: 'All', value: -1 }],
    679. 

  679. 				initComplete: function () {
    680. 

  680. 					var api = this.api();
    681. 

  681. 		        	this.api()
    682. 

  682. 		        	.columns()
    683. 

  683. 	                .eq(0)
    684. 

  684. 	                .each(function (colIdx) {
    685. 

  685. 	                    var cell = $('.filters.titsFilters th').eq(
    686. 

  686. 	                        $(api.column(colIdx).header()).index()
    687. 

  687. 	                    );
    688. 

  688. 	                    var title = $(cell).text();
    689. 

  689. 	                    $(cell).html('<input type="text" placeholder="' + title + '" />');
    690. 

  690. 	                    $('input', $('.filters.titsFilters th').eq($(api.column(colIdx).header()).index()))
    691. 

  691. 	                        .off('keyup change')
    692. 

  692. 	                        .on('change', function (e) {
    693. 

  693. 	                            $(this).attr('title', $(this).val());
    694. 

  694. 	                            var regexr = '({search})'; 
    695. 

  695. 	                            cursorPosition = this.selectionStart;
    696. 

  696. 	                            api.column(colIdx)
    697. 

  697. 	                               .search(   
    698. 

  698. 	                                    this.value != ''
    699. 

  699. 	                                        ? regexr.replace('{search}', '(((' + this.value + ')))')	
    700. 

  700. 	                                        : '',
    701. 

  701. 	                                    this.value != '',
    702. 

  702. 	                                    this.value == ''
    703. 

  703. 	                                )
    704. 

  704. 	                                .draw();
    705. 

  705. 	                        })
    706. 

  706. 	                        .on('keyup', function (e) {
    707. 

  707. 								e.preventDefault();
    708. 

  708. 	                            e.stopPropagation();
    709. 

  709. 	                            $(this).trigger('change');
    710. 

  710. 	                            $(this)
    711. 

  711. 	                                .focus()[0]
    712. 

  712. 	                                .setSelectionRange(cursorPosition, cursorPosition);
    713. 

  713. 	                        });
    714. 

  714. 	                });
    715. 

  715. 	                api.column(0).visible(false);
    716. 

  716. 	                api.column(1).visible(false);
    717. 

  717. 	                api.column(5).visible(false);
    718. 

  718. 	                api.column(6).visible(false);
    719. 

  719. 	                api.column(7).visible(false);
    720. 

  720. 	                api.column(8).visible(false);
    721. 

  721. 	                api.column(9).visible(false);
    722. 

  722. 	                api.column(10).visible(false);
    723. 

  723. 	                api.column(11).visible(false);
    724. 

  724. 	                
    725. 

  725. 				}
    726. 

  726. 			});
    727. 

  727. 		}	
    728. 

  728. 		
    729. 

  729. 		function drawGantt(ructAttr){
    730. 

  730. 			$.get('/dashboard/gantt/'+ructAttr, function(data){
    731. 

  731. 				data.forEach(function(d){d.id = 'Task '+d.id;});
    732. 

  732. 				data.at(-1).custom_class += ' gantt-task-last';
    733. 

  733. 				tasks = data;
    734. 

  734. 				ganttChart = new Gantt("#gantt", tasks, {
    735. 

  735. 					on_click: function (task) {
    736. 

  736. 						window.open("/procedure/"+task.id.replace('Task_', ''));
    737. 

  737. 					},
    738. 

  738. 					on_date_change: function(task, start, end) {
    739. 

  739. 						return false;
    740. 

  740. 					},
    741. 

  741. 					on_progress_change: function(task, progress) {
    742. 

  742. 						return false;
    743. 

  743. 					},
    744. 

  744. 					on_view_change: function() {
    745. 

  745. 						var bars = document.querySelectorAll("#gantt" + " .bar-group");
    746. 

  746. 						for (var i = 0; i < bars.length; i++) {
    747. 

  747. 							bars[i].addEventListener("mousedown", stopEvent, true);
    748. 

  748. 						}
    749. 

  749. 						var handles = document.querySelectorAll("#gantt" + " .handle-group");
    750. 

  750. 						for (var i = 0; i < handles.length; i++) {
    751. 

  751. 							handles[i].remove();
    752. 

  752. 						}
    753. 

  753. 					},
    754. 

  754. 					bar_height: 20, 
    755. 

  755. 					bar_corner_radius: 10, 
    756. 

  756. 					arrow_curve: 10, 
    757. 

  757. 					padding: 15,
    758. 

  758. 					view_mode: "Month",
    759. 

  759. 					date_format: "YYYY-MM-DD",
    760. 

  760. 					language: locale,
    761. 

  761. 					draggable: false, 
    762. 

  762. 		            hasArrows: false,
    763. 

  763. 		            highlight_weekend: false,
    764. 

  764. 		            readonly: true,
    765. 

  765. 		            popup: function(task) {
    766. 

  766. 		                return `
    767. 

  767. 		                  <div class="details-container">
    768. 

  768. 		                    <h6>${task.name}</h6>
    769. 

  769. 		                    <p>${task._start.toLocaleDateString()} - ${task._end.toLocaleDateString()}</p>
    770. 

  770. 		                  </div>
    771. 

  771. 		                `;
    772. 

  772. 		        	},
    773. 

  773. 				});
    774. 

  774. 				ganttChart.change_view_mode("Month");
    775. 

  775. 				$('.today-button').trigger('click');
    776. 

  776. 				$('.gantt-task-last').get(0).scrollIntoView({
    777. 

  777. 				            behavior: 'auto',
    778. 

  778. 				            block: 'center',
    779. 

  779. 				            inline: 'center'
    780. 

  780. 				        });
    781. 

  781. 				$(window).scrollTop(0);
    782. 

  782. 			});
    783. 

  783. 		}
    784. 

  784. 		
    785. 

  785. 		function getGraphData(){
    786. 

  786. 			$.get('/dashboard/graphs/inds/'+ruct+'/'+$('.data-selector-orig').val(), function(data){
    787. 

  787. 				$('.chart-inds').html('');
    788. 

  788. 				$('.data-inds').html('');
    789. 

  789. 				createDataTables();
    790. 

  790. 				inds.filter(d => d.estudi.toLowerCase() == $('.data-selector-orig').val().toLowerCase()).forEach(function(o){
    791. 

  791. 					var datasets = [], labels = [];
    792. 

  792. 					var vals = data.filter(d => d.dimension+'_'+d.indicador === o.idGrafica);
    793. 

  793. 					if(vals.length < 1){ console.log(o.idGrafica); return; }
    794. 

  794. 					createChartCanvas(o);
    795. 

  795. 					vals.forEach(function(v){
    796. 

  796. 						var values = [];
    797. 

  797. 						v.valores.forEach(function(v, k){
    798. 

  798. 							values.push(v.valor);
    799. 

  799. 							labels.push(v.curso);
    800. 

  800. 						});
    801. 

  801. 						if(v.ambit === 'C'){
    802. 

  802. 							datasets.push({
    803. 

  803. 						        label: locale == 'es' ? 'Centro' : 'Centre',
    804. 

  804. 						        data: values,
    805. 

  805. 						        borderWidth: 1.2,
    806. 

  806. 						        lineTension: 0.6,
    807. 

  807. 						        borderColor: "rgba(154,240,41,1)",
    808. 

  808. 						        backgroundColor: "rgba(154,240,41,0.5)",
    809. 

  809. 							});
    810. 

  810. 							drawTr(o, values.at(-1), values.at(-2));
    811. 

  811. 						}
    812. 

  812. 						if(v.ambit === 'U'){
    813. 

  813. 							datasets.push({
    814. 

  814. 						        label: locale == 'es' ? 'Universidad' : 'Universitat',
    815. 

  815. 						        data: values,
    816. 

  816. 						        borderWidth: 1.2,
    817. 

  817. 						        lineTension: 0.6,
    818. 

  818. 						        borderColor: "rgba(255,0,0,1)",
    819. 

  819. 						        backgroundColor: "rgba(240,41,67,0.5)",
    820. 

  820. 							});
    821. 

  821. 						}
    822. 

  822. 					});
    823. 

  823. 					labels = Array.from(new Set(labels)).sort();
    824. 

  824. 					drawChart(o, datasets, labels);
    825. 

  825. 					$('.data-selector-group').val(2).trigger('change');
    826. 

  826. 				});			
    827. 

  827. 			});
    828. 

  828. 		}
    829. 

  829. 		
    830. 

  830. 		function createChartCanvas(i){
    831. 

  831. 			 $(`.chart-inds-${i.g}`).append(`<div class="col-lg-4 chart-container"> 
    832. 

  832. 						     			   	     <canvas id="chart_${i.idGrafica}"></canvas>	    
    833. 

  833. 						             	     </div>`);
    834. 

  834. 		}
    835. 

  835. 				
    836. 

  836. 		function createDataTables(){
    837. 

  837. 			$('.data-inds').html('');
    838. 

  838. 			$('.data-inds').each(function(idx){
    839. 

  839. 				var i = $(this).attr('data-id');
    840. 

  840. 				var group = inds.filter(d => d.estudi.toLowerCase() == $('.data-selector-orig').val().toLowerCase()).filter(o => o.g == i);
    841. 

  841. 				var trs = '';
    842. 

  842. 				group.forEach(function(g){
    843. 

  843. 					trs += `<tr id="tr_${g.idGrafica}"></tr>`; 
    844. 

  844. 				});
    845. 

  845. 				$(this).html(`<table class="tableizer-table" style="width:100%;">
    846. 

  846. 					<thead>
    847. 

  847. 						<tr class="tableizer-firstrow">
    848. 

  848. 							<th></th>
    849. 

  849. 							<th style="width:50px;text-align: center;">Actual</th>
    850. 

  850. 							<th style="width:50px;text-align: center;">Anterior</th>
    851. 

  851. 							<th style="width:50px;text-align: center;">Desv.</th>
    852. 

  852. 						</tr>
    853. 

  853. 					 </thead>
    854. 

  854. 					 <tbody>
    855. 

  855. 						 ${trs}
    856. 

  856. 					</tbody>
    857. 

  857.                 </table>`);	
    858. 

  858. 			});
    859. 

  859. 		}
    860. 

  860. 		
    861. 

  861. 		function drawTr(obj, value1, value2){
    862. 

  862. 			var color = (value2 == undefined) ? 'black' : value1 - value2 < 0 ? 'red' : 'green';
    863. 

  863. 			if(obj.negate){
    864. 

  864. 				color = (color == 'black') ? color : value1 - value2 > 0 ? 'red' : 'green';
    865. 

  865. 			}
    866. 

  866. 			$('#tr_'+obj.idGrafica).html(`<td>${locale == 'es' ? obj.nomCas : obj.nomVal}</td>
    867. 

  867. 							   <td>${parseFloat(value1).toFixed(2)}${obj.unitats}</td>
    868. 

  868. 							   <td>${value2 == undefined ? '---' : parseFloat(value2).toFixed(2)+obj.unitats}</td>
    869. 

  869. 							   <td style="color:${color}">${value2 == undefined ? '---' : (value1 - value2).toFixed(2)+obj.unitats}</td>`);
    870. 

  870. 		}
    871. 

  871. 		
    872. 

  872. 		function drawChart(obj, values, labels){
    873. 

  873. 			if(typeof Chart.getChart('chart_'+obj.idGrafica) !== 'undefined'){
    874. 

  874. 				Chart.getChart('chart_'+obj.idGrafica).destroy();
    875. 

  875. 			}
    876. 

  876. 			const ctx = document.getElementById('chart_'+obj.idGrafica);
    877. 

  877. 			var callback;
    878. 

  878. 			if(obj.unitats == '%'){
    879. 

  879. 				callback = function(value, index, values){return value + " %";};
    880. 

  880. 			}
    881. 

  881. 			else{
    882. 

  882. 				callback = function(value, index, values){return value;};
    883. 

  883. 			}
    884. 

  884. 			new Chart(ctx, {
    885. 

  885. 			    type: 'line',
    886. 

  886. 			    data: {
    887. 

  887. 			      labels: labels,
    888. 

  888. 			      datasets: values
    889. 

  889. 			    },
    890. 

  890. 			    options: {
    891. 

  891. 			    	responsive: true,
    892. 

  892. 			        maintainAspectRatio: false,
    893. 

  893. 			    	plugins: {
    894. 

  894. 			    		title: {
    895. 

  895. 			                display: true,
    896. 

  896. 			                text: locale == 'es' ? obj.nomCas : obj.nomVal
    897. 

  897. 			            },
    898. 

  898. 			            legend: {
    899. 

  899. 			                display: false
    900. 

  900. 			            },
    901. 

  901. 			            labels: {
    902. 

  902. 			                render: () => {}
    903. 

  903. 			            }
    904. 

  904. 			        },
    905. 

  905. 					scales: {
    906. 

  906. 					  y: {
    907. 

  907. 						max: obj.likert ? 5 : null,
    908. 

  908. 						min: 0,
    909. 

  909. 					    beginAtZero: true,
    910. 

  910. 					    ticks: {
    911. 

  911. 					    	beginAtZero: true,
    912. 

  912. 					    	autoSkip: !obj.likert,
    913. 

  913. 					    	stepSize: obj.likert ? 1 : null,
    914. 

  914. 					    	stepValue: obj.likert ? 1 : null,
    915. 

  915. 					    	callback: callback
    916. 

  916. 					    },
    917. 

  917. 					    grid: {
    918. 

  918. 					        drawBorder: true
    919. 

  919. 					    },
    920. 

  920. 					    gridLines: {
    921. 

  921. 					        display: true,
    922. 

  922. 					        color: "rgba(255,99,132,0.2)"
    923. 

  923. 					      },
    924. 

  924. 					    stacked: false,
    925. 

  925. 					  }
    926. 

  926. 					}
    927. 

  927. 			    }
    928. 

  928. 			  });
    929. 

  929. 		}
    930. 

  930. 		
    931. 

  931. 		function getChildCats(){
    932. 

  932. 			$.get('/dashboard/documents/catsu/'+$(this).val()+'/'+tambit, function(data){
    933. 

  933. 				$('#documentSelector').html('');
    934. 

  934. 				data.forEach(function(d){
    935. 

  935. 					$(`<option value="${d.idCategoria}" data-content="${locale == 'es' ? d.nomCas : d.nomVal}">${locale == 'es' ? d.nomCas : d.nomVal}</option>`)
    936. 

  936. 					.appendTo($('#documentSelector'));
    937. 

  937. 				});
    938. 

  938. 				$('#documentSelector').selectpicker('refresh');
    939. 

  939. 			});
    940. 

  940. 		}
    941. 

  941. 		
    942. 

  942. 		function toggleDataView(id){
    943. 

  943. 			$('.data-inds').hide();
    944. 

  944. 			$('.data-inds-'+id).show();
    945. 

  945. 			$('.chart-inds').hide();
    946. 

  946. 			$('.chart-inds-'+id).show();
    947. 

  947. 		}
    948. 

  948. 		
    949. 

  949. 		function changeDataOrig(id){
    950. 

  950. 			$('option[data-group]').hide();
    951. 

  951. 			$(`option[data-group*='${id}']`).show();
    952. 

  952. 			getGraphData();
    953. 

  953. 		}
    954. 

  954. 		
    955. 

  955. 		function stopEvent(event) {
    956. 

  956. 			event.preventDefault();
    957. 

  957. 		}
    958. 

  958. 		
    959. 

  959. 		function changeGanttOrigin(){
    960. 

  960. 			ganttChart.clear();
    961. 

  961. 			$('.gantt-container').parent().html('<svg id="gantt"></svg>')
    962. 

  962. 			drawGantt($('#ganttOrigin').val());
    963. 

  963. 		}
    964. 

  964. 		
    965. 

  965. 		function changeReportsOrigin(){
    966. 

  966. 			treeProcedures.destroy();
    967. 

  967. 			drawReports($('#reportsOrigin').val());
    968. 

  968. 		}
    969. 

  969. 		
    970. 

  970. 		function drawReports(ructAttr){
    971. 

  971. 			treeProcedures = $('#treeProcedures').tree({
    972. 

  972. 				  cascadeSelection: false,
    973. 

  973. 				  cascadeCheck: false,
    974. 

  974. 				  selectionType: 'single',
    975. 

  975. 				  dataSource: '/dashboard/procedures/'+ructAttr
    976. 

  976. 			});
    977. 

  977. 		}
    978. 

  978. 

  979. 		function toggleFormFields(value) {
    980. 

  980. 			if (value === 'centro') {
    981. 

  981. 				$('#sectionCentro').show();
    982. 

  982. 				$('#sectionTitulacion').hide();
    983. 

  983. 				
    984. 

  984. 				$('#sectionTitulacion').find("input, select").prop("disabled", true);
    985. 

  985. 				$('#sectionCentro').find("input, select").prop("disabled", false);
    986. 

  986. 			} else {
    987. 

  987. 				$('#sectionCentro').hide();
    988. 

  988. 				$('#sectionTitulacion').show();
    989. 

  989. 				
    990. 

  990. 				$('#sectionCentro').find("input, select").prop("disabled", true);
    991. 

  991. 				$('#sectionTitulacion').find("input, select").prop("disabled", false);
    992. 

  992. 			}
    993. 

  993. 

  994. 			$('.selectpicker').selectpicker('refresh');
    995. 

  995. 		}
    996. 

  996. 

  997. 		function newUser(){
    998. 

  998. 			if(!$('#newUserContainer').is(":visible")){
    999. 

  999. 				$('#firstname').val('').attr('required', true);
    1000. 

  1000. 				$('#lastname').val('').attr('required', true);
    1001. 

  1001. 				$('#username').val('').attr('required', true);
    1002. 

  1002. 				$('#email').val('').attr('required', true);
    1003. 

  1003. 				$('#newUserContainer').show();
    1004. 

  1004. 				$('#userSelector').attr('required', false);
    1005. 

  1005. 				$('#userSelectorContainer').hide();
    1006. 

  1006. 				$('#addUserIcon').removeClass('fa-plus');
    1007. 

  1007. 				$('#addUserIcon').addClass('fa-minus');
    1008. 

  1008. 			}
    1009. 

  1009. 			else{
    1010. 

  1010. 				$('#firstname').val('').attr('required', false);
    1011. 

  1011. 				$('#lastname').val('').attr('required', false);
    1012. 

  1012. 				$('#username').val('').attr('required', false);
    1013. 

  1013. 				$('#email').val('').attr('required', false);
    1014. 

  1014. 				$('#newUserContainer').hide();
    1015. 

  1015. 				$('#userSelector').attr('required', true);
    1016. 

  1016. 				$('#userSelectorContainer').show();
    1017. 

  1017. 				$('#addUserIcon').removeClass('fa-minus');
    1018. 

  1018. 				$('#addUserIcon').addClass('fa-plus');
    1019. 

  1019. 			}	
    1020. 

  1020. 		}
    1021. 

  1021. 

  1022. 		function setEmail(){
    1023. 

  1023. 			$('#email').val($('#username').val()+'@uv.es');
    1024. 

  1024. 		}
    1025. 

  1025. 

  1026. 		function addUserRole(event){
    1027. 

  1027. 			event.preventDefault(); // Evita que la página se recargue
    1028. 

  1028. 

  1029. 			const form = document.getElementById('newRoleForm');
    1030. 

  1030. 			const formData = new FormData(form);
    1031. 

  1031. 

  1032. 			$.ajax({
    1033. 

  1033. 				type: "POST",
    1034. 

  1034. 				url: "/admin/userrole/new",
    1035. 

  1035. 				data: formData,
    1036. 

  1036. 				processData: false, // Necesario para FormData
    1037. 

  1037. 				contentType: false, // Necesario para FormData
    1038. 

  1038. 				success: function(response) {
    1039. 

  1039. 					if (response === true) {
    1040. 

  1040. 						location.reload(); 
    1041. 

  1041. 					} else {
    1042. 

  1042. 						alert("Error al añadir el rol");
    1043. 

  1043. 					}
    1044. 

  1044. 				},
    1045. 

  1045. 				error: function() {
    1046. 

  1046. 					alert("No se pudo conectar con el servidor");
    1047. 

  1047. 				}
    1048. 

  1048. 			});
    1049. 

  1049. 		}
    1050. 

  1050. 

  1051. 		function deleteUserRole(event){
    1052. 

  1052. 			event.preventDefault(); // Evita que la página se recargue
    1053. 

  1053. 

  1054. 			const form = document.getElementById('deleteUserForm');
    1055. 

  1055. 			const formData = new FormData(form);
    1056. 

  1056. 

  1057. 			$.ajax({
    1058. 

  1058. 				type: "POST",
    1059. 

  1059. 				url: "/admin/userrole/remove",
    1060. 

  1060. 				data: formData,
    1061. 

  1061. 				processData: false, // Necesario para FormData
    1062. 

  1062. 				contentType: false, // Necesario para FormData
    1063. 

  1063. 				success: function(response) {
    1064. 

  1064. 					if (response === true) {
    1065. 

  1065. 						location.reload(); 
    1066. 

  1066. 					} else {
    1067. 

  1067. 						alert("Error al eliminar el rol");
    1068. 

  1068. 					}
    1069. 

  1069. 				},
    1070. 

  1070. 				error: function() {
    1071. 

  1071. 					alert("No se pudo conectar con el servidor");
    1072. 

  1072. 				}
    1073. 

  1073. 			});
    1074. 

  1074. 		}
    1075. 

  1075. 

  1076. 	</script>
    1077. 

  1077. 

  1078. </body>
    1079. 

  1079. 

  1080. </html>
    1081.