feat: tg bot start message customization

frontend/admin/src/stores/settings.js

@@ -50,6 +50,11 @@ export const useSettingsStore = defineStore('settings', {
         text_empty_cart: '',
         text_order_created_success: '',
         zero_price_text: '',
+        start_image: '',
+        start_message: '',
+        start_button: {
+          text: '',
+        },
       },
 
       sliders: {

frontend/admin/src/views/TextsView.vue

@@ -16,11 +16,32 @@
     Текст, который будет выводиться вместо цены, в случае если цена = 0.
     Если текст отсутствует, то будет выводиться нулевая цена по умолчанию.
   </ItemInput>
+
+  <ItemImage label="Приветственное изображение" v-model="settings.items.texts.start_image">
+    Изображение, которое будет использоваться в приветственном сообщении покупателю (когда он
+    запустит бота через `/start`).
+  </ItemImage>
+
+  <ItemTextarea label="Приветственный текст" v-model="settings.items.texts.start_message" placeholder="Например, добро пожаловать в наш магазин.">
+    Сообщение, которое выводится в приветственном сообщении покупателю (когда он
+    запустит бота через `/start`). Можно использовать HTML разметку, которую
+    <a href="https://core.telegram.org/bots/api#html-style" target="_blank">
+      поддерживает Telegram <i class="fa fa-external-link"></i>
+    </a>. Можно использовать <a href="https://getemoji.com/" target="_blank">
+    эмодзи <i class="fa fa-external-link"></i>
+  </a>.
+  </ItemTextarea>
+
+  <ItemInput label="Текст кнопки приветственного сообщения" v-model="settings.items.texts.start_button.text">
+    Текст на кнопке приветственного сообщения, которая открывает магазин.
+  </ItemInput>
 </template>
 
 <script setup>
 import {useSettingsStore} from "@/stores/settings.js";
 import ItemInput from "@/components/Settings/ItemInput.vue";
+import ItemImage from "@/components/Settings/ItemImage.vue";
+import ItemTextarea from "@/components/Settings/ItemTextarea.vue";
 
 const settings = useSettingsStore();
 </script>