Skip to content
Snippets Groups Projects
Verified Commit 0b1edfa0 authored by Dorian Koch's avatar Dorian Koch
Browse files

Add some changelog improvements

parent a9411d40
Branches
No related tags found
No related merge requests found
Pipeline #6374 passed
...@@ -53,51 +53,53 @@ function ChangelogList({ ...@@ -53,51 +53,53 @@ function ChangelogList({
</thead> </thead>
<tbody> <tbody>
{(changelog?.page ?? []).map((i) => { {(changelog?.page ?? []).map((i) => {
let pfad = <></>; const filterLevel = (lvl: number) => {
switch (i.type) { return () => {
case "modification":
pfad = (
<>
<button
type="button"
className="btn btn-link p-0 align-baseline"
onClick={() => {
setFilter(
"object_type",
i.object_type,
true,
false,
);
setFilter("object_id", i.object_id, true, true);
setFilter("field", undefined, true, true);
}}
>
{`${i.object_type}.${i.object_id}`}
</button>
.
<button
type="button"
className="btn btn-link p-0 align-baseline"
onClick={() => {
setFilter( setFilter(
"object_type", "object_type",
i.object_type, lvl >= 1 ? i.object_type : undefined,
true, true,
false, false,
); );
setFilter( setFilter(
"object_id", "object_id",
i.object_id, lvl >= 2 ? i.object_id : undefined,
true, true,
false, false,
); );
setFilter( setFilter(
"field", "field",
i.field_description!.id, lvl >= 3 ? i.field_description!.id : undefined,
true, true,
true, true,
); );
}} };
};
let pfad = <></>;
switch (i.type) {
case "modification":
pfad = (
<>
<button
type="button"
className="btn btn-link p-0 align-baseline"
onClick={filterLevel(1)}
>
{`${i.object_type}`}
</button>
.
<button
type="button"
className="btn btn-link p-0 align-baseline"
onClick={filterLevel(2)}
>
{`${i.object_id}`}
</button>
.
<button
type="button"
className="btn btn-link p-0 align-baseline"
onClick={filterLevel(3)}
>{`${i.field_description!.id}`}</button> >{`${i.field_description!.id}`}</button>
{` (${i.field_description?.type})`} {` (${i.field_description?.type})`}
</> </>
...@@ -109,48 +111,51 @@ function ChangelogList({ ...@@ -109,48 +111,51 @@ function ChangelogList({
<button <button
type="button" type="button"
className="btn btn-link p-0 align-baseline" className="btn btn-link p-0 align-baseline"
onClick={() => { onClick={filterLevel(1)}
setFilter(
"object_type",
i.object_type,
true,
false,
);
setFilter("object_id", i.object_id, true, true);
setFilter("field", undefined, true, true);
}}
> >
{`${i.object_type}.${i.object_id}`} {`${i.object_type}`}
</button> </button>
{` (variant:${i.variant})`} .
<button
type="button"
className="btn btn-link p-0 align-baseline"
onClick={filterLevel(2)}
>
{`${i.object_id}`}
</button>
{typeof i.variant === "string" &&
` (variant:${i.variant})`}
</> </>
); );
break; break;
case "deletion_change": case "deletion_change":
pfad = ( pfad = (
<>
<button <button
type="button" type="button"
className="btn btn-link p-0 align-baseline" className="btn btn-link p-0 align-baseline"
onClick={() => { onClick={filterLevel(1)}
setFilter( >
"object_type", {`${i.object_type}`}
i.object_type, </button>
true, .
false, <button
); type="button"
setFilter("object_id", i.object_id, true, true); className="btn btn-link p-0 align-baseline"
setFilter("field", undefined, true, true); onClick={filterLevel(2)}
}}
> >
{`${i.object_type}.${i.object_id}`} {`${i.object_id}`}
</button> </button>
</>
); );
break; break;
case "unknown": case "unknown":
pfad = <>{`${i.unknown_type}.${i.unknown_field}`}</>; pfad = (
<>{`${i.unknown_type}.${i.unknown_field}, id=${i.object_id}`}</>
);
break; break;
default: default:
pfad = <>i.type</>; pfad = <>{i.type}</>;
} }
const valToStr = (val: any) => { const valToStr = (val: any) => {
if (val === null) { if (val === null) {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment