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

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

Ссылка на документацию - 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
Насколько полезна эта возможность?

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

Форма генерации счета

Файлы и документы 10.01.2025

Платформа Falcon Space

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

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

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

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

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

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

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