2.1.0 Release note

Новые виджеты - Конструктор таблиц, Контейнер иерархии, Сводная таблица. Скриншот страницы в PDF. Прямые подключения. Совместная работа над проектом и другие фичи.

В рамках произведенных улучшений и оптимизации работы Платформы, в версии Insight 2.1 введены 2 требования, обязательные для корректной работы приложений:

• Для каждого проекта должна быть настроена авторизация. Подробнее об этом здесь.
• Обеспечить наличие виджета авторизационный контейнер на каждой странице проекта. Как правило, виджет добавляется в Шаблон с последующим присваиванием данного Шаблона ко всем страницам проекта. Помимо этого способа, можно добавлять виджет на корневой слой каждой страницы. Подробнее о настройке виджета здесь.

Что нового?

1. Конструктор таблиц

Виджет, позволяющий настраивать нестандартные табличные представления.

Поддерживается:

• Использование разметки для конструирования строк и столбцов таблицы;
• Использование ui-компонентов из набора: список, изображение, бейдж, прогресс бар, чекбокс, пагинация, заголовок;
• Упрощение работы с настройками стилей по сравнению с стандартным виджетом Таблица;
• Автоматическая генерация Таблицы содержимым Источника;
• Общая и индивидуальная настройка каждой колонки /строки/компонента для отправки событий, триггера переменных и перехода по ссылкам;
• Чрезвычайно гибкая кастомизация каждого из представлений;
• Фильтрация колонок из Заголовков таблицы без необходимости настройки переменных.

Подробнее - здесь.

2. Конструктор таблиц - режим "Карточки"

Новый режим позволяет отображать данные в формате карточек.

Поддерживается:

1. Наполнение компонентами виджета "Конструктор таблиц" - значения, картинки, бейджи, прогресс-бары, чекбоксы, пагинация, заголовки.
2. Возможность выбрать количество карточек в строке.
3. Возможность устанавливать размеры карточек.
4. Возможность регулировать вертикальные и горизонтальные отступы.

Подробнее о виджете - здесь.

3. Контейнер иерерахии

Виджет, который позволяет добавлять несколько слоев для отображения контента поверх друг друга.

Поддерживается:

• Добавление неограниченного количества слоев;
• Наполнение слоев любым контентом из библиотеки виджетов (как отдельный виджет, так и разметку с набором виджетов);
• Регуляция размера и позиционирования дополнительных слоев относительного корневого слоя.

Подробнее - здесь.

4. Сводная таблица

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

Таблица предполагает активные действия пользователя в Плеере и позволяет:

• Управлять набором и порядком отображаемых Метрик и Измерений
• Выводить Измерения в формате строк и столбцов
• Изменять тип агрегации Метрик
• Выводить общие итоги — по строкам и по столбцам
• Управлять форматом отображаемых Метрик
• Сортировать Измерения
• Управлять иерархией измерений с помощью режима «Дриллдаун»
• Выводить нумерацию строк
• Закреплять заголовок при скролле
• Работать в полноэкранном режиме

Подробнее - здесь.

5. Скриншот страницы

В Insight v.2.1 появилась возможность делать скриншот страницы проекта благодаря появлению виджета "Скриншот" и доработке виджета "Разметка".

Доработка виджета "Разметка" позволяет указывать событие для дальнейшего скачивания скриншота страницы.

Виджет "Скриншот" позволяет выбрать формат выгрузки.

Поддерживаются форматы:

• pdf
• jpeg
• png
• webp

Также, опционально доступно добавление текущей даты в название скачиваемого файла.

Подробнее о Скриншоте - здесь.

6. Новая версия WIKI

Во II квартале База знаний Insight была существенно обновлена:

1. Произвели рефакторинг дизайна Базы знаний и примеров виджетов в соответствии с корпоративными стандартами.
2. Добавили универсальный поиск по разделам/страницам.
3. Каждый раздел содержит в себе превью - краткий обзор содержимого.
4. В каждую страницу Каталога виджетов добавили демонстрацию отображения в тёмной теме, помимо светлой.
5. На страницы виджетов и некоторые разделы работы в редакторе добавили кнопку для просмотра видеоинструкции.
6. Актуализировали информацию во всех разделах - от регламента по работе с системой и данными до каталога виджетов.
7. Добавили подробную информацию по работе с reflections в Dremio.
8. Провели перекомпановку виджетов разделов "Навигация", "Компоненты" и "Расположение".
9. Добавили новый раздел - Каталог видов визуализаций (см. п. 6)
10. Добавили новый раздел - Библиотека CSS и HTML (см. п.7)
11. Добавили возможность скопировать код настроенного виджета для последующего экспорта в Ваши проекты.

7. WIKI: Каталог видов визуализаций

Каталог видов визуализаций демонстрирует способы применения виджетов из библиотеки Inisght под различные бизнес-задачи (Часть целого, Динамика, План-Факт, События во времени, Иерархия, Карты и пр.).

Теперь не обязательно каждый раз настраивать виджеты с нуля - с помощью механизма импорта/экспорта кода виджета Вы можете переиспользовать готовые визуализации. Например, карту Москвы в формате SVG.

Для того, чтобы скопировать виджет, необходимо:

• Внутри настроенного виджета перейти в Панель разработчика (находится в самом низу настроек виджета)
• Нажать кнопку "Копировать свойства"
• Внутри целевого виджета перейти в Панель разработчика
• Нажать кнопку "Импортировать свойства из буфера"

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

8. WIKI: Библиотека CSS и HTML

Библиотека CSS и HTML содержит в себе наглядные примеры продвинутого использования css и html для разных целей:

• Анимация
• Наведение на элемент
• Наведение на текст
• Скроллы
• Границы

Каждый пример сопровождается демонстрацией применения эффекта, а также кодом, который Вы сможете добавить в Тему проекта своего проекта для получения аналогичного результата и инструкцией по наследованию виджетом желаемого эффекта с помощью добавления css стиля/класса в настройках виджета.

9. Адаптеры для подключения данных

В новой версии Редактора появилась возможность создавать и настраивать подключения к различным источникам данных на основе адаптеров к PostgreSQL и Dremio.

Благодаря этому можно настроить несколько подключений и внутри приложения выбрать необходимое. Подробнее - здесь

10. Упрощение панели настройки стилей

В рамках упрощения стилизации проекта была проведена модернизация раздела настроек "Стиль".

В результате, основные настройки css были локализованы и сгруппированы по категориям настроек:

• Фон - возможность применить цвет, градиент или изображение в качестве фона.
• Стилизация - управление стилем границ, теней, отображением курсора, поворотом и прозрачностью.
• Размерность - настройка минимальной/максимальной ширины и высоты.

Сохраняется возможность ручного ввода css стилей и классов.

Подробнее о CSS - здесь.

11. У приложений появились версии

В Insight v.2.1 появилась возможность создавать и хранить версии проектов со всеми внесенными изменениями.

Поддерживается:

• Комментирование
• Тегирование
• История версий
• Скачивание версий в формате zip-архива

Таким образом, можно управлять версионностью проекта и не тратить время на ручное внесение корректировок в случаях, когда нужно получить предыдущую версию проекта.

История и создание версий доступны в настройках проекта.

Подробнее - здесь.

12. Совместная работа над проектом

Новый функционал "Очередь" позволит избежать ситуаций, когда в проекте работают несколько человек и "перезатирают" изменения друг друга.

В случае входа разработчика в проект, в котором находится другой пользователь, появится уведомление о:

• Пользователе, который является Редактором и может вносить правки в проект.
• Пользователях, которые находятся в очереди и могут лишь просматривать проект.

В верхней панели останется уведомление о первом пользователе, вошедшем в проект. Именно он сможет сохранять внесенные им изменения в проект, а остальные разработчики будут предупреждены о необходимости дождаться своей очереди для внесения правок.

Кнопка "Сохранить" и "Создать версию" для пользователей в очереди будут заблокированы.

Подробнее - здесь.

Рефакторинг

Календарь

• Перекомпоновка и локализация настроек.
• Добавление дополнительной кастомизации - тень, градиент, насыщенность, настройка границы, шрифт, размер шрифта.
• "Настройки отображения" - "Не текущий месяц" - "Применять ко всему календарю" - позволяет применить данные настройки не только к датам заходящем из прошлого/предыдущего месяца на текущий, но и вообще ко всем датам календаря, которые не относятся к текущему месяцу.
• В режиме строки, если выбрано значение из календаря, при отправке кастомной переменной date - null, выбранное значение сбрасывается.
• Раздельный ввод дат для режима диапазона (дата начала и дата завершения) и переменные для раздельного ввода, позволяющие тригеррить виджеты по отдельности.

Подробнее о Календаре - здесь

Меню

• Перекомпоновка и локализация настроек.
• Отправка событий и переменных из разделов меню.
• Возможность использования картинки вместо иконки.
• Опциональное добавление поисковой строки по разделам и пунктам меню.

Подробнее о Меню - здесь

Простой таймлайн

• Перекомпоновка и локализация настроек
• Возможность выбора временных периодов с помощью Измерения
• Дополнительные настройки стилизации типографики
• Градиент и ширина баров
• Отображение дат в соответствии с фактическим расположением относительно времени
• Подсказки для настроек

Подробнее о Простом таймлайне - здесь

Галерея

• Перекомпоновка и систематизация настроек в панелях
• Возможность отправлять событие из Источника
• Возможность вывода доп.подписей
• Регуляция области вывода подписи - снизу/сверху/слева/справа
• Настройки градиента, насыщенности шрифта, числового формата
• Настройки границ и теней у карточек
• Исправлена проблема открытия ссылки в попапе, когда url страницы заменялся на указанный для попапа
• Исправлена невозможность перейти по коротким ссылкам в рамках проекта
• Исправлен момент, когда триггер переменных был возможен только при выбранному переходу по ссылке.

Подробнее о Галерее - здесь

Другие изменения

Проведены точечные доработки в рамках виджетов:

• Комбинированная диаграмма - триггер переменных при дриллдауне, динамический пересчет шкалы на осях.
• Пузырьковая диаграмма - использование метрики для регуляции размера точки, управление масштабом отображения с помощью колесика мыши, триггер переменных, вывод подписей метрик у точек, настройка тени, анимация точек, Режим дриллдаун - режим, при котором Вы можете использовать несколько уровней иерархии измерений, Расширенный тултип; регуляция количества символов в подписи для переноса на следующую строку.
• Регламентный отчет - увеличение допустимого объема загружаемого шаблона до 100 мегабайт, методы конвертации HTML => Excel/Pdf для оптимизации работы сервиса; убрана необходимость обязательной авторизации в рамках проекта для корректной работы сервиса; добавлен прелоадер для выгрузки.
• Сегментная диаграмма - сброс переменной по повторному клику на "долю" диаграммы.
• Радарная диаграмма - заголовок, новый тип точки - "пустая окружность".
• Древовидная карта - Расширенный тултип, типографика по условию, режим "Другие" - позволяет отобразить некоторое количество значений измерения, а остальное суммировать как "Другое".
• Диаграмма Ганта - использование метрики для регуляции размера точки, управление масштабом отображения с помощью колесика мыши, триггер переменных, вывод подписей метрик у точек, настройка тени.
• Фильтр - вывод числовой метрики напротив измерений, исправлен сдвиг плейсхолдера при раскрытии виджета, добавлена раздельная кастомизация и иконки для кнопок режима "Включить сброс".
• Аватар - выравнивание фото относительно ФИО, отступы фото от ФИО и должности, насыщенность шрифта для ФИО.
• Иерархический список - добавлен расширенный тултип.
• Список - обновление вида ряда настроек, позиционирование заголовка по центру, цвет шрифта по условию.
• Дерево иерархии - локализация названий ряда настроек.
• Выгрузка в Excel - возможность скрывать измерения/метрики из выгрузки, преобразование метрик в числа в выгруженном файле. 

Прочие изменения:

• Оптимизирован выбор шаблона внутри проекта - в случае, если шаблоны агрегированы по папкам, пользователь сможет увидеть структуру иерархии хранения.
• Оптимизирован код виджета в режиме Разработчика - удален слот для беспрепятственного переиспользования виджетов в проектах.

Устраненные баги

1. SVG - не отображается виджет.
2. Календарь - не сбрасывается выбранная дата.
3. Круговая диаграмма - нельзя вернуться после дриллдауна.
4. Ошибка при переходе на страницу/удалении страниц.
5. Комбинированная диаграмма - корректная сортировка и фикс наслоения для стэкд бар, жирность точки, реанимация выбора изменений и метрик, наведение курсора на точку графика; ошибка с отображением Источника данных; применение стилей при отсутствии анимации; выравнивание дополнительной подписи оси. 
6. Ключевой показатель - вывод подсказки.
7. Матричная карта - вывод подсказки.
8. Календарь - корректировка поведения границ при нажатии на дату.
9. Кнопочный фильтр - отправка массива при одном значении.
10. Список - отображение данных в виджете.
11. Индикатор - отображение в Firefox.
12. Таблица - при переходе на другую страницу переменная таблицы стиралась и становилась = null.
13. Текст - компонент WYSIWIG удалял часть кода, не выравнивал картинку.
14. Чекбокс/Радио-кнопки - сбрасывалось выбранное значение в другом чекбоксе.
15. Простой таймлайн - Не всегда корректно отображаются отметки, если конечная дата меньше текущей (то есть имеется просрочка).
16. Иерархический список - проблемы с отображением Расширенного тултипа.
17. Каскадная диаграмма - постройка положительных баров.