templates/search/result.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% set col_class = show_plantpart is defined ? 'w-20' : 'w-25'  %}
  3. {% block content %}
  5.     <section data-controller="drawer-many" class="mb-5" {#style="margin-top: -2.95rem;padding-top: 3rem;position: sticky;top: 3rem;z-index: 99;background: #fff;" #}>
  6.         
  7.         <h3 class="mb-5">Search Result : </h3>
  9.         {% if searchLabel is defined %}
  10.             <section class="mb-5">
  12.                 <p>Search Type : {{ searchLabel }}</p>
  13.                 <p>Search pattern: {{ searchPattern }}</p>
  14.                 <p>Search count: {{ paginator.itemCount }}</p>
  15.             
  16.                 {% if (molecularGroup ?? null) is not null %}
  17.                     <p>Filter by: {{ molecularGroup|capitalize() }}</p>
  18.                 {% endif %}    
  19.                 
  20.                 {% if searchLabel == "Plant" and plantPart is not empty %}
  21.                     <p>Plant part: {{ plantPart|capitalize() }}</p>
  22.                 {% endif %}
  24.             </section>
  25.         {% endif %}
  27.         {% if searchLabel == "Systemic toxicity" %}
  29.             <section class="mb-5">
  30.                 <form method="GET" action="{{ path('app_search_systemic_toxicity') }}" >
  31.                     
  32.                     <input type="hidden" name="search[systemic_toxicity]" value="{{ searchValue|default() }}" />
  34.                     <bx-form-item class="mb-2">
  35.                         <bx-select label-text="Molecular group" name="search[molecular_group]" value="{{ molecularGroup|default() }}">
  36.                             <bx-select-item value=""></bx-select-item>
  37.                             {% for item in molecularGroups %}
  38.                                 <bx-select-item value="{{ item.molgroup }}">{{ item.molgroup|capitalize() }}</bx-select-item>
  39.                             {% endfor %}
  40.                         </bx-select>
  41.                     </bx-form-item>
  43.                     <bx-form-item>
  44.                         <input type="submit" style="align-self:end;" value="Filter" />                            
  45.                     </bx-form-item>
  47.                 </form>
  48.             </section>
  50.         {% elseif searchLabel == 'Skin sensitization' %}
  52.             <section class="mb-5">
  53.                 <form method="GET" action="{{ path('app_search_skin_sensitization') }}" >
  54.                     
  55.                     <input type="hidden" name="search[skin_sensitization]" value="{{ searchValue|default() }}" />
  57.                     <bx-form-item class="mb-2">
  58.                         <bx-select label-text="Molecular group" name="search[molecular_group]" value="{{ molecularGroup|default() }}">
  59.                             <bx-select-item value=""></bx-select-item>
  60.                             {% for item in molecularGroups %}
  61.                                 <bx-select-item value="{{ item.molgroup }}">{{ item.molgroup|capitalize() }}</bx-select-item>
  62.                             {% endfor %}
  63.                         </bx-select>
  64.                     </bx-form-item>
  66.                     <bx-form-item>
  67.                         <input type="submit" style="align-self:end;" value="Filter" />                            
  68.                     </bx-form-item>
  70.                 </form>
  71.             </section>
  73.         {% elseif searchLabel == 'Genotoxicity' %}
  75.             <section class="mb-5">
  76.                 <form method="GET" action="{{ path('app_search_genotoxicity') }}" >
  77.                     
  78.                     <input type="hidden" name="search[genotoxicity]" value="{{ searchValue|default() }}" />
  80.                     <bx-form-item class="mb-2">
  81.                         <bx-select label-text="Molecular group" name="search[molecular_group]" value="{{ molecularGroup|default() }}">
  82.                             <bx-select-item value=""></bx-select-item>
  83.                             {% for item in molecularGroups %}
  84.                                 <bx-select-item value="{{ item.molgroup }}">{{ item.molgroup|capitalize() }}</bx-select-item>
  85.                             {% endfor %}
  86.                         </bx-select>
  87.                     </bx-form-item>
  89.                     <bx-form-item>
  90.                         <input type="submit" style="align-self:end;" value="Filter" />                            
  91.                     </bx-form-item>
  93.                 </form>
  94.             </section>
  96.         {% elseif searchLabel == 'Critical' %}
  98.             <section class="mb-5">
  99.                 <form method="GET" action="{{ path('app_search_critical') }}" >
  100.                     
  101.                     <input type="hidden" name="search[critical]" value="{{ searchValue|default() }}" />
  103.                     <bx-form-item class="mb-2">
  104.                         <bx-select label-text="Molecular group" name="search[molecular_group]" value="{{ molecularGroup|default() }}">
  105.                             <bx-select-item value=""></bx-select-item>
  106.                             {% for item in molecularGroups %}
  107.                                 <bx-select-item value="{{ item.molgroup }}">{{ item.molgroup|capitalize() }}</bx-select-item>
  108.                             {% endfor %}
  109.                         </bx-select>
  110.                     </bx-form-item>
  112.                     <bx-form-item>
  113.                         <input type="submit" style="align-self:end;" value="Filter" />                            
  114.                     </bx-form-item>
  116.                 </form>
  117.             </section>
  119.         {% elseif searchLabel == 'Eu regulation' %}
  121.             <section class="mb-5">
  122.                 <form method="GET" action="{{ path('app_search_eu_regulation') }}" >
  123.                     
  124.                     <input type="hidden" name="search[eu_regulation]" value="{{ searchValue|default() }}" />
  126.                     <bx-form-item class="mb-2">
  127.                         <bx-select label-text="Molecular group" name="search[molecular_group]" value="{{ molecularGroup|default() }}">
  128.                             <bx-select-item value=""></bx-select-item>
  129.                             {% for item in molecularGroups %}
  130.                                 <bx-select-item value="{{ item.molgroup }}">{{ item.molgroup|capitalize() }}</bx-select-item>
  131.                             {% endfor %}
  132.                         </bx-select>
  133.                     </bx-form-item>
  135.                     <bx-form-item>
  136.                         <input type="submit" style="align-self:end;" value="Filter" />                            
  137.                     </bx-form-item>
  139.                 </form>
  140.             </section>
  142.         {% elseif searchLabel == 'Plant' %}
  143.             
  144.             <section class="mb-5">
  145.                 <form method="GET" action="{{ path('app_search_plant', {'slug': plantNameSlug}) }}">
  146.                     
  147.                      <input type="hidden" name="search[plant]" value="{{ searchValue|default() }}" />
  149.                     <bx-form-item class="mb-2">
  150.                         <bx-select label-text="Plant part" name="search[plant_part]" value="{{ plantPart|default() }}">
  151.                             <bx-select-item value=""></bx-select-item>
  152.                             {% for item in organs %}
  153.                                 <bx-select-item value="{{ item.plantpart }}">{{ item.plantpart|capitalize() }}</bx-select-item>
  154.                             {% endfor %}
  155.                         </bx-select>
  156.                     </bx-form-item>
  158.                     <bx-form-item class="mb-2">
  159.                         <bx-select label-text="Molecular group" name="search[molecular_group]" value="{{ molecularGroup|default() }}">
  160.                             <bx-select-item value=""></bx-select-item>
  161.                             {% for item in molecularGroups %}
  162.                                 <bx-select-item value="{{ item.molgroup }}">{{ item.molgroup|capitalize() }}</bx-select-item>
  163.                             {% endfor %}
  164.                         </bx-select>
  165.                     </bx-form-item>
  167.                     <bx-form-item>
  168.                         <input type="submit" style="align-self:end;" value="Filter" />                            
  169.                     </bx-form-item>
  171.                 </form>
  172.             </section>
  173.             
  174.             
  175.         {% endif %}
  177.         <bx-structured-list>
  178.             <bx-structured-list-head>
  179.                 <bx-structured-list-header-row>
  180.                     <bx-structured-list-header-cell class="{{ col_class }} uppercase">Structure</bx-structured-list-header-cell>
  181.                     <bx-structured-list-header-cell class="{{ col_class }} uppercase">Name</bx-structured-list-header-cell>
  182.                     <bx-structured-list-header-cell class="{{ col_class }} uppercase text-right">Molecular group</bx-structured-list-header-cell>
  183.                     {% if show_plantpart is defined %}
  184.                         <bx-structured-list-header-cell class="{{ col_class }} uppercase text-right">Plant part</bx-structured-list-header-cell>
  185.                     {% endif %}
  186.                 </bx-structured-list-header-row>
  187.             </bx-structured-list-head>
  188.         </bx-structured-list>
  190.     </section>
  192.     <section>
  193.         <bx-structured-list>
  194.             <bx-structured-list-body>
  195.                 {% for item in result %}
  196.                     <bx-structured-list-row>
  197.                         <bx-structured-list-cell class="{{ col_class }}">
  198.                             <svg data-smiles="{{ item.smiles }}" width="200" height="200" />                            
  199.                         </bx-structured-list-cell>
  200.                         <bx-structured-list-cell class="{{ col_class }} v-middle">
  201.                             <bx-link href="{{ path('app_molecule_show', {'uuid': item.uuid}) }}" class="w-100">
  202.                                 {{ item.molname|capitalize() }}
  203.                             </bx-link>
  204.                         </bx-structured-list-cell>
  205.                         <bx-structured-list-cell class="{{ col_class }} v-middle text-right">
  206.                             <bx-tag type="purple">{{ item.molgroup|capitalize() }}</bx-tag>
  207.                         </bx-structured-list-cell>
  208.                         {% if show_plantpart is defined %}
  209.                             <bx-structured-list-cell class="{{ col_class }} v-middle text-right">
  210.                                 <bx-tag type="green">{{ item.plantpart|capitalize() }}</bx-tag>
  211.                             </bx-structured-list-cell>
  212.                         {% endif %}
  213.                     </bx-structured-list-row>
  214.                 {% endfor %}
  215.             </bx-structured-list-body>
  216.         </bx-structured-list>
  218.     </section>
  220.     <section class="mb-5" data-controller="pagination" data-pagination-page-size-value="{{ paginator.itemsPerPage }}">
  221.         <bx-pagination 
  222.             page-size="{{ paginator.itemsPerPage }}" 
  223.             start="{{ ( (paginator.page -1) * paginator.itemsPerPage ) }}" 
  224.             total="{{ paginator.itemCount }}" 
  225.             data-action="bx-pages-select-changed->pagination#pageChange bx-pagination-changed-current->pagination#pageChange">
  226.         </bx-pagination>
  227.     </section>
  229. {% endblock%}