diff --git a/frontend/src/components/itemDetails.hbs b/frontend/src/components/itemDetails.hbs
index a80597c..ad8a96e 100644
--- a/frontend/src/components/itemDetails.hbs
+++ b/frontend/src/components/itemDetails.hbs
@@ -12,5 +12,51 @@
ean13 |
{{ean13}} |
+
+ ancestors |
+
+ {{#if ancestors}}
+
+ {{#each ancestors}}
+
+ {{name}} |
+ {{ean13}} |
+
+
+ |
+
+ {{/each}}
+
+ {{else}}
+ none
+ {{/if}}
+ |
+
+
+ descendants |
+
+ {{#if descendants}}
+
+ {{#each descendants}}
+
+ {{name}} |
+ {{ean13}} |
+
+
+ |
+
+ {{/each}}
+
+ {{else}}
+ none
+ {{/if}}
+ |
+
\ No newline at end of file
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 2b3ed11..eddc74c 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -101,28 +101,19 @@ async function showItemDetails(id: string) {
ean13
name
notes
- parent {
- id
- ean13
- name
- }
ancestors {
- id
- ean13
- name
- }
- children {
- id
ean13
name
}
descendants {
- id
ean13
name
+ parent {
+ ean13
+ }
}
}
- }
+ }
`,
{
id,
@@ -130,6 +121,13 @@ async function showItemDetails(id: string) {
);
(document.querySelector('#modal-body') as HTMLDivElement).innerHTML =
itemDetails(loaded.item!);
+ (
+ Array.from(
+ document.querySelectorAll('#modal .item-open-details'),
+ ) as HTMLButtonElement[]
+ ).forEach((butt) =>
+ butt.addEventListener('click', () => showItemDetails(butt.dataset.id!)),
+ );
}
window.addEventListener('load', () => {