templates/frontend/opere.search.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block pageTitle %} Ricerca Avanzata Opere {% endblock %}
  5. {% block pageStyle %} {{ parent() }} {% endblock %}
  7. {% block pageScriptsHeader %}
  8.     
  9.     {{ parent() }}
  10.     
  11.     {# <script src="{{ asset('js/masonry.pkgd.js') }}"></script> #}
  12.     <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
  14. {% endblock %}
  16. {% block navigation %} {{ parent() }} {% endblock %}
  18. {% block upperMainContainer %}
  19.     <div class="container">
  20.         <div class="row">
  21.             <div class="col-xl-4">
  22.                 <img class="img-fluid header-logo-luce" src="{{ asset("images/firma_logo_luce.png") }}"/>
  23.             </div>
  24.         </div>
  25.     </div>
  26. {% endblock %}
  28. {% block mainContainer %}
  29.     
  30.     <div class="container cortelazzo-font-regular">
  31.         
  32.         <div class="row">
  33.             <div class="col-xl-12">
  34.                 <span class="h1 cortelazzo-titles cortelazzo-font-bold">{{ 'Ricerca Avanzata Opere' | upper }}</span>
  35.             </div>
  36.             <div class="col-xl-12">
  37.                 <hr/>
  38.             </div>
  39.         </div>
  40.             
  41.         <div class="row">
  42.             <div class="col-xl-12">
  43.                 {{ form_start(form, {'attr': {'class': 'col-xl-12'}}) }}
  44.                     {{ form_errors(form) }}
  45.                     <div class="container p-0">
  46.                         <div class="row">
  47.                             <div class="form-group col-xl-6">
  48.                                 {{ form_errors(form.titolo) }}
  49.                                 {{ form_label(form.titolo, null, {
  50.                                     'label': 'Nome: '
  51.                                 }) }}
  52.                                 {{ form_widget(form.titolo, {'attr': {'class': 'form-control'}}) }}
  53.                             </div>
  54.                             <div class="form-group col-xl-6">
  55.                                 {{ form_errors(form.anno) }}
  56.                                 {{ form_label(form.anno, null, {
  57.                                     'label': 'Anno:'
  58.                                 }) }}
  59.                                 {{ form_widget(form.anno, {'attr': {'class': 'custom-select'}}) }}
  60.                             </div>
  61.                             <div class="form-group col-xl-6">
  62.                                 {{ form_errors(form.tipoopera) }}
  63.                                 {{ form_label(form.tipoopera, null, {
  64.                                     'label': 'Tipo di opera:'
  65.                                 }) }}
  66.                                 {{ form_widget(form.tipoopera, {'attr': {'class': 'custom-select'}}) }}
  67.                             </div>
  68.                             <div class="form-group col-xl-6">
  69.                                 {{ form_errors(form.numprogressivoanno) }}
  70.                                 {{ form_label(form.numprogressivoanno, null, {
  71.                                     'label': 'Num. Progressivo Anno :'
  72.                                 }) }}
  73.                                 {{ form_widget(form.numprogressivoanno, {'attr': {'class': 'form-control', 'min': '1', 'max': '32767'}}) }}
  74.                                 <small class="form-text text-muted">Il valore minimo consentito รจ 1</small>
  75.                             </div>
  76.                             <div class="form-group col-xl-6">
  77.                                 {{ form_errors(form.collezione) }}
  78.                                 {{ form_label(form.collezione, null, {
  79.                                     'label': 'Collezione:'
  80.                                 }) }}
  81.                                 {{ form_widget(form.collezione, {'attr': {'class': 'form-control'}}) }}
  82.                             </div>
  83.                             <div class="form-group col-xl-6">
  84.                                 {{ form_errors(form.chiave) }}
  85.                                 {{ form_label(form.chiave, null, {
  86.                                     'label': 'Chiave:'
  87.                                 }) }}
  88.                                 {{ form_widget(form.chiave, {'attr': {'class': 'form-control'}}) }}
  89.                             </div>
  90.                             <div class="form-group col-xl-12">
  91.                                 <hr/>
  92.                             </div>
  93.                             <div class="form-group col-auto">
  94.                                 <input type="submit" class="btn btn-primary" value="Cerca"></input>
  95.                             </div>
  96.                             <div class="form-group col-auto">
  97.                                 <a class="btn btn-info" href="{{ path('opereAdvancedSearch') }}" role="button">Reset</a>
  98.                             </div>
  99.                         </div>
  100.                         <div class="row">
  101.                             <div class="col-xl-12">
  102.                                 <hr/>
  103.                             </div>
  104.                             <div class="col-xl-12">
  105.                                 {% for message in app.flashes('notice') %}
  106.                                     <div class="alert alert-success">
  107.                                         {{ message }}
  108.                                     </div>
  109.                                 {% endfor %}
  110.                                 {% for message in app.flashes('errors') %}
  111.                                     <div class="alert alert-danger">
  112.                                         {{ message }}
  113.                                     </div>
  114.                                 {% endfor %}
  115.                             </div>
  116.                         </div>
  117.                     </div>
  118.                 {{ form_end(form) }}
  119.             </div>
  120.         </div>
  121.             
  122.         <!-- Images -->
  123.         <div class="container">
  124.             <div class="row" id="image-container">
  125.             {% for opera in opere %}
  126.                 {% if multimedias[opera.id] | length > 0 %}
  127.                 <div class="col-xl-3 card-item" data-idcard="{{ opera.id }}">
  128.                     <a href="{{ path("archivio-opere-scheda", {"idopera": opera.id}) }}">
  129.                         <img class="card-img-top" src="{{ asset(uploaded_img_normal ~ multimedias[opera.id][0].fileref | replace({'-': ''}) ~ '.' ~ multimedias[opera.id][0].estensione) }}" alt="{{ multimedias[opera.id][0].nome }}">
  130.                     </a>
  131.                     <div class="card-body">
  132.                         <a href="{{ path("archivio-opere-scheda", {"idopera": opera.id}) }}">
  133.                             <h5 class="card-title">{{ opera.titolo }}</h5>
  134.                         </a>
  135.                     </div>
  136.                 </div>
  137.                 {% endif %}
  138.             {% endfor %}
  139.             </div>
  140.         </div>
  141.     </div>
  142.         
  143.     <script type="text/javascript">
  144.         
  145.         // $(document).ready(function(){
  146.             
  147.         //     var container = $('#image-container');
  148.         //     container.imagesLoaded()
  149.         //     .done(function(){
  150.         //         container.masonry({
  151.         //             itemSelector: '.card-item',
  152.         //             'horizontalOrder': true
  153.         //         });
  154.         //     });
  155.             
  156.         // });
  157.         
  158.     </script>
  159.     
  160. {% endblock %}