Дмитрий
30 lines
914 B
Vue
30 lines
914 B
Vue
<script setup lang="ts">
|
||
import StatusPill from './StatusPill.vue';
|
||
import { STATUS_PILL_SLUGS } from '../../composables/useStatusPill';
|
||
|
||
const labelMap: Record<string, string> = {
|
||
new: 'Новый',
|
||
in_progress: 'В работе',
|
||
callback: 'Перезвонить',
|
||
quality: 'Качественный',
|
||
meeting_set: 'Встреча',
|
||
won: 'Продано',
|
||
refund: 'Возврат',
|
||
duplicate: 'Дубль',
|
||
junk: 'Спам',
|
||
no_answer: 'Нет ответа',
|
||
cancelled: 'Отменено',
|
||
closed: 'Закрыто',
|
||
postponed: 'Отложено',
|
||
archived: 'Архив',
|
||
};
|
||
</script>
|
||
|
||
<template>
|
||
<Story title="UI/StatusPill" :layout="{ type: 'grid', width: 200 }">
|
||
<Variant v-for="slug in STATUS_PILL_SLUGS" :key="slug" :title="slug">
|
||
<StatusPill :slug="slug" :label="labelMap[slug]" />
|
||
</Variant>
|
||
</Story>
|
||
</template>
|