mirror of
https://github.com/Kingsrook/qqq-frontend-material-dashboard.git
synced 2025-07-21 22:58:43 +00:00
98 lines
3.5 KiB
TypeScript
98 lines
3.5 KiB
TypeScript
/*
|
|
* QQQ - Low-code Application Framework for Engineers.
|
|
* Copyright (C) 2021-2025. Kingsrook, LLC
|
|
* 651 N Broad St Ste 205 # 6917 | Middletown DE 19709 | United States
|
|
* contact@kingsrook.com
|
|
* https://github.com/Kingsrook/
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as
|
|
* published by the Free Software Foundation, either version 3 of the
|
|
* License, or (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
import {Banner} from "@kingsrook/qqq-frontend-core/lib/model/metaData/Banner";
|
|
import {QBrandingMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QBrandingMetaData";
|
|
import parse from "html-react-parser";
|
|
|
|
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
|
// One may render a banner using the functions in this file as: //
|
|
// //
|
|
// const banner = getBanner(branding, "QFMD_SIDE_NAV_UNDER_LOGO"); //
|
|
// return (<Box className={getBannerClassName(banner)} sx={{padding: "1rem", ...getBannerStyles(banner)}}> //
|
|
// {makeBannerContent(banner)} //
|
|
// </Box>); //
|
|
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
|
|
|
|
|
/***************************************************************************
|
|
**
|
|
***************************************************************************/
|
|
export function getBanner(branding: QBrandingMetaData, slot: string): Banner | null
|
|
{
|
|
if (branding?.banners?.has(slot))
|
|
{
|
|
return (branding.banners.get(slot));
|
|
}
|
|
|
|
return (null);
|
|
}
|
|
|
|
|
|
/***************************************************************************
|
|
**
|
|
***************************************************************************/
|
|
export function getBannerStyles(banner: Banner)
|
|
{
|
|
let bgColor = "";
|
|
let color = "";
|
|
|
|
if (banner)
|
|
{
|
|
if (banner.backgroundColor)
|
|
{
|
|
bgColor = banner.backgroundColor;
|
|
}
|
|
|
|
if (banner.textColor)
|
|
{
|
|
bgColor = banner.textColor;
|
|
}
|
|
}
|
|
|
|
const rest = banner?.additionalStyles ?? {};
|
|
|
|
return ({
|
|
backgroundColor: bgColor,
|
|
color: color,
|
|
...rest
|
|
});
|
|
}
|
|
|
|
|
|
/***************************************************************************
|
|
**
|
|
***************************************************************************/
|
|
export function getBannerClassName(banner: Banner)
|
|
{
|
|
return `banner ${banner?.severity?.toLowerCase()}`;
|
|
}
|
|
|
|
|
|
/***************************************************************************
|
|
**
|
|
***************************************************************************/
|
|
export function makeBannerContent(banner: Banner): JSX.Element
|
|
{
|
|
return <>{banner?.messageHTML ? parse(banner?.messageHTML) : banner?.messageText}</>;
|
|
}
|
|
|