templates/Curso/listarCursos.html.twig line 1

Open in your IDE?
  1. {# Opciones #}
  2. {% if app.user %}
  3.     {% if is_granted('ROLE_ADMIN') %} 
  4.         <div class="row">
  5.             <ul class="collection with-header redondearBordes">
  6.                 <li class="collection-header"><h6>Opciones de Administracion</h6></li>
  7.                 <li class="collection-item grey lighten-3">
  8.                  <a href="{{ path('curso_nuevo') }}" class="waves-effect waves-light btn-small colorOficial white-text"><i class="material-icons left">video_label</i>Agregar Curso</a>     
  9.                 </li>
  10.             </ul>
  11.         </div>
  12.    {% endif %}      
  13. {% endif %}
  14. {# Opciones #}
  16. <h6 class="tituloColorOficial">{{ nombre }}</h6>
  17. <p class="gris90 bajadaNota">A continuacion podras ver todas nuestras aulas virtuales disponibles,asi como tambien filtrar por categorias.</p>
  19. {# Listo las categorias de los cursos #}
  20. {% include "Curso/showCategoriasCursos.html.twig" with { 'cursos' : cursos  } %}
  21. {# Listo las categorias de los cursos #}       
  23. {# Buscador de Cursos #}
  24. <div class="row"> 
  25.     <ul class="collection redondearBordes">
  26.         <li class="collection-item">            
  27.             <div class="input-field col s12">
  28.              <i class="material-icons prefix">search</i>
  29.              <input id="parametroBusquedaCurso" type="text" class="input-field" onkeyup="buscadorCursos();">
  30.              <label for="parametroBusquedaCurso">Buscar Curso</label>             
  31.              <center><p id="mensajeBuscadorCurso"></p></center>    
  32.             </div>
  33.         </li>
  34.     </ul>
  35. </div> 
  36. {# Buscador de Cursos #}
  38. {# Muestro los Cursos #}
  39. <div class="row">
  40. {% if cursos|length > 0 %}    
  41.     
  42.     {# Iteramos sobre todos los cursos #}
  43.     {% for curso in cursos|sort((a, b) => a.nombre <=> b.nombre) %}   
  44.     {# if curso.activo or (app.user and app.user.poseeUnCurso(curso)) or is_granted('ROLE_ADMIN') #}      
  45.     {% if curso.activo or (app.user and app.user.poseeUnCurso(curso)) %}
  46.         {# Muestro cada curso #}        
  47.         <div class="col s12 m4 redondearBordes"  name="cursos" id="{{ curso.id }}" cursoNombre="{{ curso.nombre }}">
  48.             <div class="card cajaCursos">
  49.                 <div class="card-image">                   
  50.                     {% if curso.getImagenes()|length > 0 %}
  51.                      {% set imagen = curso.getImagenes()|first %}
  52.                      <img class="responsive-img" src="{{ asset(imagen.url) }}">             
  53.                     {% else %}
  54.                      <img class="responsive-img" src="{{ asset('img/imagen-no-disponible.png') }}">
  55.                     {% endif %}                
  56.                     {# <span class="card-title precioSobreImagen">${{ curso.precio }}</span> #}
  57.                     {#
  58.                     {% if is_granted('ROLE_ADMIN') %}
  59.                      <a href="{{ path('curso_ver',{'idCurso': curso.id}) }}" class="btn-floating halfway-fab waves-effect waves-light colorOficial"><i class="material-icons">play_arrow</i></a>
  60.                     {% endif %}
  61.                     #}
  62.                 </div>
  63.                 {# Datos del Curso #}
  64.                 <div class="card-content">
  65.                  <h6><strong>{{ curso.nombre }}</strong></h6>
  66.                  <br>
  67.                  {# <p class="datosCurso">{{ curso.descripcion }}</p> #}
  68.                     {# Info del Curso #}
  69.                     <div class="infoCurso">
  70.                         <ul class="collection" style="border: 0px solid #e0e0e0;">
  72.                             {% if curso.flagPublico == false %}
  73.                              <li class="collection-item" style="border-bottom: 0px solid #e0e0e0;"><strong><i class="material-icons left">attach_money</i> Precio:</strong> ${{ curso.precio }} / Precio USD ${{ curso.precioUsd }} </li>
  74.                             {% else %}
  75.                              <li class="collection-item" style="border-bottom: 0px solid #e0e0e0;"><strong><i class="material-icons left">attach_money</i> Precio: Curso Libre y Publico</strong> </li>
  76.                             {% endif %}
  77.                          
  78.                          {# <li class="collection-item" style="border-bottom: 0px solid #e0e0e0;"><strong><i class="material-icons left">attach_money</i> Precio:</strong> ${{ curso.precio }}</li> #}
  79.                          <li class="collection-item" style="border-bottom: 0px solid #e0e0e0;"><strong><i class="material-icons left">content_paste</i> Categoria:</strong> {% for categoria in curso.getCategorias() %} {{ categoria.nombre }} {% endfor %} </li>
  80.                          <li class="collection-item" style="border-bottom: 0px solid #e0e0e0;"><strong><i class="material-icons left">video_library</i> Videos:</strong> {{ curso.getClases()|length }} Disponibles</li>
  81.                          <li class="collection-item" style="border-bottom: 0px solid #e0e0e0;"><strong><i class="material-icons left">event_available</i> Estado:</strong> {{ curso.estaActivo() }}</li>
  82.                          {# <li class="collection-item" style="border-bottom: 0px solid #e0e0e0;">{{ curso.descripcion }}</li> #}
  83.                         </ul>                        
  84.                     </div>
  85.                    {# Info del Curso #}
  86.                 </div>
  87.                 {# Datos del Curso #}
  88.                  
  89.                 <div class="card-action colorOficialClaro">
  90.                  <a href="{{ path('curso_ver',{'idCurso': curso.id}) }}" class="waves-effect waves-light btn-small colorOficial white-text">Ver</a>              
  91.                     {% if app.user %}
  92.                         {% if is_granted('ROLE_ADMIN') %}
  93.                          <a href="{{ path('curso_editar',{'idCurso': curso.id}) }}" class="waves-effect waves-light btn-small colorOficial white-text">Editar</a>
  94.                          {# <a href="{{ path('curso_eliminar',{'idCurso': curso.id}) }}" class="waves-effect waves-light btn-small colorOficial white-text">Eliminar</a> #}
  95.                         {% endif %}
  96.                     {% endif %}
  97.                 </div>     
  98.                 
  99.             </div>
  100.         </div>        
  101.         {# Muestro cada curso #}
  102.     {% endif %}       
  103.     {% endfor %}  
  104.     {# Iteramos sobre todos los cursos #}   
  105. {% else %}
  106.  <br>
  107.  <center><p>No hay cursos por el momento , disculpe las molestias</p></center>
  108.  <br>
  109. {% endif %}
  110. </div>
  111. {# Muestro los Cursos #}