Files
portal/app/resources/js/components/layout/AppMoreDrawer.vue
T
Дмитрий 0c9642f3d0 feat(телеграм-модуль): клиентский экран + ручной запуск в песочнице — API, telegram.ts, экран, сквозной сценарий
Сессия 3 плана docs/superpowers/plans/2026-07-27-client-telegram-ads-module.md.
Клиент сам собирает объявление + аудиторию и жмёт «Запустить»; робот кабинета МТС
(в тестах замокан) доводит до черновика. Всё в песочнице: деньги/живой запуск выключены.

- Клиентский API (Api\ClientTg\CampaignController + маршруты /api/telegram/*):
  создание (store) и запуск (launch) РАЗДЕЛЕНЫ. store создаёт ЧЕРНОВИК со сметой и
  числом кандидатов (деньги/робот не трогаются); launch draft→queued, в бою бронирует
  лимит на объявление (budget_cap_rub) и ставит RunTelegramCampaignJob. Нехватка денег
  → 409 (кампания остаётся черновиком); повторный запуск не-черновика → 422; изоляция
  тенантов (чужой show → 404). Валидация текст/ссылка/аудитория/бюджет; deals без срока → 422.
- Фронт-API telegram.ts (зеркало client-sms.ts, уже): fetch/create/get/launch, cookie-сессия.
- Экран AdvertisingTelegramView.vue (/advertising/telegram): форма (объявление, ссылка,
  3 способа аудитории, лимит), кнопка «Запустить» (create→launch), баннер песочницы,
  список кампаний с человеческим ярлыком статуса, сообщение при нехватке денег.
- Канал «Реклама Телеграм» АКТИВИРОВАН: advertisingChannels.ts route, провод в AppSidebar
  и AppMoreDrawer (route → реальный экран, остальные каналы — прежняя заглушка), маршрут
  в router. Тесты каналов обновлены (телеграм больше не заглушка).
- Ручной сквозной сценарий (песочница): создать → запустить → джоб (робот замокан, draft)
  → draft_ready + matched виден в API.

Отличие от СМС-близнеца: отдельного эндпоинта «предпросчёт до создания» нет — смету и
кандидатов клиент видит в самом черновике (создание черновик денег не тратит).

Проверки: 60/60 Pest ClientTg зелёные (+10 новых), 1512 Vitest зелёные (0 регрессий),
phpstan 0 по своему коду (level 5), pint чисто, deptrac 0 нарушений. Робот в тестах замокан
(кабинет МТС не тронут). Синтетические номера 7999… — реальных нет.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-27 17:39:43 +03:00

75 lines
2.7 KiB
Vue

<script setup lang="ts">
/**
* Выезжающее «Ещё» для телефона: разделы вне 5 нижних вкладок.
* Ни один экран не выкидываем — Настройки (реквизиты), Отчёты, Импорт, Помощь, Дашборд
* доступны отсюда. Полнота функций — на десктопе; на телефоне вкладка работает, но урезана.
*
* Раздел «Рекламные возможности» — витрина будущих каналов (заглушки): клик по пункту
* закрывает «Ещё» и открывает общее окно «В разработке» (тот же AdStubDialog, что в сайдбаре).
*/
import { ref } from 'vue';
import AdStubDialog from './AdStubDialog.vue';
import { AD_CHANNELS, type AdChannel } from './advertisingChannels';
const open = defineModel<boolean>('open', { default: false });
interface Item {
title: string;
to: string;
}
const items: Item[] = [
{ title: 'Дашборд', to: '/dashboard' },
{ title: 'Отчёты', to: '/reports' },
{ title: 'Настройки', to: '/settings' },
{ title: 'Импорт данных', to: '/import' },
{ title: 'Помощь', to: '/help' },
];
const adStubOpen = ref(false);
function openAdStub(): void {
open.value = false;
adStubOpen.value = true;
}
// Канал с route (сейчас — «Реклама Телеграм») ведёт на реальный экран через :to
// (навигация закрывает «Ещё»); остальные каналы — прежняя заглушка openAdStub.
function onChannelClick(c: AdChannel): void {
if (c.route) {
open.value = false;
} else {
openAdStub();
}
}
</script>
<template>
<v-navigation-drawer v-model="open" temporary location="right" width="280">
<v-list nav>
<v-list-item
v-for="i in items"
:key="i.to"
:to="i.to"
:title="i.title"
data-testid="more-item"
@click="open = false"
/>
</v-list>
<v-divider class="my-1" />
<v-list-subheader>Рекламные возможности</v-list-subheader>
<v-list nav>
<v-list-item
v-for="c in AD_CHANNELS"
:key="c.testid"
:prepend-icon="c.icon"
:title="c.title"
:to="c.route"
:data-testid="c.testid"
@click="onChannelClick(c)"
/>
</v-list>
</v-navigation-drawer>
<AdStubDialog v-model:open="adStubOpen" />
</template>