feat: update admin page

frontend/admin/src/views/StoreView.vue

@@ -0,0 +1,80 @@
+<template>
+  <ItemBool label="Разрешить покупки" v-model="settings.items.store.enable_store">
+    <p>Если опция <strong>включена</strong> — пользователи смогут оформлять
+      заказы прямо в Telegram-магазине. <br>
+      Если <strong>выключена</strong> — оформление заказов будет недоступно. Вместо кнопки «Добавить
+      в корзину» пользователи увидят кнопку «Перейти к товару», которая откроет страницу товара на
+      вашем сайте. В этом режиме Telecart работает как каталог.</p>
+  </ItemBool>
+
+  <ItemSelect
+    label="Товары на главной"
+    v-model="settings.items.store.mainpage_products"
+    :items="mainpage_products_options"
+  >
+    Выберите, какие товары показывать на главной странице магазина в Telegram.
+    Это влияет на первую видимую секцию каталога для пользователя.
+  </ItemSelect>
+
+  <ItemProductsSelect
+    label="Избранные товары"
+    v-model="settings.items.store.featured_products"
+  >
+    На главной странице будут отображаться избранные товары, если вы выберете этот вариант в
+    настройке “Товары на главной”. Если товары не выбраны, то будут показаны популярные товары.
+  </ItemProductsSelect>
+
+  <ItemSelect
+    label="Категории на главной"
+    v-model="settings.items.store.mainpage_categories"
+    :items="mainpage_categories_options"
+  >
+    Выберите, какие товары показывать на главной странице магазина в Telegram.
+    Это влияет на первую видимую секцию каталога для пользователя.
+  </ItemSelect>
+
+  <ItemCategoriesSelect
+    label="Избранные категории"
+    v-model="settings.items.store.featured_categories"
+  >
+    На главной странице будут отображаться эти категории,
+    если вы выберете этот вариант в настройке “Категории на главной”.
+  </ItemCategoriesSelect>
+
+  <ItemBool label="Промокоды" v-model="settings.items.store.feature_coupons">
+    <p>
+      Позволяет использовать стандартные
+      <a :href="`/admin/index.php?route=marketing/coupon&user_token=${userToken}`"
+         target="_blank">купоны OpenCart</a>
+      для предоставления скидок при оформлении заказа.</p>
+  </ItemBool>
+
+  <ItemBool label="Подарочные сертификаты" v-model="settings.items.store.feature_vouchers">
+    <p>
+      Позволяет использовать стандартные
+      <a :href="`/admin/index.php?route=sale/voucher&user_token=${userToken}`"
+         target="_blank">подарочные сертификаты OpenCart</a> при оформлении заказа.</p>
+  </ItemBool>
+</template>
+
+<script setup>
+import {useSettingsStore} from "@/stores/settings.js";
+import ItemBool from "@/components/Settings/ItemBool.vue";
+import ItemSelect from "@/components/Settings/ItemSelect.vue";
+import ItemProductsSelect from "@/components/Settings/ItemProductsSelect.vue";
+import ItemCategoriesSelect from "@/components/Settings/ItemCategoriesSelect.vue";
+
+const settings = useSettingsStore();
+const mainpage_products_options = {
+  most_viewed: 'Популярные товары',
+  latest: 'Последние сверху',
+  featured: 'Избранные товары (задать в поле ниже)',
+};
+const mainpage_categories_options = {
+  no_categories: 'Отображать только кнопку "Каталог"',
+  latest10: 'Последние 10 категорий',
+  featured: 'Избранные категории (задать в поле ниже)',
+};
+
+const userToken = window.TeleCart.user_token;
+</script>