templates/theme/frontend.html.twig line 1

Open in your IDE?
  1. {% extends 'theme/base.html.twig' %}
  2. {% block stylesheets %}{% endblock %}
  3. {% block javascripts %}{% endblock %}
  6. {% block feedback %}
  8.    <script type="text/javascript">
  9.    function confirmAction(action){
  10.       var confirmed = confirm("Esta seguro que desea" +action);
  11.       return confirmed;
  12. }
  13. $(document).ready(function () {
  14.     
  15.     //Initizalize fancybox width 1024
  16.     $('.fancybox').fancybox({
  17.         'width': 1024,
  18.         fitToView   : false,
  19.         autoSize    : false
  20.     });
  21.     //Initizalize fancybox width 1024
  22.     $('.fancybox-640').fancybox({
  23.         'width': 640,
  24.     'height': 250
  25.     });
  26.     
  28.     //Initizalize fancybox width 1024
  29.     $('.fancyboxPDF').fancybox({
  30.         'width': 1024
  31.     });
  32.     
  33.     
  34.     $('.fancybox-reload').fancybox({
  35.                     'afterClose':function () {
  36.                         window.location.reload();
  37.                     }
  38.                 }
  39.         );
  41.     $('#dinamicModal').on("hidden.bs.modal", function(e) {
  42.         $(e.target).removeData("bs.modal").find(".modal-content").html('<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h4 class="modal-title">Cargando</h4></div><div class="panel-body csspinner traditional"><p>Cargando, espere por favor</p></div><div class="modal-footer"><a href="#" data-dismiss="modal" class="btn">Cerrar</a></div>');
  43.     });
  45.     $('#edicion').on("hidden.bs.modal", function(e) {
  46.         $(e.target).removeData("bs.modal").find(".modal-content").html('<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h4 class="modal-title">Cargando</h4></div><div class="panel-body csspinner traditional"><p>Cargando, espere por favor</p></div><div class="modal-footer"><a href="#" data-dismiss="modal" class="btn">Cerrar</a></div>');
  47.     });
  49.     {% set reset = app.session.get('reset') %}
  51.     {% if reset =='1' %}
  52.     setTimeout(function() {
  53.         $("#ver_perfil").trigger('click');
  54.     },5);
  55.     {% endif %}
  57.     $('body').on('click', '.perfil_submit', function (e) {
  58.         $( 'form[name="perfilUsuario"]' ).addClass( "csspinner traditional" );
  60.         var formData = new FormData(document.getElementById("perfilUsuario"));
  62.         $.ajax({
  63.             type: "POST",
  64.             url:"/usuario/update_perfil",
  65.             data : formData,
  66.             cache: false,
  67.             contentType: false,
  68.             processData: false,
  69.             success: function(result){
  70.                 mensa = JSON.stringify(result['datos']);
  71.                 estado = JSON.stringify(result['estado']);
  72.                 estado=estado.replace(/^"/, "");
  73.                 estado=estado.replace(/"$/, "");
  75.                 $.notify({
  76.                             'status': estado,
  77.                             'message': mensa,
  78.                             'pos': 'top-center'
  79.                         }
  80.                 );
  81.                 $("#dinamicModal").modal('hide');
  83.             },
  84.             error: function(){
  85.                 alert("Error no especificado, por favor reintente luego");
  86.                 $("#dinamicModal").modal('hide');
  87.             }
  88.         });
  90.     });
  91. });
  92. </script>
  94. {% endblock %}
  99. {% block body %}
  100. <!-- START Main wrapper-->
  101.    <section class="wrapper">
  106.          
  107.       {% block navigation%}
  109.       <!-- START Top Navbar-->
  110.       <nav role="navigation" class="navbar navbar-default navbar-top navbar-fixed-top">
  111.           
  112.          <!-- START navbar header-->
  113.          <div class="navbar-header">
  114.             <a href="#" class="navbar-brand">
  115.                <div class="brand-logo">Honos</div>
  116.                <div class="brand-logo-collapsed"><img title="Honos" width="50px" style="position: absolute; top: 5px; left: 5px;" src="{{ asset('theme/images/honos.jpg') }}" /></div>
  117.             </a>
  118.          </div>
  119.          <!-- END navbar header-->
  120.          <!-- START Nav wrapper-->
  121.          <div class="nav-wrapper">
  122.             <!-- START Left navbar-->
  123.             <ul class="nav navbar-nav">
  124.                <li>
  125.                   <a href="#" data-toggle="aside">
  126.                      <em class="fa fa-align-left"></em>
  127.                   </a>
  128.                </li>
  130.                 {#
  131.                    <li>
  132.                       <a href="#" data-toggle="navbar-search">
  133.                          <em class="fa fa-search"></em>
  134.                       </a>
  135.                    </li>
  136.                 #}
  137.             </ul>
  139.             <!-- END Left navbar-->
  140.             <!-- START Right Navbar-->
  142.             
  143.             {{ include('theme/right-nav-bar.html.twig') }}
  144.                
  145.         <!-- END Right Navbar-->
  146.          </div>
  147.          <!-- END Nav wrapper-->
  149.       </nav>
  151.       {% endblock %}
  152.       
  153.       
  154.       <!-- END Top Navbar-->
  155. <!-- START aside-->
  156. <aside class="aside">
  157. <!-- START Sidebar (left)-->
  158. <nav class="sidebar">
  159. <ul class="nav">
  161. <li>&nbsp;</li>
  164. <!-- START user info-->
  165. {#
  166. <li>
  167.     <div data-toggle="collapse-next" class="item user-block has-submenu">
  169.  
  170.         <!-- User picture-->
  171.         <div class="user-block-picture">
  172.         <br />
  173.             <img src="{{ asset('theme/app/img/user/user.jpg') }}" alt="Avatar del Usuario" width="60" height="60" class="img-thumbnail img-circle">
  174.             <!-- Status when collapsed-->
  175.             <div class="user-block-status">
  176.                 <div class="point point-success point-lg"></div>
  177.             </div>
  178.         </div>
  180.         <!-- Name and Role-->
  181.         <div class="user-block-info">
  182.             <a href="{{ path('poliza_homepage')}}"></a>
  183.                         <span class="user-block-name item-text">Hola {% if app.user.nombre is defined %}
  184.                                 {{ app.user.nombre}}
  185.                             {% endif %}
  186.                         </span>
  187.                         
  188.         </div>
  189.     </div>
  194.   
  195.                      <!-- START User links collapse-->
  196.                      <ul class="nav collapse">
  198.                         <li><a href="#">Perfil</a>
  199.                         </li>
  200.                         <li><a href="#">Configuracion</a>
  201.                         </li>
  202.                         <li><a href="#">Notificaciones<div class="label label-danger pull-right">120</div></a>
  203.                         </li>
  204.                         <li><a href="#">Mensajes<div class="label label-success pull-right">300</div></a>
  205.                         </li>
  206.                         <li class="divider"></li>
  207.                         <li>
  208.                         {% if is_granted('ROLE_GESTION') or (is_granted('ROLE_ADMIN') or is_granted('ROLE_FACTURACION') or is_granted('ROLE_CONTABLE') or is_granted('ROLE_GESTOR')) %}
  209.                         <a href="#">
  210.                         {% elseif is_granted('ROLE_X')%}
  211.                         <a href="#">
  212.                         {% endif %}
  213.                         Logout</a>
  214.                         </li>
  216.                      </ul>
  217.                      <!-- END User links collapse-->
  218.                   </li>
  219.                   <!-- END user info-->
  220. #}
  226.       <!-- Include Bundles Menu Aside -->
  227.       {% set currentPath = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) %}
  228. {#
  229.        {% if "admin" in currentPath %}
  230.        {% include ('::adminbundle/menu-aside-frontend.html.twig') ignore missing %}
  231.        {% endif %}#}
  233.        {% include ('theme/menu-aside-frontend.html.twig') with {'currentPath': currentPath } %}
  235.       <!-- End Bundles Menu Aside -->
  236.     
  237.      
  238. <!-- Sidebar footer    -->
  242. {#
  243. <li class="nav-footer">
  244.     <div class="nav-footer-divider"></div>
  245.     <!-- START button group-->
  246.     <div class="btn-group text-center">
  247.         <button type="button" data-toggle="tooltip" data-title="" class="btn btn-link">
  248.             <!--  <em class="fa fa-user text-muted"><sup class="fa fa-plus"></sup>
  249.              </em> -->
  250.         </button>
  251.         <button type="button" data-toggle="tooltip" data-title="Settings" class="btn btn-link">
  252.             <em class="fa fa-cog text-muted"></em>
  253.         </button>
  254.         <a href="#" role="button" data-toggle="tooltip" data-title="Salir" class="btn btn-link">
  255.             <em class="fa fa-sign-out text-muted"></em></a>
  256.     </div>
  257.     <!-- END button group-->
  258. </li>
  259. #}
  260. </ul>
  261. </nav>
  262. <!-- END Sidebar (left)-->
  264. </aside>
  265. <!-- End aside-->
  276.       <!-- START aside-->
  279.       {% block offsidebar %}
  281.       {# se suprime la offsidebar#}
  282. {#
  283.       <aside class="offsidebar">
  284.          <!-- START Off Sidebar (right)-->
  285.          <nav>
  286.             <ul class="nav">
  287.                <!-- START user info-->
  288.                <li>
  289.                   <div class="item">
  290.                      <div style="background-image: url('{{ asset('theme/app/img/offsidebar-bg.jpg') }}')" class="p-lg">
  291.                         <div class="text-center">
  292.                            <p>
  293.                               <img src="{{ asset('theme/app/img/user/user.jpg') }}" style="width: 64px; height: 64px" alt="Image" class="img-circle img-thumbnail">
  294.                            </p>
  295.                            <p class="text-white">
  296.                               <strong>Alex</strong>
  297.                            </p>
  298.                         </div>
  299.                      </div>
  300.                   </div>
  301.                </li>
  302.                <!-- END user info-->
  303.                <!-- START list title-->
  304.                <li class="p">
  305.                   <small class="text-muted">ONLINE</small>
  306.                </li>
  307.                <!-- END list title-->
  308.                <li>
  309.                   <!-- START User status-->
  310.                   <a href="#" class="media p mt0">
  311.                      <span class="pull-right">
  312.                         <span class="point point-success point-lg"></span>
  313.                      </span>
  314.                      <span class="pull-left">
  315.                         <!-- Contact avatar-->
  316.                         <img src="{{ asset('theme/app/img/user/05.jpg') }}" style="width: 40px; height: 40px" alt="Image" class="media-object img-circle">
  317.                      </span>
  318.                      <!-- Contact info-->
  319.                      <span class="media-body">
  320.                         <span class="media-heading">
  321.                            <strong class="text-white">Tommy Sam</strong>
  322.                            <br>
  323.                            <small class="text-muted">tommy39</small>
  324.                         </span>
  325.                      </span>
  326.                   </a>
  327.                   <!-- END User status-->
  328.                   <!-- START User status-->
  329.                   <a href="#" class="media p mt0">
  330.                      <span class="pull-right">
  331.                         <span class="point point-success point-lg"></span>
  332.                      </span>
  333.                      <span class="pull-left">
  334.                         <!-- Contact avatar-->
  335.                         <img src="{{ asset('theme/app/img/user/06.jpg') }}" style="width: 40px; height: 40px" alt="Image" class="media-object img-circle">
  336.                      </span>
  337.                      <!-- Contact info-->
  338.                      <span class="media-body">
  339.                         <span class="media-heading">
  340.                            <strong class="text-white">Beverley Pierce</strong>
  341.                            <br>
  342.                            <small class="text-muted">be40210</small>
  343.                         </span>
  344.                      </span>
  345.                   </a>
  346.                   <!-- END User status-->
  347.                   <!-- START User status-->
  348.                   <a href="#" class="media p mt0">
  349.                      <span class="pull-right">
  350.                         <span class="point point-danger point-lg"></span>
  351.                      </span>
  352.                      <span class="pull-left">
  353.                         <!-- Contact avatar-->
  354.                         <img src="{{ asset('theme/app/img/user/07.jpg') }}" style="width: 40px; height: 40px" alt="Image" class="media-object img-circle">
  355.                      </span>
  356.                      <!-- Contact info-->
  357.                      <span class="media-body">
  358.                         <span class="media-heading">
  359.                            <strong class="text-white">Victor Long</strong>
  360.                            <br>
  361.                            <small class="text-muted">longlong</small>
  362.                         </span>
  363.                      </span>
  364.                   </a>
  365.                   <!-- END User status-->
  366.                   <!-- START User status-->
  367.                   <a href="#" class="media p mt0">
  368.                      <span class="pull-right">
  369.                         <span class="point point-warning point-lg"></span>
  370.                      </span>
  371.                      <span class="pull-left">
  372.                         <!-- Contact avatar-->
  373.                         <img src="{{ asset('theme/app/img/user/08.jpg') }}" style="width: 40px; height: 40px" alt="Image" class="media-object img-circle">
  374.                      </span>
  375.                      <!-- Contact info-->
  376.                      <span class="media-body">
  377.                         <span class="media-heading">
  378.                            <strong class="text-white">Danielle Berry</strong>
  379.                            <br>
  380.                            <small class="text-muted">hunter49</small>
  381.                         </span>
  382.                      </span>
  383.                   </a>
  384.                   <!-- END User status-->
  385.                </li>
  386.                <!-- START list title-->
  387.                <li class="p">
  388.                   <small class="text-muted">OFFLINE</small>
  389.                </li>
  390.                <!-- END list title-->
  391.                <li>
  392.                   <!-- START User status-->
  393.                   <a href="#" class="media p mt0">
  394.                      <span class="pull-right">
  395.                         <span class="point point-lg"></span>
  396.                      </span>
  397.                      <span class="pull-left">
  398.                         <!-- Contact avatar-->
  399.                         <img src="{{ asset('theme/app/img/user/09.jpg') }}" style="width: 40px; height: 40px" alt="Image" class="media-object img-circle">
  400.                      </span>
  401.                      <!-- Contact info-->
  402.                      <span class="media-body">
  403.                         <span class="media-heading">
  404.                            <strong class="text-white">Bertha Cooper</strong>
  405.                            <br>
  406.                            <small class="text-muted">ber123</small>
  407.                         </span>
  408.                      </span>
  409.                   </a>
  410.                   <!-- END User status-->
  411.                   <!-- START User status-->
  412.                   <a href="#" class="media p mt0">
  413.                      <span class="pull-right">
  414.                         <span class="point point-lg"></span>
  415.                      </span>
  416.                      <span class="pull-left">
  417.                         <!-- Contact avatar-->
  418.                         <img src="{{ asset('theme/app/img/user/10.jpg') }}" style="width: 40px; height: 40px" alt="Image" class="media-object img-circle">
  419.                      </span>
  420.                      <!-- Contact info-->
  421.                      <span class="media-body">
  422.                         <span class="media-heading">
  423.                            <strong class="text-white">Anne Curtis</strong>
  424.                            <br>
  425.                            <small class="text-muted">anni</small>
  426.                         </span>
  427.                      </span>
  428.                   </a>
  429.                   <!-- END User status-->
  430.                </li>
  431.                <li>
  432.                   <!-- Optional link to list more users-->
  433.                   <a href="#" title="See more contacts" class="p">
  434.                      <strong>
  435.                         <small class="text-muted">&hellip;</small>
  436.                      </strong>
  437.                   </a>
  438.                </li>
  439.             </ul>
  440.          </nav>
  441.          <!-- END Off Sidebar (right)-->
  442.       </aside>
  443. #}
  445.       {% endblock %}
  446.        
  447.       
  448.       <!-- END aside-->
  450.           <!-- START Main section-->
  451.       <section>
  452.         <!-- START Page content-->
  453.          <section class="main-content">
  454.                 <div class="row">
  455.                     <div class="col-lg-12">
  456.                         {% for mensaje in app.session.flashbag.get('success') %}
  457.                             <div class="alert alert-success alert-dismissable">
  458.                                 <button class="close" aria-hidden="true" data-dismiss="alert" type="button">×</button>
  459.                                 {{ mensaje }}
  460.                             </div>
  461.                         {% endfor %}
  462.                         {% for mensaje in app.session.flashbag.get('info') %}
  463.                             <div class="alert alert-info alert-dismissable">
  464.                                 <button class="close" aria-hidden="true" data-dismiss="alert" type="button">×</button>
  465.                                 {{ mensaje }}
  466.                             </div>
  467.                         {% endfor %}
  468.                         {% for mensaje in app.session.flashbag.get('warning') %}
  469.                             <div class="alert alert-warning alert-dismissable">
  470.                                 <button class="close" aria-hidden="true" data-dismiss="alert" type="button">×</button>
  471.                                 {{ mensaje }}
  472.                             </div>
  473.                         {% endfor %}
  474.                         {% for mensaje in app.session.flashbag.get('danger') %}
  475.                             <div class="alert alert-danger alert-dismissable">
  476.                                 <button class="close" aria-hidden="true" data-dismiss="alert" type="button">×</button>
  477.                                 {{ mensaje }}
  478.                             </div>
  479.                         {% endfor %}
  480.                     </div>
  481.                 </div>
  482.                 {#<small><a data-toggle="modal" href="#Ayuda" title="Ayuda">
  483.                 <i class="fa fa-exclamation-circle"> </i></a></small>#}
  484.         {% block content %}
  485.         {% endblock %}
  486.       </section>
  487.       <!-- END Main section-->
  488.    </section>
  491.         {% block maintenance %}
  492.         {% endblock %}
  493.    <!-- END Main wrapper-->
  494.    </section>
  495.     {% block modal %}
  496.         <div class="modal" id="dinamicModal">
  497.             <div class="modal-dialog">
  498.                 <div class="modal-content">
  499.                     <div class="modal-header">
  500.                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  501.                         <h4 class="modal-title">Cargando</h4>
  502.                     </div>
  503.                     <div class="modal-body">
  504.                         <div class="panel-body csspinner traditional">
  505.                             <p>Cargando, espere por favor</p>
  506.                         </div>
  507.                     </div>
  508.                     <div class="modal-footer">
  509.                         <a href="#" data-dismiss="modal" class="btn">Cerrar</a>
  510.                         {#<a href="#" class="btn btn-primary odom-submit">Subir archivos</a>#}
  511.                     </div>
  512.                 </div>
  513.             </div>
  514.         </div>
  515.     {% endblock %}
  516. {% block Ayuda %}
  517.     {% set currentPath = app.request.attributes.get('_route') %}
  518.     {#{ render(controller('AdminBundle:Ayuda:visualiza', { 'id': currentPath })) }#}
  519. {% endblock %}
  521.     <div class="modal fade" id="alerta" tabindex="-1" role="dialog" aria-labelledby="alertaLabel" aria-hidden="true">
  522.         <div class="modal-dialog">
  523.             <div class="modal-content">
  525.             </div>
  526.         </div>
  527.     </div>
  529. {% endblock %}