This commit is contained in:
rizky 2024-08-18 19:48:59 -07:00
parent 0f48c5aee2
commit 6ac0670e78
5 changed files with 43 additions and 26 deletions

View File

@ -150,7 +150,7 @@ export const FieldInput: FC<{
className={cx( className={cx(
"field-inner c-flex-1 c-flex c-items-center", "field-inner c-flex-1 c-flex c-items-center",
field.focused && "focused", field.focused && "focused",
disabled && "c-pointer-events-none", arg.sub_type !== "upload" && disabled && "c-pointer-events-none",
disabled && disabled &&
!["checkbox"].includes(arg.sub_type) && !["checkbox"].includes(arg.sub_type) &&
" c-bg-gray-50" " c-bg-gray-50"

View File

@ -82,17 +82,15 @@ export const TableEdit: FC<{
sortable: true, sortable: true,
frozen: true, frozen: true,
renderCell(arg: any) { renderCell(arg: any) {
// return <></>;
const { props, tbl } = arg; const { props, tbl } = arg;
return ( return (
<PassProp <PassProp
idx={props.rowIdx} idx={props.rowIdx}
row={props.row} row={props.row}
fm_parent={parent}
col={{ col={{
name: props.column.key, name: key,
value: get(props.row, props.column.key), value: props.row[props.column.key],
depth: 0, depth: props.row.__depth || 0,
}} }}
fm={arg.fm} fm={arg.fm}
ext_fm={{ ext_fm={{

View File

@ -69,6 +69,7 @@ export const FieldToggle: FC<{
checked={checked} checked={checked}
className="c-sr-only" className="c-sr-only"
onChange={(e) => { onChange={(e) => {
console.log("HHHH")
const check = e.target.checked; const check = e.target.checked;
if (check) { if (check) {
arg.opt_set_value({ arg.opt_set_value({

View File

@ -235,8 +235,11 @@ export const FieldUploadSingle: FC<{
) : input.fase === "preview" ? ( ) : input.fase === "preview" ? (
<div className="c-flex c-justify-between c-flex-1 c-p-1"> <div className="c-flex c-justify-between c-flex-1 c-p-1">
<FilePreview url={value || ""} /> <FilePreview url={value || ""} />
{!disabled ? (
<>
<div <div
onClick={(e) => { onClick={(e) => {
if (!disabled) {
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
if (confirm("Clear this file ?")) { if (confirm("Clear this file ?")) {
@ -244,11 +247,18 @@ export const FieldUploadSingle: FC<{
fm.data[field.name] = null; fm.data[field.name] = null;
fm.render(); fm.render();
} }
}
}} }}
className="c-flex c-flex-row c-items-center c-border c-px-2 c-rounded c-cursor-pointer hover:c-bg-red-100" className={cx(
"c-flex c-flex-row c-items-center c-border c-px-2 c-rounded c-cursor-pointer hover:c-bg-red-100"
)}
> >
<Trash2 className="c-text-red-500 c-h-4 c-w-4" /> <Trash2 className="c-text-red-500 c-h-4 c-w-4" />
</div> </div>
</>
) : (
<></>
)}
</div> </div>
) : ( ) : (
<></> <></>

View File

@ -761,6 +761,7 @@ export const TableList: FC<TableListProp> = ({
} }
} }
console.log('auo')
if (document.getElementsByClassName("prasi-toaster").length === 0) { if (document.getElementsByClassName("prasi-toaster").length === 0) {
const elemDiv = document.createElement("div"); const elemDiv = document.createElement("div");
elemDiv.className = "prasi-toaster"; elemDiv.className = "prasi-toaster";
@ -834,7 +835,10 @@ export const TableList: FC<TableListProp> = ({
ref={(e) => { ref={(e) => {
local.grid_ref = e?.element as any; local.grid_ref = e?.element as any;
}} }}
onScroll={(e) => local.paging.scroll(e.currentTarget)} onScroll={(e) => {
console.log("scroll");
local.paging.scroll(e.currentTarget);
}}
selectedRows={EMPTY_SET} selectedRows={EMPTY_SET}
onSelectedCellChange={() => {}} onSelectedCellChange={() => {}}
onSelectedRowsChange={() => {}} onSelectedRowsChange={() => {}}
@ -931,7 +935,11 @@ export const TableList: FC<TableListProp> = ({
} }
}} }}
> >
{toaster_el && createPortal(<Toaster position={toast.position} cn={cn} />, toaster_el)} {toaster_el &&
createPortal(
<Toaster position={toast.position} cn={cn} />,
toaster_el
)}
{local.status !== "ready" ? ( {local.status !== "ready" ? (
<div className="c-flex c-flex-col c-space-y-2 c-m-4 c-absolute c-left-0 c-top-0"> <div className="c-flex c-flex-col c-space-y-2 c-m-4 c-absolute c-left-0 c-top-0">