show target url

apps/frontend/src/views/ManageQRCodeReadyView.vue

@@ -59,6 +59,34 @@
             />
           </div>
 
+          <div v-if="qrCodeDoc && qrCodeDoc.url" class="text-center mt-6 text-sm">
+            <div>
+              Ссылка в QR-коде:
+              <span class="text-nowrap">
+                <a
+                  class="font-mono text-sm text-gray-600 underline underline-offset-4 hover:text-gray-800 hover:no-underline"
+                  :href="qrCodeDoc.url"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  {{ qrCodeDoc.url }}
+                </a>
+              </span>
+            </div>
+            <Button
+              :href="telegramShareUrl"
+              target="_blank"
+              size="small"
+              severity="secondary"
+              as="a"
+              class="p-button-outlined"
+              rel="noopener noreferrer"
+              title="Поделиться ссылкой в Telegram"
+              icon="pi pi-telegram"
+              label="отправить ссылку в Telegram"
+            />
+          </div>
+
           <!-- Инструкции по размещению -->
           <ManagePlacementInstructions
             :placement="qrCodeDoc?.placement"
@@ -121,6 +149,18 @@ const sanitizedFileName = computed(() => {
   return sanitized ? `${sanitized} QR-Code - НаСвязи` : 'QR-Code - НаСвязи'
 })
 
+const shareText = 'Используйте эту ссылку НаСвязи!'
+const telegramShareUrl = computed(
+  () =>
+    qrCodeDoc.value?.url &&
+    `https://t.me/share/url?url=${encodeURIComponent(qrCodeDoc.value.url)}&text=${encodeURIComponent(shareText)}`, // &photo=${shareImage}`
+)
+
+// Генерация URL для WhatsApp
+// const whatsappShareUrl = computed(
+//   () => `https://api.whatsapp.com/send?text=${shareText}%0A${siteUrl}`,
+// )
+
 // Генерация и оптимизация SVG
 const {
   isLoading: svgQueryIsLoading,