reacomoda el menu para agrupar los servicios comunes

Wilmer
1 parent e16d443815
Showing 1 changed file with 26 additions and 4 deletions Show diff stats
app/Resources/views/base_app.html.twig
@@ -12,6 +12,16 @@
                     opacity: 0.8;
                     background-color:#398439;
                 }
+
+                .dropdown-submenu {
+                    position: relative;
+                }
+
+                .dropdown-submenu .dropdown-menu {
+                    top: 60%!important;
+                    left: 35%;
+                    margin-top: -1px;
+                }
             </style>
         {% endblock %}
         <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
@@ -271,12 +281,18 @@
                         <li class="droplink"><a href="#"><span class="fa fa-leaves-cea fa-2x" style="font-size: 1.7em;"></span><p> Servicios CEA</p><span class="arrow"></span></a>
                             <ul class="sub-menu">
                                 <li><a href="{{ path('servicios_index') }}">Mis Servicios</a></li>
-                                <li><a href="{{ path('cea_solicitud_ascenso') }}">Solicitar Ascenso</a></li>
-                                <li><a href="{{ path('cea_solicitudes_estado_academico' ) }}">Estado Académico </a></li>
+                                <li class="dropdown-submenu">
+                                    <a class="test" tabindex="-1" href="#">Ascensos <span class="caret"></span></a>
+                                    <ul class="dropdown-menu">
+                                        <li><a tabindex="-1" href="{{ path('cea_solicitud_ascenso') }}">Nuevo Ascenso</a></li>
+                                        <li><a tabindex="-1" href="{{ path('cea_solicitud_acta_defensa') }}">Acta de Defensa</a></li>
+                                        <li><a tabindex="-1" href="{{ path('cea_solicitud_recocimiento_escala') }}">Reconocer nuevo Escalafón</a></li>
+                                    </ul>
+                                </li>
                                 <li><a href="{{ path('cea_solicitudes_recocimiento_antiguedad') }}">Reconocimiento Antiguedad</a></li>
                                 <li><a href="{{ path('permisos_index') }}">Solicitud Permisos</a></li>
-                                <li><a href="{{ path('cea_solicitud_recocimiento_escala') }}">Reconocer Ascenso</a></li>
-                                <li><a href="{{ path('cea_solicitud_acta_defensa') }}">Acta Defensa</a></li>
+                                <li><a href="{{ path('cea_solicitudes_estado_academico' ) }}">Estado Académico </a></li>
+
                             </ul>
                         </li>
                         {% else %}
@@ -382,6 +398,12 @@
  
    $(document).ready(function () {
  
+       $('.dropdown-submenu a.test').on("click", function(e){
+           $(this).next('ul').toggle();
+           e.stopPropagation();
+           e.preventDefault();
+       });
+
        // Toggle Search
        $('.show-search').click(function(){
            $('.search-form').css('margin-top', '0');
...	...	@@ -12,6 +12,16 @@
12	12	opacity: 0.8;
13	13	background-color:#398439;
14	14	}
	15	+
	16	+ .dropdown-submenu {
	17	+ position: relative;
	18	+ }
	19	+
	20	+ .dropdown-submenu .dropdown-menu {
	21	+ top: 60%!important;
	22	+ left: 35%;
	23	+ margin-top: -1px;
	24	+ }
15	25	</style>
16	26	{% endblock %}
17	27	<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
...	...	@@ -271,12 +281,18 @@
271	281	<li class="droplink"><a href="#"><span class="fa fa-leaves-cea fa-2x" style="font-size: 1.7em;"></span><p> Servicios CEA</p><span class="arrow"></span></a>
272	282	<ul class="sub-menu">
273	283	<li><a href="{{ path('servicios_index') }}">Mis Servicios</a></li>
274		- <li><a href="{{ path('cea_solicitud_ascenso') }}">Solicitar Ascenso</a></li>
275		- <li><a href="{{ path('cea_solicitudes_estado_academico' ) }}">Estado Académico </a></li>
	284	+ <li class="dropdown-submenu">
	285	+ <a class="test" tabindex="-1" href="#">Ascensos <span class="caret"></span></a>
	286	+ <ul class="dropdown-menu">
	287	+ <li><a tabindex="-1" href="{{ path('cea_solicitud_ascenso') }}">Nuevo Ascenso</a></li>
	288	+ <li><a tabindex="-1" href="{{ path('cea_solicitud_acta_defensa') }}">Acta de Defensa</a></li>
	289	+ <li><a tabindex="-1" href="{{ path('cea_solicitud_recocimiento_escala') }}">Reconocer nuevo Escalafón</a></li>
	290	+ </ul>
	291	+ </li>
276	292	<li><a href="{{ path('cea_solicitudes_recocimiento_antiguedad') }}">Reconocimiento Antiguedad</a></li>
277	293	<li><a href="{{ path('permisos_index') }}">Solicitud Permisos</a></li>
278		- <li><a href="{{ path('cea_solicitud_recocimiento_escala') }}">Reconocer Ascenso</a></li>
279		- <li><a href="{{ path('cea_solicitud_acta_defensa') }}">Acta Defensa</a></li>
	294	+ <li><a href="{{ path('cea_solicitudes_estado_academico' ) }}">Estado Académico </a></li>
	295	+
280	296	</ul>
281	297	</li>
282	298	{% else %}
...	...	@@ -382,6 +398,12 @@
382	398
383	399	$(document).ready(function () {
384	400
	401	+ $('.dropdown-submenu a.test').on("click", function(e){
	402	+ $(this).next('ul').toggle();
	403	+ e.stopPropagation();
	404	+ e.preventDefault();
	405	+ });
	406	+
385	407	// Toggle Search
386	408	$('.show-search').click(function(){
387	409	$('.search-form').css('margin-top', '0');
...	...