Новые виджеты - Конструктор таблиц, Контейнер иерархии, Сводная таблица. Скриншот страницы в PDF. Прямые подключения. Совместная работа над проектом и другие фичи.
В рамках произведенных улучшений и оптимизации работы Платформы, в версии Insight 2.1 введены 2 требования, обязательные для корректной работы приложений:
- Для каждого проекта должна быть настроена авторизация. Подробнее об этом здесь.
- Обеспечить наличие виджета авторизационный контейнер на каждой странице проекта. Как правило, виджет добавляется в Шаблон с последующим присваиванием данного Шаблона ко всем страницам проекта. Помимо этого способа, можно добавлять виджет на корневой слой каждой страницы. Подробнее о настройке виджета здесь.
Что нового?
1. Конструктор таблиц
Виджет, позволяющий настраивать нестандартные табличные представления.
Поддерживается:
- Использование разметки для конструирования строк и столбцов таблицы;
- Использование ui-компонентов из набора: список, изображение, бейдж, прогресс бар, чекбокс, пагинация, заголовок;
- Упрощение работы с настройками стилей по сравнению с стандартным виджетом Таблица;
- Автоматическая генерация Таблицы содержимым Источника;
- Общая и индивидуальная настройка каждой колонки /строки/компонента для отправки событий, триггера переменных и перехода по ссылкам;
- Чрезвычайно гибкая кастомизация каждого из представлений;
- Фильтрация колонок из Заголовков таблицы без необходимости настройки переменных.
Подробнее - здесь.
2. Конструктор таблиц - режим "Карточки"
Новый режим позволяет отображать данные в формате карточек.
Поддерживается:
- Наполнение компонентами виджета "Конструктор таблиц" - значения, картинки, бейджи, прогресс-бары, чекбоксы, пагинация, заголовки.
- Возможность выбрать количество карточек в строке.
- Возможность устанавливать размеры карточек.
- Возможность регулировать вертикальные и горизонтальные отступы.
Подробнее о виджете - здесь.
3. Контейнер иерерахии
Виджет, который позволяет добавлять несколько слоев для отображения контента поверх друг друга.
Поддерживается:
- Добавление неограниченного количества слоев;
- Наполнение слоев любым контентом из библиотеки виджетов (как отдельный виджет, так и разметку с набором виджетов);
- Регуляция размера и позиционирования дополнительных слоев относительного корневого слоя.
Подробнее - здесь.
4. Сводная таблица
Виджет представляет собой сводную таблицу, которая строится на основе измерений в виде столбцов и строк, а содержимое заполняется с помощью числовых метрик.
Таблица предполагает активные действия пользователя в Плеере и позволяет:
- Управлять набором и порядком отображаемых Метрик и Измерений
- Выводить Измерения в формате строк и столбцов
- Изменять тип агрегации Метрик
- Выводить общие итоги — по строкам и по столбцам
- Управлять форматом отображаемых Метрик
- Сортировать Измерения
- Управлять иерархией измерений с помощью режима «Дриллдаун»
- Выводить нумерацию строк
- Закреплять заголовок при скролле
- Работать в полноэкранном режиме
Подробнее - здесь.
5. Скриншот страницы
В Insight v.2.1 появилась возможность делать скриншот страницы проекта благодаря появлению виджета "Скриншот" и доработке виджета "Разметка".
Доработка виджета "Разметка" позволяет указывать событие для дальнейшего скачивания скриншота страницы.
Виджет "Скриншот" позволяет выбрать формат выгрузки.
Поддерживаются форматы:
Также, опционально доступно добавление текущей даты в название скачиваемого файла.
Подробнее о Скриншоте - здесь.
6. Новая версия WIKI
Во II квартале База знаний Insight была существенно обновлена:
- Произвели рефакторинг дизайна Базы знаний и примеров виджетов в соответствии с корпоративными стандартами.
- Добавили универсальный поиск по разделам/страницам.
- Каждый раздел содержит в себе превью - краткий обзор содержимого.
- В каждую страницу Каталога виджетов добавили демонстрацию отображения в тёмной теме, помимо светлой.
- На страницы виджетов и некоторые разделы работы в редакторе добавили кнопку для просмотра видеоинструкции.
- Актуализировали информацию во всех разделах - от регламента по работе с системой и данными до каталога виджетов.
- Добавили подробную информацию по работе с reflections в Dremio.
- Провели перекомпановку виджетов разделов "Навигация", "Компоненты" и "Расположение".
- Добавили новый раздел - Каталог видов визуализаций (см. п. 6)
- Добавили новый раздел - Библиотека CSS и HTML (см. п.7)
- Добавили возможность скопировать код настроенного виджета для последующего экспорта в Ваши проекты.
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 - возможность скрывать измерения/метрики из выгрузки, преобразование метрик в числа в выгруженном файле.
Прочие изменения:
- Оптимизирован выбор шаблона внутри проекта - в случае, если шаблоны агрегированы по папкам, пользователь сможет увидеть структуру иерархии хранения.
- Оптимизирован код виджета в режиме Разработчика - удален слот для беспрепятственного переиспользования виджетов в проектах.
Устраненные баги
- SVG - не отображается виджет.
- Календарь - не сбрасывается выбранная дата.
- Круговая диаграмма - нельзя вернуться после дриллдауна.
- Ошибка при переходе на страницу/удалении страниц.
- Комбинированная диаграмма - корректная сортировка и фикс наслоения для стэкд бар, жирность точки, реанимация выбора изменений и метрик, наведение курсора на точку графика; ошибка с отображением Источника данных; применение стилей при отсутствии анимации; выравнивание дополнительной подписи оси.
- Ключевой показатель - вывод подсказки.
- Матричная карта - вывод подсказки.
- Календарь - корректировка поведения границ при нажатии на дату.
- Кнопочный фильтр - отправка массива при одном значении.
- Список - отображение данных в виджете.
- Индикатор - отображение в Firefox.
- Таблица - при переходе на другую страницу переменная таблицы стиралась и становилась = null.
- Текст - компонент WYSIWIG удалял часть кода, не выравнивал картинку.
- Чекбокс/Радио-кнопки - сбрасывалось выбранное значение в другом чекбоксе.
- Простой таймлайн - Не всегда корректно отображаются отметки, если конечная дата меньше текущей (то есть имеется просрочка).
- Иерархический список - проблемы с отображением Расширенного тултипа.
- Каскадная диаграмма - постройка положительных баров.