Как сделать дашборд в личном кабинете с кастом разметкой

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

Ссылка на документацию - https://falcon.web-automation.ru/docs/falcon-space--rabota-s-dashbordami

Как настроить дашборд с кастом версткой

Достаточно прописать Makeup для элемента Digit (SELECT 1) и общей разметки панели (Makeup в SELECT 3): 

CREATE PROCEDURE [dbo].[dashboard_watch_customMakeup_getCounters] 
@username nvarchar(128)
AS
BEGIN
	declare @m1 nvarchar(max) = '<div class="col-12">
       <div class="bg-{color} text-white p-3 my-1 rounded">
    	<div class="float-right">{additionalNumber}</div>
    	<h3 class="text-white"><i class="{icon} mr-2"></i>{title}<span class="badge badge-light ml-2">{number}</span></h3>
        <p class="small">{tooltip}</p>
        <a href="{downLink}" class="btn btn-light btn-xs">{downTitle}</a>        
      </div>
    </div>'
    declare @m2 nvarchar(max) = '
    <div class="row">
    	<div class="col-12 col-md-3">
    	{counters}  
        </div>
        <div class="col-12 col-md-9">
    	{title} {subtitle} {panels}   
        </div>        
    </div>    
    '  

	-- SELECT 1
    select 'Показатель 1' Title, 'Это просто пример' Tooltip, 'fa fa-users' Icon,'15' Number,'МОИ СТАВКИ' AdditionalNumber,
        'Нижняя ссылка' DownTitle,'#' DownLink, 'danger' color, @m1 makeup
    union all
    select 'Показатель 2' Title, 'Это просто пример' Tooltip, 'fa fas fa-clipboard-list' Icon,'45' Number,'МОИ СТАВКИ' AdditionalNumber,
        'Нижняя ссылка' DownTitle,'#' DownLink, 'warning' color, @m1 makeup
    union all
    select 'Показатель 3' Title, 'Это просто пример' Tooltip, 'fa fa-bars' Icon,'12' Number,'МОИ СТАВКИ' AdditionalNumber,
        'Нижняя ссылка' DownTitle,'#' DownLink, 'info' color, @m1 makeup
    union all
    select 'Показатель 4' Title, 'Это просто пример' Tooltip, 'fa fa-smile' Icon,'23' Number,'МОИ СТАВКИ' AdditionalNumber,
        'Нижняя ссылка' DownTitle,'#' DownLink, 'success' color, @m1 makeup

	-- SELECT 2 здесь можно переименовать динамически названия панелей дашборда (panelCode1 - это код соответствующей панели)
	select 'Name 1' panelCode1, 'Name 2' panelCode2
    
    -- SELECT 3
    select @m2 Makeup, 'Заголовок дашборда' Title, 'Подзаголовок дашборда' Subtitle
END
Насколько полезна эта возможность?

Другие модули

Рабочий стол в личном кабинете на сайте. Что видит пользователь в личном кабинете

Дашборд пользователя с фильтром по времени. Создание панели управления на сайте

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

Вывод полосок прогресса - отображение статуса процесса в личном кабинете

Вывод круговой диаграммы polarArea

Как отобразить гистограмму bar на странице

Графики в личном кабинете. Вывод графика типа line

Диаграмма радар на сайте - radar bar

Последние обновления

Платформа Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки

Это быстрое внесение изменений

по ходу эксплуатации программы

Это современный интерфейс

полная адаптация под мобильные устройства

Сайт использует Cookie. Правила конфиденциальности OK