Дмитрий
9265f907cc
T19: пункт меню «Рекламный кошелёк» (сайдбар + мобильное «Ещё») ведёт на новый роут /advertising/wallet → AdWalletView.vue — баланс/заморожено/ свободно с короткими подсказками, кнопка «Пополнить», история операций помечена «появится позже» (клиентского эндпоинта списка операций у рекламного кошелька нет — не выдумываю). T20: в AdWalletTopupDialog — чипы-пресеты суммы (1000/3000/5000 + «Своя сумма»), кнопки в v-card-actions переведены на flex-wrap вместо v-spacer (чинит тесноту/обрезание «Закрыть»), на узком экране — столбик; «Оплатить картой» явно выглядит выключенной при невалидной сумме (variant меняется на outlined). T21: обработка ответа topupAdvertisingByCard — если ни confirmation_url, ни ok:true, теперь явная ошибка в диалоге вместо тихого тупика. Редирект и заглушка-успех (ok:true, с обновлением баланса через emit topped-up) — поведение сохранено. AdWalletHeader тоже подписан на topped-up. Живая оплата картой боевым ЮKassa НЕ проверялась (go-live не завершён) — код корректен на все три исхода ответа, но happy-path в бою не пройден. Тесты: 10 файлов advertising-* зелёные (86/86), полный npm run test:vue 222/222 файлов без новых падений (1 pre-existing unhandled rejection в AutopodborManualCompetitorError.spec.ts — не мой). eslint чисто. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
83 lines
3.2 KiB
Vue
83 lines
3.2 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;
|
|
}
|
|
|
|
// B2-2: канал с 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)"
|
|
/>
|
|
<!-- T19: «Рекламный кошелёк» — не канал-заглушка, реальная ссылка, число баланса не показываем. -->
|
|
<v-list-item
|
|
prepend-icon="mdi-wallet-outline"
|
|
title="Рекламный кошелёк"
|
|
to="/advertising/wallet"
|
|
data-testid="ad-nav-wallet"
|
|
@click="open = false"
|
|
/>
|
|
</v-list>
|
|
</v-navigation-drawer>
|
|
|
|
<AdStubDialog v-model:open="adStubOpen" />
|
|
</template>
|