Конструктор дашбордов

Для создания нового дашборда необходимо в меню нажать на «плюс» около пункта меню «Дашборды» в меню.

_images/132.png

Для редактирования дашборда – на кнопку «Редактирование» на странице просмотра Дашборда.

_images/287.png

Рабочая область страницы разлинована в клетку для удобства задания границ контейнеров для отображения графиков, реестров, отчетов.

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

_images/288.png

В выделенной области появится контейнер. При наведении курсора мыши на контейнер, в нем появляются 4 кнопки и синяя рамка по контуру.

_images/289.png

Для изменения размеров контейнера нужно зажать левую кнопку мыши на его границе (на синей рамочке) и потянуть в нужную сторону.

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

Для удаления контейнера нужно нажать на самую правую кнопку с корзиной. Важно: это действие не требует подтверждения вне зависимости от того, пуст этот контейнер или в нем есть график или отчет. При этом сам отчет, реестр или график не удалится.

_images/290.png

Настройка контейнера дашборда

Для каждого контейнера дашборда можно задать то, какой отчет, график или параметр должен быть размещен в этом контейнере. В одном контейнере может располагаться только один отчет (или график, или параметр).

Для этого необходимо нажать на кнопку настройки контейнера (с изображением шестеренки).

_images/291.png

На верхней панели контейнера появятся:

  1. Кнопка «Выбрать отчет».
  2. Кнопка «Выбрать реестр».
  3. Кнопка «Выбрать форму».
  4. Кнопка «Выбрать график».
  5. Кнопка «Выбрать параметр».
  6. Кнопка «HTML-блок».
  7. Чек-бокс «Отображать заголовок».
  8. Текстовое поле для ввода названия контейнера.
  9. Кнопка «Закрыть настройки».

Под ними — список всех созданных в системе отчетов, графиков или параметров - в зависимости от того, что выбрано для отображения.

_images/292.png

Ввести название контейнера можно в соответствующем поле. По умолчанию, если в текстовое поле ничего не было введено и активен чек-бокс «Отображать заголовок», в качестве заголовка контейнера будет подставлено название отображаемого в нем графика или отчета.

Если отображать название контейнера не нужно, можно снять галочку из чек-бокса «Отображать заголовок».

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

Контейнер с отчетом/реестром/формой/графиком

Для переключения между списками отчетов, реестров, форм или графиков нужно нажать на кнопки «Выбрать отчет», «Выбрать реестр», «Выбрать форму» или «Выбрать график» соответственно.

_images/dash_08.png

Чтобы выбранный отчет, реестр, форма или график отобразился в контейнере, нужно кликнуть по его названию в списке. Список свернется, отчет, реестр или график начнут грузиться (это может занять некоторое время — такое же, как построение такого отчета или графика в конструкторе).

_images/dash_09.png

Контейнер с параметром

Также контейнер может содержать параметр, тогда его значения можно будет изменять в режиме просмотра и редактирования и быстро перестраивать дашборд с нужными значениями показателей-фильтров. Это будет параметр на весь дашборд, то есть на все отчеты и графики в этом дашборде.

Для того, чтобы выбор параметра влиял на содержимое отчета или графика, у отчета должен быть соответствующий фильтр, помеченный галочкой «Параметр». Настройки отчета задаются в конструкторе отчетов.

_images/dash_25.png

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

_images/dash_26.png

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

_images/dash_27.png

Если выбрано хотя бы одно значение по умолчанию, то кнопка ОК станет активной и по ее нажатию параметр будет сохранен.

_images/dash_28.png

Чекбокс «Всегда показывать виджет выбора» влияет на то, как будет выглядеть контейнер с параметром. По умолчанию галочка проставлена.

_images/dash_29.png

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

_images/dash_30.png

Чекбокс «Авто-добавление новых», с ним пользователю не нужно будет проставлять галочки для выбора новых значений, они автоматически проставятся. Например, есть справочник «Организационная структура» со списком организаций.

_images/dash_31.PNG

На дашборде у всех организаций проставлены галочки.

_images/dash_32.PNG

Добавим новое значние «Организация 5» в справочник «Организационная структура». На дашборде отобразится данное значение с проставленной галочкой.

_images/dash_33.PNG

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

Контейнер с HTML-блоком

Контейнер может содержать HTML-блок. В редактировании такого блока можно задавать ссылки, списки, части размеченного текста.

_images/html_dash1.PNG

Код для реализации кнопки на дашборде с переходом между дашбордами без перезагрузки страницы:

<button class="topnclass" onclick="Backbone.history.navigate('/dashboard/136084/', true)">Топ 20 проблем</button>

Где «Топ 20 проблем» - название кнопки, «/dashboard/136084/» - ссылка для перехода по нажатию кнопки.

Отображение кнопки на дашборде:

_images/360.png

На странице настройки внешнего вида приложения /project/description (см. раздел Настройка стилей интерфейса системы) в подразделе «Дополнительный CSS» можно настроить внешний вид кнопки.

Например, вот такой код:

      button.topnclass {
width: 100%;
height: 100%;
position: absolute;
margin-left: -10px;
padding: 0px;
background-color: #37414e;
color: white;
border-color: #37414e;
}

Приведет кнопку на дашборде к такому виду:

_images/button_3.PNG

Код для реализации кнопки «Обновить»:

<button onclick="Backbone.history.loadUrl(Backbone.history.getFragment())">Обновить</button>

Отображение кнопки на дашборде:

_images/303.png

Код для заголовка с фоном на дашборде:

<style>
 h1.db-header {
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   text-align: center;
   font-weight: bold;
   font-size: 26px;
   background: #cbe9ff;
   color: #013963;
   position: absolute;
   margin: 0;
   padding-top: 20px;
 }
</style>
<h1 class="db-header">КАМЧАТСКИЙ КРАЙ</h1>

Отображение заголовка на дашборде:

_images/caption.PNG

Изменить названия показателей на дашборде: «Показатель с» на «Отчетный период, с», а «Показатель по» на «по»:

<script>
$('.db-param-name-value span:contains("Показатель С")').text("Отчетный период, с");
$('.db-param-name-value span:contains("Показатель По")').text("по");
</script>

Результат работы скрипта представлен на рисунке:

_images/dash_34.PNG

Настройка справки для блока дашборда

Есть возможность добавить справку к блоку, нажав кнопку «Настройка подсказки». Откроется всплывающее окно с полем «Заголовок» и полем для ввода текста справки.

_images/293.png

Справку можно оформлять в HTML кодировке, тогда необходимо вписывать картинки, стили, таблицы. Если текст оформляется без HTML кодировки, то выводится сплошным текстом.

Например, HTML кодировка:

<p><span style="font-family: &quot;Trebuchet MS&quot;, sans-serif; font-size: 15.2px; text-align: justify; text-indent: 38px;">&nbsp; &nbsp;</span>Модель Альтмана, показывающая вероятность&nbsp;банкротства, построена на выборе из 66 компаний &ndash; 33 успешных и 33 банкрота. Модель предсказывает точно в 95% случаев.</p>
<p>&nbsp; &nbsp;Модель Альтмана рассчитывается по формуле:</p>
<p><b>Z = 0,717Х1 + 0,847Х2 + 3,107Х3 + 0,42Х4 + 0,995Х5</b></p>
<p><i>X1 - оборотный капитал к сумме активов предприятия. Показатель оценивает сумму чистых ликвидных активов компании по отношению к совокупным активам.</i></p>
<p><i>X2 - чистая прибыль к сумме активов предприятия, отражает уровень финансового рычага компании</i></p>
<p><i>X3 - прибыль до налогообложения к общей стоимости активов. Показатель отражает эффективность операционной деятельности компании</i></p>
<p><i>Х4 - балансовая стоимость собственного капитала /обязательства </i></p>
<p><i>Х5 - объем продаж к общей величине активов предприятия, характеризует рентабельность активов предприятия. &nbsp;&nbsp; </i></p>
<p>Если Z &lt;= 0,7 &ndash; организация находится в зоне финансового риска;</p>
<p>Если 0,7 &lt; Z &lt;= 1,3 &ndash; организация находится в зоне неопределенности;</p>
<p>Если Z &gt; 1,3 &ndash; организация находится в зоне финансовой устойчивости.</p>
<p>&nbsp;</p>

Справка к блоку в HTML кодировке:

_images/reference_1.PNG

Справка к блоку без HTML кодировки:

_images/reference_2.PNG

Сохранение и создание новых, открытие уже существующих дашбордов

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

_images/294.png

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

_images/295.png

Для открытия уже существующих в системе дашбордов, нужно нажать на иконку «Загрузить дашборд» в верхнем меню страницы. Появится выпадающий список со всеми существующими в системе дашбордами.

_images/297.png

По клику левой кнопкой мыши по названию нужного, он начнет загружаться (это займет некоторое время - такое же, как построение такого отчета или графика в конструкторе). Дашборд откроется в режиме просмотра (см. далее).

Для создания в системе нового дашборда, нужно нажать иконку «Новый дашборд» в верхнем меню страницы.

_images/296.png

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

_images/298.png

Изменение содержания контейнера

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

Если необходимо сменить название уже существующего контейнера, нужно в настройках контейнера ввести новое название в текстовом поле, после чего или повторно выбрать необходимый для отображения элемент системы (график или отчет), или нажать на кнопку «Закрыть настройки».

Изменения необходимо сохранить, нажав кнопку «Сохранить» в верхнем меню страницы работы с дашбордами.

Если изменять настройки контейнера не нужно, можно закрыть окно настроек, нажав на кнопку «Закрыть настройки» в левом верхнем углу окна (при этом в контейнере отобразится его текущее содержимое).

_images/dash_14.png

Если необходимо изменение структуры или отображения отчета или графика, используемых в дашборде, вы можете быстро перейти к конструктору с выбранным отчетом (или к конструктору с отчетом, по которому был построен выбранный график). Для этого нужно нажать на кнопку перехода к конструктору в правом нижнем углу контейнера с графиком/отчетом.

_images/299.png

Далее, в конструкторе нужно произвести все необходимые вам изменения, сохранить график или отчет и вернуться к дашборду (главное меню - «Дашборды»). Дашборд откроется в режиме просмотра.

Режим просмотра дашборда

Для перехода от редактирования дашборда к его просмотру нужно нажать иконку «Просмотр» в верхнем меню страницы.

_images/300.png

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

Из режима просмотра, так же, как и из режима редактирования, можно перейти к просмотру выбранного отчета или графика в конструкторе (кнопка в правом нижнем углу контейнера с отчетом/графиком).

_images/dash_18.png

Также в режиме просмотра можно открыть график или отчет на весь экран для удобства просмотра данных в них. Для этого нужно нажать на кнопку с расходящимися стрелочками в правом нижнем углу выбранного контейнера.

_images/dash_19.png

Для сворачивания графика или отчета обратно в контейнер нужно нажать аналогичную кнопку уже со сходящимися стрелочками в правом нижнем углу экрана.

_images/dash_20.png

Удаление дашборда

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

_images/301.png

Для этого действия необходимо подтверждение во всплывающем окне. Если удаление действительно необходимо, нужно нажать кнопку «Да, удалить дашборд». В противном случае - кнопку «Нет, продолжить работу с дашбордом».

_images/302.png

Расшаривание дашборда

О произвольном доступе к дашборду («расшаривании дашборда») см. подробнее в разделе Публичный пользователь.