.. _tiles:

Представление данных в виде списка, плиток
==============================================================================

.. contents::
   :depth: 3

**Представление в виде списка и плиток** — альтернативные режимы отображения записей журнала, ориентированные на типы данных с визуальной составляющей: публикации, новости, статьи, каталоги изображений.

- **Список** — строчное отображение, где каждая запись занимает отдельную строку с изображением, заголовком и дополнительными полями.
- **Плитки** — блочное отображение, где каждая запись представлена карточкой с изображением-превью, заголовком и краткой информацией.

Оба режима поддерживают :ref:`предпросмотр <preview>` карточки. О настройке представлений для типа данных см. :ref:`подробно <datatypes_views>`.

Режим **список**:

.. image:: _static/tiles/list_full.png
   :width: 700
   :align: center

Режим **плитки**:

.. image:: _static/tiles/tiles_full.png
   :width: 700
   :align: center

В представлении доступен режим :ref:`предпросмотра <preview>`:

.. image:: _static/tiles/tiles_preview.png
   :width: 700
   :align: center

.. _tiles_categories:

Дерево категорий
--------------------------------

Виджет **Меню** позволяет организовать записи журнала в иерархическое дерево категорий. Это удобно для навигации по большим коллекциям — главный раздел содержит все записи, а категории выступают как фильтры.

Администратор в режиме предпросмотра **(1)** может помимо стандартных виджетов **(2)** добавить виджет **Меню** **(3)**:

.. image:: _static/tiles/tiles_menu.png
   :width: 700
   :align: center

**Виджет Меню** представляет собой дерево категорий. Для создания первой категории необходимо нажать **Добавить**:

.. image:: _static/tiles/tiles_menu_1.png
   :width: 700
   :align: center

Для добавления категории 1-го уровня нажмите большой **+** **(1)**. Для добавления подкатегории нажмите маленький **+** **(2)**:

.. image:: _static/tiles/tiles_menu_2.png
   :width: 700
   :align: center

Введите название:

.. image:: _static/tiles/new.png
   :width: 500
   :align: center

Для создания карточки в категории нажмите **+** **(3)**:

.. image:: _static/tiles/new_element.png
   :width: 500
   :align: center

Созданная карточка будет доступна как в категории, так и в главном разделе.

Для удобства навигации в представлении есть хлебные крошки **(1)**:

.. image:: _static/tiles/crumbs_preview.png
   :width: 700
   :align: center

По клику на плитку **(2)** откроется её предпросмотр **(3)**. При клике на заголовок плитки **(4)** карточка откроется в отдельной вкладке:

.. image:: _static/tiles/card.png
   :width: 600
   :align: center

Главный раздел (в данном случае «Новости») будет содержать все записи, а иерархия выступает как фильтр:

.. image:: _static/tiles/main.png
   :width: 700
   :align: center

Для перемещения плитки в другой раздел выберите плитку и перетащите её в необходимый раздел:

.. image:: _static/tiles/change_dd.png
   :width: 700
   :align: center

Или выберите плитку **(1)** и укажите раздел **(2)**:

.. image:: _static/tiles/change.png
   :width: 700
   :align: center