source/View/Templates/Components/_navigationSidebar.html.twig line 1

Open in your IDE?
  1. {% set route_name = app.request.attributes.all().request.attributes.get('_route') %}
  2. {% set needs_saving = (
  3.     route_name == 'Study-documentation' or
  4.     route_name == 'Study-theory' or
  5.     route_name == 'Study-method' or
  6.     route_name == 'Study-measure' or
  7.     route_name == 'Study-sample'
  8.     ) %}
  10. <div class="py-[1.125rem] pl-6 pr-3 border-b bg-mono-100 border-mono-300" x-data="">
  11.     <span class="text-zpid-purple-700 text-xl font-bold break-all mr-0.5 leading-tight">{{ experiment.settingsMetaDataGroup.shortName }}
  12.     </span>
  13.     <a href="{{ path('Study-settings', {uuid: experiment.id}) }}"
  14.        class="inline-flex items-center mt-0.5 border rounded-lg border-mono-300 bg-sky-50 hover:underline"
  15.        title="{{ "generic.edit"|trans }}"
  16.        {%- if needs_saving -%}@click.prevent="document.querySelector('.Button_saveAndSettings').click()"{%- endif -%}>
  17.         {# Icon: ic:outline-edit #}
  18.         <svg class="m-1 text-sm" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
  19.              aria-hidden="true" role="img" style="vertical-align: -0.125em;" width="1em" height="1em"
  20.              preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
  21.             <path fill="none" stroke="currentColor" stroke-width="2"
  22.                   d="M14 4l6 6l-6-6zm8.294 1.294c.39.39.387 1.025-.008 1.42L9 20l-7 2l2-7L17.286 1.714a1 1 0 0 1 1.42-.008l3.588 3.588zM3 19l2 2m2-4l8-8"/>
  23.         </svg>
  24.     </a>
  25. </div>
  27. <nav>
  28.     <ul x-data="">
  29.         <li>
  30.             <a href="{{ path('Study-introduction', {uuid: experiment.id}) }}"
  31.                class="StudyNav-NavItem {{- route_name == 'Study-introduction' ? ' StudyNav-NavItem_active' -}}"
  32.                {%- if needs_saving -%}@click.prevent="document.querySelector('.Button_saveAndIntroduction').click()"{%- endif -%}>{{ "title.introduction.title"|trans }}</a>
  33.         </li>
  34.         <li>
  35.             <a href="{{ path('Study-documentation', {uuid: experiment.id}) }}"
  36.                class="StudyNav-NavItem
  37.                 {{- needs_saving ?' StudyNav-NavItem_active StudyNav-NavItem_active_isParent' -}}"
  38.                {%- if needs_saving -%}@click.prevent="document.querySelector('.Button_saveAndDocumentation').click()"{%- endif -%}>
  39.                 1. {{ "title.describe-study.title"|trans }}
  40.             </a>
  41.             <ul class="StudyNav-SubNav">
  42.                 <li>
  43.                     <a href="{{ path('Study-documentation', {uuid: experiment.id}) }}"
  44.                        class="StudyNav-SubNavItem
  45.                         {{- route_name == 'Study-documentation' ? ' StudyNav-SubNavItem_active' -}}"
  46.                        {%- if needs_saving -%}@click.prevent="document.querySelector('.Button_saveAndDocumentation').click()"{%- endif -%}>
  47.                         {{ "title.basic.title"|trans }}
  48.                     </a>
  49.                 </li>
  50.                 <li>
  51.                     <a href="{{ path('Study-theory', {uuid: experiment.id}) }}"
  52.                        class="StudyNav-SubNavItem
  53.                         {{- route_name == 'Study-theory' ? ' StudyNav-SubNavItem_active' -}}"
  54.                        {%- if needs_saving -%}@click.prevent="document.querySelector('.Button_saveAndTheory').click()"{%- endif -%}>
  55.                         {{ "title.theroies.title"|trans }}
  56.                     </a>
  57.                 </li>
  58.                 <li>
  59.                     <a href="{{ path('Study-method', {uuid: experiment.id}) }}"
  60.                        class="StudyNav-SubNavItem
  61.                         {{- route_name == 'Study-method' ? ' StudyNav-SubNavItem_active' -}}"
  62.                        {%- if needs_saving -%}@click.prevent="document.querySelector('.Button_saveAndMethod').click()"{%- endif -%}>
  63.                         {{ "title.method.title"|trans }}
  64.                     </a>
  65.                 </li>
  66.                 <li>
  67.                     <a href="{{ path('Study-measure', {uuid: experiment.id}) }}"
  68.                        class="StudyNav-SubNavItem
  69.                         {{- route_name == 'Study-measure' ? ' StudyNav-SubNavItem_active' -}}"
  70.                        {%- if needs_saving -%}@click.prevent="document.querySelector('.Button_saveAndMeasure').click()"{%- endif -%}>
  71.                         {{ "title.measures.title"|trans }}
  72.                     </a>
  73.                 </li>
  74.                 <li>
  75.                     <a href="{{ path('Study-sample', {uuid: experiment.id}) }}"
  76.                        class="StudyNav-SubNavItem
  77.                         {{- route_name == 'Study-sample' ? ' StudyNav-SubNavItem_active' -}}"
  78.                        {%- if needs_saving -%}@click.prevent="document.querySelector('.Button_saveAndSample').click()"{%- endif -%}>
  79.                         {{ "title.samples.title"|trans }}
  80.                     </a>
  81.                 </li>
  82.             </ul>
  83.         </li>
  84.         <li>
  85.             <a href="{{ path('Study-datasets', {uuid: experiment.id}) }}"
  86.                class="StudyNav-NavItem {{- route_name == 'Study-datasets' ? ' StudyNav-NavItem_active' -}}"
  87.                {%- if needs_saving -%}@click.prevent="document.querySelector('.Button_saveAndDatasets').click()"{%- endif -%}>
  88.                 2. {{ "title.dataset.title"|trans }}</a>
  89.         </li>
  90.         <li>
  91.             <a href="{{ path('Study-materials', {uuid: experiment.id}) }}"
  92.                class="StudyNav-NavItem {{- route_name == 'Study-materials' ? ' StudyNav-NavItem_active' -}}"
  93.                {%- if needs_saving -%}@click.prevent="document.querySelector('.Button_saveAndMaterials').click()"{%- endif -%}>
  94.                 3. {{ "title.material.title-short"|trans }}</a>
  95.         </li>
  96.         <li>
  97.             <a href="{{ path('Study-review', {uuid: experiment.id}) }}"
  98.                class="StudyNav-NavItem {{- route_name == 'Study-review' ? ' StudyNav-NavItem_active' -}}"
  99.                {%- if needs_saving -%}@click.prevent="document.querySelector('.Button_saveAndReview').click()"{%- endif -%}>
  100.                 4. {{ "title.review.title"|trans }}</a>
  101.         </li>
  102.         <li>
  103.             <a href="{{ path('export_index', {uuid: experiment.id}) }}"
  104.                class="StudyNav-NavItem {{- route_name == 'export_index' ? ' StudyNav-NavItem_active' -}}"
  105.                {%- if needs_saving -%}@click.prevent="document.querySelector('.Button_saveAndExport').click()"{%- endif -%}>
  106.                 5. {{ "title.export.title-short"|trans }}</a>
  107.         </li>
  108.         {# <hr class="border border-mono-400" /> #}
  109.         <li>
  110.             <a href="{{ path('Study-settings', {uuid: experiment.id}) }}"
  111.                class="StudyNav-NavItem StudyNav-NavItem_settings
  112.                 {{- route_name == 'Study-settings' ? ' StudyNav-NavItem_active StudyNav-NavItem_settings_active' -}}"
  113.                {%- if needs_saving -%}@click.prevent="document.querySelector('.Button_saveAndSettings').click()"{%- endif -%}>
  114.                 {# Icon: ic:round-settings #}
  115.                 <svg class="w-4 h-4 mt-px mr-1 text-mono-600" xmlns="http://www.w3.org/2000/svg"
  116.                      xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img"
  117.                      style="vertical-align: -0.125em;" width="1em" height="1em" preserveAspectRatio="xMidYMid meet"
  118.                      viewBox="0 0 24 24">
  119.                     <path d="M19.5 12c0-.23-.01-.45-.03-.68l1.86-1.41c.4-.3.51-.86.26-1.3l-1.87-3.23a.987.987 0 0 0-1.25-.42l-2.15.91c-.37-.26-.76-.49-1.17-.68l-.29-2.31c-.06-.5-.49-.88-.99-.88h-3.73c-.51 0-.94.38-1 .88l-.29 2.31c-.41.19-.8.42-1.17.68l-2.15-.91c-.46-.2-1-.02-1.25.42L2.41 8.62c-.25.44-.14.99.26 1.3l1.86 1.41a7.343 7.343 0 0 0 0 1.35l-1.86 1.41c-.4.3-.51.86-.26 1.3l1.87 3.23c.25.44.79.62 1.25.42l2.15-.91c.37.26.76.49 1.17.68l.29 2.31c.06.5.49.88.99.88h3.73c.5 0 .93-.38.99-.88l.29-2.31c.41-.19.8-.42 1.17-.68l2.15.91c.46.2 1 .02 1.25-.42l1.87-3.23c.25-.44.14-.99-.26-1.3l-1.86-1.41c.03-.23.04-.45.04-.68zm-7.46 3.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5z"
  120.                           fill="currentColor"/>
  121.                 </svg>
  122.                 {{ "title.settings.title"|trans }}
  123.             </a>
  124.         </li>
  125.     </ul>
  126. </nav>