Актуальная дата информационной панели
Часто требуется обозначить, на какую дату актуален дашборд. Для этого можно использовать HTML-компонент, отображающий максимальную дату из датасета.
Как работает HTML-редактор в Polymatica Dashboards можно посмотреть в коротком видео
{% set dictMonthName = [‘января’, ‘февраля’, ‘марта’, ‘апреля’, ‘мая’, ‘июня’, ‘июля’, ‘августа’, ‘сентября’, ‘октября’, ‘ноября’, ‘декабря’] %}
<style>
.box {
display: flex;
flex-direction: column;
align-items: center;
}
.content-box{
display:flex;
flex-direction: column;
justify-content: center;
height:100%
}
.header{
height: 100%
}
.label {
display: block;
color: #000;
font-size: 0.875rem;
margin-top: 5px;
margin-bottom: 15px;
}
.value {
display: block;
font-size: 18px;
font-weight: bold;
}
</style>
<div class=»header»>
{% set datasetValue = data.rows[0][1] %} <! Значение из колонки датасета>
{% set onlyDate = datasetValue.replace(‘T00:00:00Z’,») %} <! Только дата>
{% set splittedDate = onlyDate.split(‘-‘) %} <! Год, Месяц, День из даты в массиве>
{% set monthName = dictMonthName[splittedDate[1]|int — 1] %} <! Название месяца по номеру месяца преобразованному в int — 1>
{% set day = splittedDate[2]|int %} <! День (число) из даты, преобразованное в int>
{% set year = splittedDate[0]|int %} <! Год из даты, преобразованное в int>
{% set finalDate = day|string + ‘ ‘ + monthName + ‘ ‘ + year|string %} <! Сформатированная дата>
<div class=»content-box»>
<div class=»box»>
<span class=»label» align=»center»>Данные актуальны на</span>
<span class=»value» align=»center»> {{ finalDate }} </span>
</div>
</div>
В случае вопросов пишите на support@polymatica.com