Interface IViberCard

IViberCard Интерфейс для карточки в Viber. Расширяет интерфейс IViberButton, добавляя специфичные для Viber свойства.

Особенности:

Поддерживает форматированный текст (HTML)
Позволяет настраивать размеры карточки (Columns и Rows от 1 до 6)
Может содержать изображения и кнопки
Поддерживает различные стили текста
Требует обязательные поля ActionType и ActionBody

Example

// Создание простой карточки
const card: IViberCard = {
    Columns: 6, // Максимальная ширина
    Rows: 6,    // Максимальная высота
    Image: 'https://example.com/image.jpg',
    Text: '<font color=#000><b>Заголовок</b></font><br><font color=#666>Описание</font>',
    ActionType: 'reply',  // Обязательное поле
    ActionBody: 'card_action'  // Обязательное поле
};

// Создание карточки с кнопкой
const cardWithButton: IViberCard = {
    Columns: 6,
    Rows: 6,
    Image: 'https://example.com/image.jpg',
    Text: '<font color=#000><b>Заголовок</b></font><br><font color=#666>Описание</font>',
    ActionType: 'reply',
    ActionBody: 'button_action',
    Buttons: [{
        Columns: 6,
        Rows: 1,
        Text: '<font color=#fff>Нажми меня</font>',
        ActionType: 'reply',
        ActionBody: 'button_click'
    }]
};

interface IViberCard {
    Columns?: number;
    Rows?: number;
    ActionType?: string;
    ActionBody?: null | string;
    Text?: null | string;
    TextSize?: string;
    TextVAlign?: string;
    TextHAlign?: string;
    Image?: string;
}

Hierarchy (View Summary)

IViberButton
- IViberCard

Index

Properties

Columns? Rows? ActionType? ActionBody? Text? TextSize? TextVAlign? TextHAlign? Image?

Properties

`Optional`Columns

Columns?: number

Количество колонок, которые занимает кнопка. Максимальное значение - 6.

Example

const button: IViberButton = {
    Columns: 6, // Кнопка занимает всю ширину
    Text: 'Нажми меня'
};

`Optional`Rows

Rows?: number

Количество строк, которые занимает кнопка. Максимальное значение - 2.

Example

const button: IViberButton = {
    Rows: 2, // Кнопка занимает две строки
    Text: 'Нажми меня'
};

`Optional`ActionType

ActionType?: string

Тип действия кнопки. Возможные значения:

reply - отправка сообщения
open-url - открытие URL
share-phone - поделиться номером телефона
location-picker - выбор местоположения

Example

const button: IViberButton = {
    ActionType: 'reply',
    ActionBody: 'button_click',
    Text: 'Нажми меня'
};

`Optional`ActionBody

ActionBody?: null | string

Данные, которые будут отправлены при нажатии на кнопку. Для кнопок типа reply - текст сообщения Для кнопок типа open-url - URL для перехода

Example

const button: IViberButton = {
    ActionType: 'reply',
    ActionBody: 'button_click',
    Text: 'Нажми меня'
};

`Optional`Text

Text?: null | string

Текст, отображаемый на кнопке.

Example

const button: IViberButton = {
    Text: 'Нажми меня'
};

`Optional`TextSize

TextSize?: string

Размер текста на кнопке. Возможные значения:

small - маленький текст
regular - обычный текст
large - большой текст

Example

const button: IViberButton = {
    Text: 'Нажми меня',
    TextSize: 'large'
};

`Optional`TextVAlign

TextVAlign?: string

Вертикальное выравнивание текста. Возможные значения:

top - по верхнему краю
middle - по центру
bottom - по нижнему краю

Example

const button: IViberButton = {
    Text: 'Нажми меня',
    TextVAlign: 'middle'
};

`Optional`TextHAlign

TextHAlign?: string

Горизонтальное выравнивание текста. Возможные значения:

left - по левому краю
center - по центру
right - по правому краю

Example

const button: IViberButton = {
    Text: 'Нажми меня',
    TextHAlign: 'center'
};

`Optional`Image

Image?: string

URL изображения для кнопки. Изображение будет отображаться на кнопке.

Example

const button: IViberButton = {
    Text: 'Нажми меня',
    Image: 'https://example.com/button.png'
};

Interface IViberCard

Example

Hierarchy (View Summary)

Index

Properties

Properties

`Optional`Columns

Example

`Optional`Rows

Example

`Optional`ActionType

Example

`Optional`ActionBody

Example

`Optional`Text

Example

`Optional`TextSize

Example

`Optional`TextVAlign

Example

`Optional`TextHAlign

Example

`Optional`Image

Example

Settings

On This Page

Interface IViberCard

Example

Hierarchy (View Summary)

Index

Properties

Properties

OptionalColumns

Example

OptionalRows

Example

OptionalActionType

Example

OptionalActionBody

Example

OptionalText

Example

OptionalTextSize

Example

OptionalTextVAlign

Example

OptionalTextHAlign

Example

OptionalImage

Example

Settings

On This Page

`Optional`Columns

`Optional`Rows

`Optional`ActionType

`Optional`ActionBody

`Optional`Text

`Optional`TextSize

`Optional`TextVAlign

`Optional`TextHAlign

`Optional`Image