Initial commit

frontend/src/partials/menu-vertical.html

@@ -0,0 +1,112 @@
+<div
+  class="menu-vertical {{#if desktop}}desktop{{/if}} {{#if mobile}}mobile{{/if}}"
+>
+  <div class="menu-vertical__head">
+    {{#if active}}
+    <div class="menu-vertical__item">
+      <span class="menu-vertical__item-icon">
+        <img src="/icons/menu_vertical1.svg" alt="" />
+      </span>
+      <span class="menu-vertical__item-text">Законодательство</span>
+    </div>
+    {{else}}
+    <span>Рубрики</span>
+    {{/if}}
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clip-path="url(#clip0_373_15802)">
+        <path
+          d="M7 10L12 15L17 10"
+          stroke="#7C7C7C"
+          stroke-width="1.5"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_373_15802">
+          <rect width="24" height="24" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  </div>
+  <div class="menu-vertical__inner">
+    <a href="#" class="menu-vertical__item">
+      <span class="menu-vertical__item-icon">
+        <img src="/icons/menu_vertical1.svg" alt="" />
+      </span>
+      <span class="menu-vertical__item-text">Законодательство</span>
+    </a>
+    <a href="#" class="menu-vertical__item {{#if isSafety}}is-active{{/if}}">
+      <span class="menu-vertical__item-icon">
+        <img src="/icons/menu_vertical2.svg" alt="" />
+      </span>
+      <span class="menu-vertical__item-text">Безопасность продукции</span>
+    </a>
+    <a href="#" class="menu-vertical__item">
+      <span class="menu-vertical__item-icon">
+        <img src="/icons/menu_vertical3.svg" alt="" />
+      </span>
+      <span class="menu-vertical__item-text">Растения</span>
+    </a>
+    <a href="#" class="menu-vertical__item">
+      <span class="menu-vertical__item-icon">
+        <img src="/icons/menu_vertical4.svg" alt="" />
+      </span>
+      <span class="menu-vertical__item-text">Зерно</span>
+    </a>
+    <a href="#" class="menu-vertical__item">
+      <span class="menu-vertical__item-icon">
+        <img src="/icons/menu_vertical5.svg" alt="" />
+      </span>
+      <span class="menu-vertical__item-text">Семена</span>
+    </a>
+    <a href="#" class="menu-vertical__item">
+      <span class="menu-vertical__item-icon">
+        <img src="/icons/menu_vertical6.svg" alt="" />
+      </span>
+      <span class="menu-vertical__item-text">Земля</span>
+    </a>
+    <a href="#" class="menu-vertical__item">
+      <span class="menu-vertical__item-icon">
+        <img src="/icons/menu_vertical7.svg" alt="" />
+      </span>
+      <span class="menu-vertical__item-text">Животные, рыба, птица</span>
+    </a>
+    <a href="#" class="menu-vertical__item">
+      <span class="menu-vertical__item-icon">
+        <img src="/icons/menu_vertical8.svg" alt="" />
+      </span>
+      <span class="menu-vertical__item-text">Экспорт/Импорт</span>
+    </a>
+    <a href="#" class="menu-vertical__item">
+      <span class="menu-vertical__item-icon">
+        <img src="/icons/menu_vertical9.svg" alt="" />
+      </span>
+      <span class="menu-vertical__item-text">Техника</span>
+    </a>
+    <a href="#" class="menu-vertical__item">
+      <span class="menu-vertical__item-icon">
+        <img src="/icons/menu_vertical10.svg" alt="" />
+      </span>
+      <span class="menu-vertical__item-text">Цифровизация АПК</span>
+    </a>
+    <a href="#" class="menu-vertical__item">
+      <span class="menu-vertical__item-icon">
+        <img src="/icons/menu_vertical11.svg" alt="" />
+      </span>
+      <span class="menu-vertical__item-text">Лаборатория</span>
+    </a>
+    <a href="#" class="menu-vertical__item">
+      <span class="menu-vertical__item-icon">
+        <img src="/icons/menu_vertical12.svg" alt="" />
+      </span>
+      <span class="menu-vertical__item-text">Все события</span>
+    </a>
+  </div>
+</div>