drawdb-io/drawdb
1
0
Fork 0
mirror of https://github.com/drawdb-io/drawdb.git synced 2025-05-24 02:09:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Requerimiento 1.5

Browse Source
This commit is contained in:
Davidmunmen 2025-05-04 17:26:44 -06:00
parent 0313a70410
commit 5060288c89
2 changed files with 100 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
package-lock.json generated
View File

@ -15,6 +15,7 @@
"@uiw/codemirror-theme-github": "^4.21.25",
"@uiw/codemirror-theme-vscode": "^4.21.25",
"@uiw/react-codemirror": "^4.21.25",
"@vercel/analytics": "^1.2.2",
"axios": "^1.7.4",
"classnames": "^2.5.1",
"dexie": "^3.2.4",
@ -4205,6 +4206,44 @@
"integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
"dev": true
},
"node_modules/@vercel/analytics": {
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-1.5.0.tgz",
"integrity": "sha512-MYsBzfPki4gthY5HnYN7jgInhAZ7Ac1cYDoRWFomwGHWEX7odTEzbtg9kf/QSo7XEsEAqlQugA6gJ2WS2DEa3g==",
"license": "MPL-2.0",
"peerDependencies": {
"@remix-run/react": "^2",
"@sveltejs/kit": "^1 || ^2",
"next": ">= 13",
"react": "^18 || ^19 || ^19.0.0-rc",
"svelte": ">= 4",
"vue": "^3",
"vue-router": "^4"
},
"peerDependenciesMeta": {
"@remix-run/react": {
"optional": true
},
"@sveltejs/kit": {
"optional": true
},
"next": {
"optional": true
},
"react": {
"optional": true
},
"svelte": {
"optional": true
},
"vue": {
"optional": true
},
"vue-router": {
"optional": true
}
}
},
"node_modules/@vitejs/plugin-react": {
"version": "4.2.1",
"resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.2.1.tgz",

108
src/components/EditorSidePanel/TablesTab/TableField.jsx
View File

@ -136,9 +136,63 @@ export default function TableField({ data, tid, index }) {
<Button
type={data.notNull || data.primary ? "primary" : "tertiary"}
title={t("not_null")}
theme={data.notNull || data.primary ? "solid" : "light"}
disabled={data.primary ? true: false }
theme={data.notNull ? "solid" : "light"}
onClick={() => {
if(data.primary){
return};
setUndoStack((prev) => [
...prev,
{
action: Action.EDIT,
element: ObjectType.TABLE,
component: "field",
tid: tid,
fid: index,
undo: { notNull: data.notNull },
redo: { notNull: !data.notNull },
message: t("edit_table", {
tableName: tables[tid].name,
extra: "[field]",
}),
},
]);
setRedoStack([]);
updateField(tid, index, { notNull: !data.notNull });
//}
}}
>
?
</Button>
</Col>
<Col span={3}>
<Button
type={data.primary ? "primary" : "tertiary"}
title={t("primary")}
theme={data.primary ? "solid" : "light"}
onClick={() => {
const newStatePK=!data.primary;
const stateNull=newStatePK?true: !data.notNull;
const mustSetNotNull = !data.primary && !data.notNull;
const changes = { primary: !data.primary };
const undo= { primary: data.primary , notNull : data.notNull };
const redo= { primary: newStatePK , notNull:stateNull };
if (mustSetNotNull) {
undo.notNull = data.notNull;
redo.notNull = true;
changes.notNull = true;
}
setUndoStack((prev) => [
...prev,
{
@ -147,8 +201,7 @@ export default function TableField({ data, tid, index }) {
component: "field",
tid: tid,
fid: index,
undo: { notNull: data.notNull },
redo: { notNull: !data.notNull },
message: t("edit_table", {
tableName: tables[tid].name,
extra: "[field]",
@ -156,52 +209,11 @@ export default function TableField({ data, tid, index }) {
},
]);
setRedoStack([]);
updateField(tid, index, { notNull: !data.notNull });
updateField(tid, index, { primary: newStatePK,notNull:stateNull });
}}
>
?
</Button>
</Col>
<Col span={3}>
<Button
type={data.primary ? "primary" : "tertiary"}
title={t("primary")}
theme={data.primary ? "solid" : "light"}
onClick={() => {
const mustSetNotNull = !data.primary && !data.notNull;
icon={<IconKeyStroked />}
/>
const undo = { primary: data.primary };
const redo = { primary: !data.primary };
const changes = { primary: !data.primary };
if (mustSetNotNull) {
undo.notNull = data.notNull;
redo.notNull = true;
changes.notNull = true;
}
setUndoStack((prev) => [
...prev,
{
action: Action.EDIT,
element: ObjectType.TABLE,
component: "field",
tid,
fid: index,
undo,
redo,
message: t("edit_table", {
tableName: tables[tid].name,
extra: "[field]",
}),
},
]);
setRedoStack([]);
updateField(tid, index, changes);
}}
icon={<IconKeyStroked />}
/>
</Col>
<Col span={3}>