QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-19 05:40:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add initial version of record developer mode, associated scripts

Browse Source
This commit is contained in:
darin.kelkhoff
2022-10-31 15:54:17 -05:00
parent b87dbf231d
commit 8ed8640b5a
10 changed files with 1010 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/qqq/utils/QValueUtils.tsx
View File

@ -26,7 +26,6 @@ import {QInstance} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QInstan
import {QRecord} from "@kingsrook/qqq-frontend-core/lib/model/QRecord";
import "datejs";
import {Chip, Icon} from "@mui/material";
import {queryByTestId} from "@testing-library/react";
import React, {Fragment} from "react";
import {Link} from "react-router-dom";
import QClient from "qqq/utils/QClient";
@ -42,9 +41,9 @@ class QValueUtils
private static getQInstance(): QInstance
{
if(QValueUtils.qInstance == null)
if (QValueUtils.qInstance == null)
{
if(QValueUtils.loadingQInstance)
if (QValueUtils.loadingQInstance)
{
return (null);
}
@ -87,20 +86,20 @@ class QValueUtils
let href = rawValue;
const toRecordFromTable = adornment.getValue("toRecordFromTable");
if(toRecordFromTable)
if (toRecordFromTable)
{
if(QValueUtils.getQInstance())
if (QValueUtils.getQInstance())
{
let tablePath = QValueUtils.getQInstance().getTablePathByName(toRecordFromTable);
if(!tablePath)
if (!tablePath)
{
console.log("Couldn't find path for table: " + tablePath);
return ("");
}
if(!tablePath.endsWith("/"))
if (!tablePath.endsWith("/"))
{
tablePath += "/"
tablePath += "/";
}
href = tablePath + rawValue;
}
@ -113,33 +112,33 @@ class QValueUtils
}
}
if(!href)
if (!href)
{
return ("");
}
if(href.startsWith("http"))
if (href.startsWith("http"))
{
return (<a target={adornment.getValue("target") ?? "_self"} href={href} onClick={(e) => e.stopPropagation()}>{displayValue ?? rawValue}</a>)
return (<a target={adornment.getValue("target") ?? "_self"} href={href} onClick={(e) => e.stopPropagation()}>{displayValue ?? rawValue}</a>);
}
else
{
return (<Link target={adornment.getValue("target") ?? "_self"} to={href} onClick={(e) => e.stopPropagation()}>{displayValue ?? rawValue}</Link>)
return (<Link target={adornment.getValue("target") ?? "_self"} to={href} onClick={(e) => e.stopPropagation()}>{displayValue ?? rawValue}</Link>);
}
}
if (field.hasAdornment(AdornmentType.CHIP))
{
if(!displayValue)
if (!displayValue)
{
return (<span/>);
return (<span />);
}
const adornment = field.getAdornment(AdornmentType.CHIP);
const color = adornment.getValue("color." + rawValue) ?? "default"
const color = adornment.getValue("color." + rawValue) ?? "default";
const iconName = adornment.getValue("icon." + rawValue) ?? null;
const iconElement = iconName ? <Icon>{iconName}</Icon> : null;
return (<Chip label={displayValue} color={color} icon={iconElement} size="small" variant="outlined" sx={{fontWeight: 500}} />);
return (<Chip label={displayValue} color={color} icon={iconElement} size="small" variant="outlined" sx={{fontWeight: 500}} />);
}
return (QValueUtils.getUnadornedValueForDisplay(field, rawValue, displayValue));
@ -158,8 +157,7 @@ class QValueUtils
return ("");
}
const date = new Date(rawValue);
// @ts-ignore
return (`${date.toString("yyyy-MM-dd hh:mm:ss")} ${date.getHours() < 12 ? "AM" : "PM"} ${date.getTimezone()}`);
return this.formatDateTime(date);
}
else if (field.type === QFieldType.DATE)
{
@ -185,6 +183,29 @@ class QValueUtils
return (returnValue);
}
public static formatDateTime(date: Date)
{
if(!(date instanceof Date))
{
date = new Date(date)
}
// @ts-ignore
return (`${date.toString("yyyy-MM-dd hh:mm:ss")} ${date.getHours() < 12 ? "AM" : "PM"} ${date.getTimezone()}`);
}
public static formatBoolean(value: any)
{
if(value === true)
{
return ("Yes");
}
else if(value === false)
{
return ("No");
}
return (null);
}
public static getFormattedNumber(n: number): string
{
try
@ -221,28 +242,28 @@ class QValueUtils
/*******************************************************************************
** Take a date-time value, and format it the way the ui's date-times want it
** to be.
** to be.
*******************************************************************************/
public static formatDateTimeValueForForm(value: string): string
{
if(value === null || value === undefined)
if (value === null || value === undefined)
{
return (value);
}
if(value.match(/^\d{4}-\d{2}-\d{2}$/))
if (value.match(/^\d{4}-\d{2}-\d{2}$/))
{
//////////////////////////////////////////////////////////////////
// if we just passed in a date (w/o time), attach T00:00 to it. //
//////////////////////////////////////////////////////////////////
return(value + "T00:00");
return (value + "T00:00");
}
else if(value.match(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}.*/))
else if (value.match(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}.*/))
{
///////////////////////////////////////////////////////////////////////////////////
// if we passed in something too long (e.g., w/ seconds and fractions), trim it. //
///////////////////////////////////////////////////////////////////////////////////
return(value.substring(0, 16));
return (value.substring(0, 16));
}
else
{