templates/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {{projet.client.code}}
  5. {% endblock %}
  7. {% block stylesheets %}
  8.     <link rel="stylesheet" href="{{ asset('css/custom.css')}}">
  9.     <link rel="stylesheet" href="{{ asset('css/style.css')}}">
  10.     <link rel="stylesheet" href="{{ asset('css/owlcarousel/owl.carousel.min.css')}}">
  11.     <link rel="stylesheet" href="{{ asset('css/owlcarousel/owl.theme.default.min.css')}}">
  12.     <link rel="stylesheet" media="screen, print" href="{{ asset('youscribe/css/' ~ projet.themeCss) }}">
  13. {% endblock %}
  15. {% block menu %}
  16.     <div class="col-xl-12 zone-nav" style="text-align:center">
  17.         <a href="{{ path('default_index', {'idc': projet.client.id ,'id': projet.id , 'idUser': idUser}) }}" class="{{title == 'home' ? 'btn-active' :''}} mb-2 mr-3 btn btn-outline-project .btn-project-icon btn-lg btn-icon rounded-circle waves-effect waves-themed" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Accueil" id="btn">
  18.             <i class="fal fa-home"></i>
  19.         </a>
  21.         {% for categ in categories %}
  23.             <a href="{{ path('default_categorie_show', {'idc': projet.client.id ,'id': projet.id , 'idcat': categ.id , 'idUser': idUser}) }}" class=" {{title == categ.name ? 'btn-active' :''}}  mb-2 mr-3 btn btn-outline-project .btn-project-icon btn-lg btn-icon rounded-circle waves-effect waves-themed" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="{{categ.name}}">
  24.                 <i class="{{ (categ.name == 'Presse') ? 'fal fa-newspaper' :(categ.name == 'Livres audio') ? 'fal fa-file-audio' :(categ.name == 'BD') ? 'fal fa-book-user' :(categ.name == 'Ebooks') ? 'fal fa-book'}} "></i>
  25.             </a>
  26.         {% endfor %}
  28.     </div>
  29.     <form name="form" method="get" action="{{path('search_youscribe')}}" class="mt-2">
  30.         <div
  31.             class="input-group input-group-lg mb-5 shadow-1 rounded">
  32.             {# {% if words is defined %}
  33.                             <input type="hidden" id="words" name="words" required="required" value="{{words}}">
  34.                         {% endif %} #}
  35.             <input type="hidden" id="idUser" name="idUser" required="required" value="{{idUser}}">
  36.             <input type="hidden" id="projet" name="projet" required="required" value="{{projet.id}}">
  37.             <input type="text" id="form_query" name="form[query]" required="required" class="form-control shadow-inset-2" placeholder="Votre recherche">
  38.             <div class="input-group-append">
  39.                 <button class="btn  btn-project hidden-sm-down waves-effect waves-themed" type="submit">
  40.                     <i class="fal fa-search mr-lg-2"></i>
  41.                     <span class="hidden-md-down">Rechercher</span>
  42.                 </button>
  43.             </div>
  44.         </div>
  45.     </form>
  46. {% endblock %}
  48. {% block body %}
  49.     {% if productsInfos is defined %}
  50.         {{include('default/search.html.twig')}}
  51.     {% endif %}
  52.     <!--home -->
  53.     {% if rubriques is defined %}
  54.         {{include('default/rubrique.html.twig')}}
  55.     {% endif %}
  56.     <!--end home -->
  57.     <!--display theme by category -->
  58.     {% if themes is defined  %}
  59.         {{include('default/theme.html.twig')}}
  60.     {% endif %}
  61.     <!--end display theme by category -->
  63.     <!--display Tag by theme -->
  64.     {% if tags is defined  %}
  66.         <h6 class="mb-3" style="color: #7d7a7a;">
  67.             <a class="text-info" href="{{ path('default_categorie_show', {'idc': projet.client.id , 'id': projet.id , 'idcat': categorie.id , 'idUser': idUser}) }}" style="font-weight: bolder;">
  68.                 {{categorie.name}}
  69.             </a>
  70.             &gt;
  71.             <a href="{{ path('default_categorie_show_tag', {'idc': projet.client.id , 'id': projet.id , 'idcat': categorie.id , 'idUser': idUser , 'idTh' : theme.id}) }}" class="opacity-60 text-info" style="font-weight: bolder;">{{theme.label}}</a>
  72.             &gt;
  73.             <span>{{tagInfo.label == "Tous les sous thèmes" ? 'Tous les sous thèmes' : tagInfo.label }}</span>
  74.         </h6>
  75.         <div class="alert alert-project-primary" role="alert">
  76.             <div class="col-xl-12">
  77.                 <div style=" display: contents; ">
  78.                     <a href="{{ path('default_categorie_show_tag', {'idc': projet.client.id , 'id': projet.id , 'idcat': categorie.id , 'idUser': idUser, 'idTh' : theme.id}) }}" class="cursor-auto mb-1 btn btn-pills active btn-outline-info d-inline-block js-waves-off">
  79.                         <b>
  80.                             {{tagInfo.label == "Tous les sous thèmes" ? countProducts : products.getTotalItemCount }}&nbsp;ouvrages
  81.                         </b>
  82.                     </a>
  83.                 </div>
  84.                 <div style=" display: contents; ">
  85.                     <a href="#" class="cursor-auto mb-1 btn btn-pills active btn-outline-success d-inline-block js-waves-off">
  86.                         {% if idL == 1931 %}
  87.                             Français
  88.                         {% elseif idL == 1820 %}
  89.                             English
  90.                         {% elseif idL == 340  %}
  91.                             Arabic
  92.                         {% elseif idL == 5889 %}
  93.                             Español
  94.                         {% elseif idL == 5250 %}
  95.                             Português
  96.                         {% elseif idL == 0 %}
  97.                             Toutes les langues
  98.                         {% endif %}
  99.                     </a>
  100.                 </div>
  101.                 <div style=" display: contents; ">
  102.                     <a href="#" class="cursor-auto mb-1 btn btn-pills active btn-outline-success d-inline-block js-waves-off">
  103.                         {% if idTr == 'sort_title|0' %}
  104.                             Ordre alphabétique
  105.                         {% elseif idTr == 'online_date' %}
  106.                             Derniers ajouts
  107.                         {% elseif idTr == 'nb_reads_for_thirty_days' %}
  108.                             Plus lues
  109.                         {% elseif idTr == null %}
  110.                             Plus lues
  111.                         {% endif %}
  112.                     </a>
  113.                 </div>
  114.                 <div style=" display: contents; ">
  115.                     <a href="{{ path('default_categorie_show_tag', {'idc': projet.client.id , 'id': projet.id , 'idcat': categorie.id , 'idUser': idUser,'idTh' : theme.id}) }}" class="{{tagInfo.label == "Tous les sous thèmes" ? 'btn-active1' : ''}} mb-1 btn btn-pills btn-primary d-inline-block js-waves-off">
  116.                         Tous les sous thèmes
  117.                     </a>
  118.                 </div>
  119.                 {% for tag in tags %}
  120.                     <div style=" display: contents; ">
  121.                         <a href="{{ path('default_categorie_show_result', {'idc': projet.client.id , 'id': projet.id , 'idcat': categorie.id , 'idUser': idUser ,'idTh' : theme.id ,'idTag': tag.id ,'idL' : 0}) }}" class="{{tagInfo.label == tag.label ? 'btn-active1' : ''}} mb-1 btn btn-pills btn-outline-project1 d-inline-block js-waves-off">
  122.                             {{tag.label}}
  123.                         </a>
  124.                     </div>
  125.                 {% endfor %}
  126.             </div>
  127.         </div>
  128.         <!-- filter by language and sorting -->
  129.         {% if tagInfo.id is defined %}
  130.             <div class="row mb-4">
  131.                 <div class="col-auto mr-auto">
  132.                     <div class="input-group-prepend show">
  133.                         <button class="btn btn-outline-default dropdown-toggle waves-effect waves-themed" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Langue</button>
  134.                         <div class="dropdown-menu" style="position: absolute; will-change: top, left; top: 37px; left: 0px;" x-placement="bottom-start">
  135.                             <a class="dropdown-item" href="{{ path('default_categorie_show_result', {'idc': projet.client.id , 'id': projet.id , 'idcat': categorie.id , 'idUser': idUser, 'idTh' : theme.id ,'idTag': tagInfo.id ,'idL' : 0 , 'idTr':null}) }}">Toutes les langues</a>
  136.                             <a class="dropdown-item" href="{{ path('default_categorie_show_result', {'idc': projet.client.id , 'id': projet.id , 'idcat': categorie.id , 'idUser': idUser,'idTh' : theme.id ,'idTag': tagInfo.id ,'idL' : 1931 , 'idTr':null}) }}">Français</a>
  137.                             <a class="dropdown-item" href="{{ path('default_categorie_show_result', {'idc': projet.client.id , 'id': projet.id , 'idcat': categorie.id , 'idUser': idUser,'idTh' : theme.id ,'idTag': tagInfo.id ,'idL' : 1820, 'idTr':null}) }}">English</a>
  138.                             <a class="dropdown-item" href="{{ path('default_categorie_show_result', {'idc': projet.client.id , 'id': projet.id , 'idcat': categorie.id , 'idUser': idUser,'idTh' : theme.id ,'idTag': tagInfo.id ,'idL' : 340, 'idTr':null}) }}">Arabic</a>
  139.                             <a class="dropdown-item" href="{{ path('default_categorie_show_result', {'idc': projet.client.id , 'id': projet.id , 'idcat': categorie.id , 'idUser': idUser, 'idTh' : theme.id ,'idTag': tagInfo.id ,'idL' : 5250, 'idTr' : null}) }}">Português</a>
  140.                         </div>
  141.                     </div>
  142.                 </div>
  144.                 <div class="col-auto mr-6">
  145.                     <div class="input-group-prepend show">
  146.                         <button class="btn btn-outline-default dropdown-toggle waves-effect waves-themed" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Trier par</button>
  147.                         <div class="dropdown-menu" style="position: absolute; will-change: top, left; top: 37px; left: 0px;" x-placement="bottom-start">
  148.                             <a class="dropdown-item" href="{{ path('default_categorie_show_result', {'idc': projet.client.id , 'id': projet.id , 'idcat': categorie.id ,'idUser': idUser, 'idTh' : theme.id ,'idTag': tagInfo.id ,'idL' : idL , 'idTr':'nb_reads_for_thirty_days'}) }}">Derniers ajouts</a>
  149.                             <a class="dropdown-item" href="{{ path('default_categorie_show_result', {'idc': projet.client.id , 'id': projet.id , 'idcat': categorie.id , 'idUser': idUser,'idTh' : theme.id ,'idTag': tagInfo.id ,'idL' : idL , 'idTr':'sort_title|0'}) }}">Ordre alphabétique</a>
  150.                             <a class="dropdown-item" href="{{ path('default_categorie_show_result', {'idc': projet.client.id , 'id': projet.id , 'idcat': categorie.id , 'idUser': idUser,'idTh' : theme.id ,'idTag': tagInfo.id ,'idL' : idL , 'idTr':null}) }}">Plus lues</a>
  151.                         </div>
  152.                     </div>
  153.                 </div>
  154.             </div>
  155.         {% endif %}
  156.         <!-- end filter by language and sorting -->
  157.         {{include('default/tag.html.twig')}}
  158.     {% endif %}
  160.     <!-- end display Tag by theme -->
  161. {% endblock %}
  163. {% block javascripts %}
  164.     <script src="{{ asset('js/owl.carousel.min.js')}}"></script>
  165.     <script src="{{ asset('js/ledClient.js')}}"></script>
  166. {% endblock %}