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

uuuugh

Browse Source
This commit is contained in:
1ilit
2023-09-19 15:50:45 +03:00
parent 2760f458af
commit ab0dc2c44e
6 changed files with 129 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/reference_overview.jsx
View File

@@ -201,7 +201,7 @@ export default function ReferenceOverview(props) {
</label>
<Checkbox
value="mandetory"
defaultChecked={r.mandetory}
checked={r.mandetory}
onChange={(checkedValues) =>
setRelationships((prev) =>
prev.map((e, idx) =>

51
src/components/table.jsx
View File

@@ -350,7 +350,7 @@ export default function Table(props) {
value === "SMALLINT");
updateField(props.tableData.id, j, {
type: value,
length: value === "VARCHAR" ? 255 : "n/a",
length: value === "VARCHAR" ? 255 : "",
increment: incr,
});
}}
@@ -522,6 +522,7 @@ export default function Table(props) {
className="my-2"
placeholder="Set constraint"
value={f.check}
disabled={f.increment}
onChange={(value) =>
updateField(props.tableData.id, j, { check: value })
}
@@ -547,7 +548,7 @@ export default function Table(props) {
<div className="font-medium">Unique</div>
<Checkbox
value="unique"
defaultChecked={f.unique}
checked={f.unique}
onChange={(checkedValues) => {
setUndoStack((prev) => [
...prev,
@@ -579,7 +580,7 @@ export default function Table(props) {
<div className="font-medium">Autoincrement</div>
<Checkbox
value="increment"
defaultChecked={f.increment}
checked={f.increment}
disabled={
!(
f.type === "INT" ||
@@ -735,12 +736,51 @@ export default function Table(props) {
<Popover
content={
<div className="px-1">
<div className="font-semibold mb-1">Index name: </div>
<Input
className="my-2"
value={idx.name}
placeholder="Index name"
disabled
/>
<div className="flex justify-between items-center my-3">
<div className="font-medium">Unique</div>
<Checkbox
value="unique"
checked={idx.unique}
onChange={(checkedValues) => {
setUndoStack((prev) => [
...prev,
{
action: Action.EDIT,
element: ObjectType.TABLE,
component: "index",
tid: props.tableData.id,
iid: k,
undo: {
[checkedValues.target.value]:
!checkedValues.target.checked,
},
redo: {
[checkedValues.target.value]:
checkedValues.target.checked,
},
},
]);
setRedoStack([]);
updateTable(props.tableData.id, {
indices: props.tableData.indices.map((index) =>
index.id === k
? {
...index,
[checkedValues.target.value]:
checkedValues.target.checked,
}
: index
),
});
}}
></Checkbox>
</div>
<Button
icon={<IconDeleteStroked />}
type="danger"
@@ -945,6 +985,7 @@ export default function Table(props) {
{
id: props.tableData.indices.length,
name: `index_${props.tableData.indices.length}`,
unique: false,
fields: [],
},
],
@@ -975,7 +1016,7 @@ export default function Table(props) {
type: "",
default: "",
check: "",
length: "n/a",
length: "",
primary: false,
unique: false,
notNull: false,

54
src/components/table_overview.jsx
View File

@@ -185,7 +185,7 @@ export default function TableOverview(props) {
value === "SMALLINT");
updateField(i, j, {
type: value,
length: value === "VARCHAR" ? 255 : "n/a",
length: value === "VARCHAR" ? 255 : "",
increment: incr,
});
}}
@@ -359,6 +359,7 @@ export default function TableOverview(props) {
className="my-2"
placeholder="Set constraint"
value={f.check}
disabled={f.increment}
onChange={(value) =>
updateField(i, j, { check: value })
}
@@ -386,7 +387,7 @@ export default function TableOverview(props) {
<div className="font-medium">Unique</div>
<Checkbox
value="unique"
defaultChecked={f.unique}
checked={f.unique}
onChange={(checkedValues) => {
setUndoStack((prev) => [
...prev,
@@ -418,7 +419,7 @@ export default function TableOverview(props) {
<div className="font-medium">Autoincrement</div>
<Checkbox
value="increment"
defaultChecked={f.increment}
checked={f.increment}
disabled={
!(
f.type === "INT" ||
@@ -583,12 +584,54 @@ export default function TableOverview(props) {
<Popover
content={
<div className="px-1">
<div className="font-semibold mb-1">
Index name:{" "}
</div>
<Input
className="my-2"
value={idx.name}
placeholder="Index name"
disabled
/>
<div className="flex justify-between items-center my-3">
<div className="font-medium">Unique</div>
<Checkbox
value="unique"
checked={idx.unique}
onChange={(checkedValues) => {
setUndoStack((prev) => [
...prev,
{
action: Action.EDIT,
element: ObjectType.TABLE,
component: "index",
tid: i,
iid: k,
undo: {
[checkedValues.target.value]:
!checkedValues.target.checked,
},
redo: {
[checkedValues.target.value]:
checkedValues.target.checked,
},
},
]);
setRedoStack([]);
updateTable(i, {
indices: t.indices.map((index) =>
index.id === k
? {
...index,
[checkedValues.target.value]:
checkedValues.target
.checked,
}
: index
),
});
}}
></Checkbox>
</div>
<Button
icon={<IconDeleteStroked />}
type="danger"
@@ -804,6 +847,7 @@ export default function TableOverview(props) {
{
id: t.indices.length,
name: `index_${t.indices.length}`,
unique: false,
fields: [],
},
],
@@ -835,7 +879,7 @@ export default function TableOverview(props) {
default: "",
check: "",
primary: false,
length: "n/a",
length: "",
unique: false,
notNull: false,
increment: false,