From 80c2467b4a7c2cb1c4101c483fe3ac31a5ad0cf1 Mon Sep 17 00:00:00 2001
From: Nikita Kiselev <kiselev2008@gmail.com>
Date: Wed, 11 Feb 2026 20:33:34 +0300
Subject: [PATCH] feat(admin): telegram settings improvements (#63)

---
 .../src/components/Settings/ItemInput.vue     | 35 ++++++++++++++++---
 .../components/Settings/ItemTgMiniAppLink.vue |  8 ++---
 2 files changed, 35 insertions(+), 8 deletions(-)

diff --git a/frontend/admin/src/components/Settings/ItemInput.vue b/frontend/admin/src/components/Settings/ItemInput.vue
index f342fa04..5eb03df2 100644
--- a/frontend/admin/src/components/Settings/ItemInput.vue
+++ b/frontend/admin/src/components/Settings/ItemInput.vue
@@ -1,7 +1,25 @@
 <template>
   <SettingsItem :label="label">
     <template #default>
+      <InputGroup v-if="allowCopy && isSupported">
+        <Button
+          :key="copied ? 'copied' : 'copy'"
+          :icon="copied ? 'fa fa-check' : 'fa fa-copy'"
+          severity="secondary"
+          v-tooltip.top="{ value: copied ? 'Скопировано' : 'Скопировать' }"
+          @click="copyToClipboard"
+        />
+        <InputText
+          :type="type"
+          v-model="model"
+          class="form-control"
+          :placeholder="placeholder"
+          :readonly="readonly"
+        />
+      </InputGroup>
+
       <InputText
+        v-else
         :type="type"
         v-model="model"
         class="form-control"
@@ -18,6 +36,9 @@
 <script setup>
 import SettingsItem from "@/components/SettingsItem.vue";
 import InputText from 'primevue/inputtext';
+import InputGroup from 'primevue/inputgroup';
+import Button from 'primevue/button';
+import { useClipboard } from '@vueuse/core';
 
 const props = defineProps({
   label: {
@@ -36,10 +57,16 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  allowCopy: {
+    type: Boolean,
+    default: false,
+  },
 });
 const model = defineModel();
+
+const { copy, copied, isSupported } = useClipboard({ source: model })
+
+function copyToClipboard() {
+  copy();
+}
 </script>
-
-<style scoped>
-
-</style>
diff --git a/frontend/admin/src/components/Settings/ItemTgMiniAppLink.vue b/frontend/admin/src/components/Settings/ItemTgMiniAppLink.vue
index f239fe7e..7172b791 100644
--- a/frontend/admin/src/components/Settings/ItemTgMiniAppLink.vue
+++ b/frontend/admin/src/components/Settings/ItemTgMiniAppLink.vue
@@ -4,11 +4,11 @@
     type="text"
     :readonly="true"
     :modelValue="model"
+    :allowCopy="true"
   >
-    Токен, полученный при создании бота через @BotFather.
-    Он используется для взаимодействия модуля с Telegram API.
-    Подробная инструкция доступна в
-    <a href="https://nikitakiselev.github.io/telecart-docs/#telegram" target="_blank">
+    Ссылка на сайт с TeleCart витриной, которую нужно указывать в настройках MiniApp в @BotFather.<br>
+    Подробная инструкция по настройке в
+    <a href="https://docs.telecart.pro/telegram/telegram/" target="_blank">
       документации <i class="fa fa-external-link"></i>
     </a>.
   </ItemInput>