diff --git a/frontend/src/lib/components/ChildrenRegistration.svelte b/frontend/src/lib/components/ChildrenRegistration.svelte
index 7b43b3ef..cb4c6824 100644
--- a/frontend/src/lib/components/ChildrenRegistration.svelte
+++ b/frontend/src/lib/components/ChildrenRegistration.svelte
@@ -183,6 +183,7 @@
});
console.log(childData);
+ await children.save();
await goto(nextpage as string);
} else {
showAlert = true;
diff --git a/frontend/src/lib/components/Childrenpage.svelte b/frontend/src/lib/components/Childrenpage.svelte
index cc61bcf3..f2e523e5 100644
--- a/frontend/src/lib/components/Childrenpage.svelte
+++ b/frontend/src/lib/components/Childrenpage.svelte
@@ -84,6 +84,50 @@
let data: ChildData[] = [];
let loading = true;
+ function searchName(data: any[], key: string): any[] {
+ if (key === '') {
+ return data;
+ } else {
+ const res = data.filter((item) => {
+ return item.header.toLowerCase().includes(key.toLowerCase());
+ });
+ return res;
+ }
+ }
+
+ function searchRemarks(data: any[], key: string): any[] {
+ if (key === '') {
+ return data;
+ } else {
+ const res = data.filter((item) => {
+ return item.summary.toLowerCase().includes(key.toLowerCase());
+ });
+ return res;
+ }
+ }
+
+ function searchAll(data: any[], key: string) {
+ return [...new Set([...searchName(data, key), ...searchRemarks(data, key)])];
+ }
+
+ const searchData = [
+ {
+ label: 'Alle',
+ placeholder: 'Alle Kategorien durchsuchen',
+ filterFunction: searchAll
+ },
+ {
+ label: 'Name',
+ placeholder: 'Kinder nach Namen durchsuchen',
+ filterFunction: searchName
+ },
+ {
+ label: 'Bemerkung',
+ placeholder: 'Bemerkungen zu Kindern durchsuchen',
+ filterFunction: searchRemarks
+ }
+ ];
+
// this fetches dummy child data for the dummy user whenever the component is mounted into the dom
// it is conceptualized as emulating an API call that would normally fetch this from the server.
onMount(init);
@@ -104,8 +148,8 @@
{/if}
diff --git a/frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte b/frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte
index bc25430a..8be3fbf6 100644
--- a/frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte
+++ b/frontend/src/lib/components/DataDisplay/GalleryDisplay.svelte
@@ -1,25 +1,40 @@
@@ -60,9 +46,8 @@
}
};
})}
- searchPlaceHolder={`Nach Status (${completeKey}/${incompleteKey}) oder Titel durchsuchen`}
withSearch={true}
- {filterData}
+ {searchData}
/>
diff --git a/frontend/src/routes/milestonegroup/+page.svelte b/frontend/src/routes/milestonegroup/+page.svelte
index c7f064af..ee13ad9b 100644
--- a/frontend/src/routes/milestonegroup/+page.svelte
+++ b/frontend/src/routes/milestonegroup/+page.svelte
@@ -23,14 +23,55 @@
}
];
+ const milestoneData = [
+ {
+ number: 1,
+ title: 'Alleine von Stufe/Absatz springen',
+ desc: 'Kind springt mit beiden Beinen gleichzeitig hoch und überwindet im Sprung freihändig einen (kleinen) Absatz oder eine Stufe. Es kommt sicher wieder im Stand auf.',
+ observation:
+ 'Beobachten Sie, ob das Kind spontan oder nach Aufforderung von einer Treppenstufe oder einem ähnlich hohen Absatz springt! Es sollte tatsächlich mit beiden Beinen gleichzeitig losspringen, sich nirgends festhalten und beim Landen nicht mit der Hand abfangen. Sie sollten es beim Springen auch nicht an die Hand nehmen müssen. Wurde dieses Verhalten mehrmals sicher ausgeführt, gilt der Meilenstein zuverlässig gekonnt. Ist das Kind noch leicht unsicher, springt meist mit beiden Beinen versetzt los, oder berührt beim Landen mit der Hand den Boden, ist das Verhalten weitgehend gekonnt. Wagt es den Sprung nur, wenn man seine Hand hält und/oder führt es den Sprung noch unsauber aus, ist das Verhalten in Ansätzen gekonnt. In allen anderen Fällen gilt der Meilenstein als noch nicht gekonnt.',
+ help: 'Beim Treppengehen im Haus, beim Spazierengehen oder auf dem Spielplatz bieten sich vielfältige Gelegenheiten, Kinder zum Springen von einem Absatz (z.B. einem höheren Bordstein. einem Holzstamm, oder einem Stein) zu ermutigen. Machen Sie Ihrem Kind die Bewegung vor oder führen Sie sie gemeinsam mit dem Kind durch. Nehmen Sie das Kind dafür zunächst bei an die Hand. Später können sie die Hand immer lockerer mitführen und die Eigenbewegung des Kindes nur noch passiv begleiten. So kann das Kind am besten selbst herausfinden, wie es seine Arme einsetzen muss, um Schwung zu holen und beim Landen das Gleichgewicht zu finden. Ist das Springen an der Hand sicher, lösen Sie die Hand ganz und stellen Sie sich gegenüber dem Kind hin, damit es weiß, dass es im Notfall aufgefangen wird.',
+ imgs: ['baby0.jpg', 'baby1.jpg', 'baby2.jpg'],
+ answer: 'Vollständig gekonnt'
+ },
+ {
+ number: 2,
+ title: 'Das Köpfchen alleine heben',
+ desc: 'Kind liegt auf dem Bauch, hält die Arme angewinkelt neben dem Körper und hebt sein Köpfchen aus eigener Kraft so hoch, dass das Kinn nicht mehr die Auflage berührt. Diese Position kann es mehr als 3 Sekunden halten.',
+ observation: 'Hier kommt der Beobachtungshilfetext hin',
+ help: 'Hier kommt der Förderhilfetext hin',
+ imgs: ['baby1.jpg'],
+ answer: null
+ },
+ {
+ number: 3,
+ title: 'Den Kopf frei bewegen',
+ desc: 'Kind kann seinen Kopf frei halten und bewegen, wenn es z.B. auf dem Schoß sitzt. Wenn man seinen Körper ein wenig schräg hält, gleicht es diese Bewegung mit dem Kopf aus. Der Kopf wackelt kaum oder gar nicht, wenn das Kind ihn dreht.',
+ observation: 'Hier kommt der Beobachtungshilfetext hin',
+ help: 'Hier kommt der Förderhilfetext hin',
+ imgs: ['baby2.jpg'],
+ answer: 'In Ansätzen gekonnt'
+ },
+ {
+ number: 4,
+ title: 'Sich in Bauchlage mit gestreckten Armen aufstützen',
+ desc: 'Kind liegt auf dem Bauch. Es stützt sich mit beiden Armen gestreckt von der Unterlage ab und hebt seinen Rücken an, um den Kopf aufrecht zu halten. Schultern und Brust liegen für mehr als 3 Sekunden nicht mehr auf der Unterlage.',
+ observation: 'Hier kommt der Beobachtungshilfetext hin',
+ help: 'Hier kommt der Förderhilfetext hin',
+ imgs: ['baby3.jpg'],
+ answer: null
+ }
+ ];
+
// this is a list of data that can be fetched by the component later.
- const milestonedata: any[] = [
+ const surveyData: any[] = [
{
header: 'Grobmotorik',
summary: 'something something',
image: imgJump,
href: `${base}/milestoneoverview`,
- progress: 0.75
+ progress: 0.75,
+ milestoneData: milestoneData
},
{
header: 'Feinmotorik',
@@ -38,28 +79,32 @@
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt',
image: null,
href: `${base}/milestoneoverview`,
- progress: 1.0
+ progress: 1.0,
+ milestoneData: milestoneData
},
{
header: 'Geistige Grundfunktionen',
summary: 'something something',
image: imgHead,
href: `${base}/milestoneoverview`,
- progress: 1.0
+ progress: 1.0,
+ milestoneData: milestoneData
},
{
header: 'Höhere Denkfunktionen',
summary: 'something something',
image: null,
href: `${base}/milestoneoverview`,
- progress: 1.0
+ progress: 1.0,
+ milestoneData: milestoneData
},
{
header: 'Sprache',
summary: 'how much noise the child makes',
image: null,
href: `${base}/milestoneoverview`,
- progress: 0.5
+ progress: 0.5,
+ milestoneData: milestoneData
},
{
header: 'Soziale Entwicklung',
@@ -67,21 +112,24 @@
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.',
image: imgHead,
href: `${base}/milestoneoverview`,
- progress: 0.3
+ progress: 0.3,
+ milestoneData: milestoneData
},
{
header: 'Selbstregulation',
summary: 'something something',
image: null,
href: `${base}/milestoneoverview`,
- progress: 0.6
+ progress: 0.6,
+ milestoneData: milestoneData
},
{
header: 'Emotionen',
summary: 'something something',
image: null,
href: `${base}/milestoneoverview`,
- progress: 0.9
+ progress: 0.9,
+ milestoneData: milestoneData
},
{
header: 'Vorläuferfertigkeiten Schule',
@@ -89,11 +137,118 @@
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.',
image: null,
href: `${base}/milestoneoverview`,
- progress: 0.3
+ progress: 0.3,
+ milestoneData: milestoneData
+ }
+ ];
+
+ interface MilestoneData {
+ number: 4;
+ title: string;
+ desc: string;
+ observation: string;
+ help: string;
+ answer: string;
+ }
+
+ interface DataElement {
+ header: string;
+ summary: string;
+ milestoneData: any;
+ progress: number;
+ [key: string]: any;
+ }
+
+ function searchByStatus(data: DataElement[], key: string): DataElement[] {
+ if (key === '') {
+ return data;
+ } else {
+ return data.filter((item) => {
+ // button label contains info about completion status => use for search
+ if (key === 'fertig') {
+ return item.progress === 1;
+ } else if (key === 'unfertig') {
+ return item.progress < 1;
+ } else {
+ return item.header.toLowerCase().includes(key.toLowerCase());
+ }
+ });
+ }
+ }
+
+ function searchBySurvey(data: DataElement[], key: string): DataElement[] {
+ if (key === '') {
+ return data;
+ } else {
+ return data.filter((item) => {
+ return item.header.toLowerCase().includes(key.toLowerCase());
+ });
+ }
+ }
+
+ function searchBySurveyDescription(data: DataElement[], key: string): DataElement[] {
+ if (key === '') {
+ return data;
+ } else {
+ return data.filter((item) => {
+ return item.summary.toLowerCase().includes(key.toLowerCase());
+ });
+ }
+ }
+
+ function searchByMilestone(data: DataElement[], key: string): DataElement[] {
+ if (key === '') {
+ return data;
+ } else {
+ return data.filter((item) => {
+ return item.milestoneData.some((element: MilestoneData) =>
+ element.title.toLowerCase().includes(key.toLowerCase())
+ );
+ });
+ }
+ }
+
+ // README: this is slow and quite a bit of work because a lot of text has to be searched. Kill it?
+ function searchAll(data: DataElement[], key: string): DataElement[] {
+ return [
+ ...new Set([
+ ...searchBySurvey(data, key),
+ ...searchByStatus(data, key),
+ ...searchByMilestone(data, key),
+ ...searchBySurveyDescription(data, key)
+ ])
+ ];
+ }
+
+ const searchData: any[] = [
+ {
+ label: 'Alle',
+ placeholder: 'Alle Kategorien durchsuchen',
+ filterFunction: searchAll
+ },
+ {
+ label: 'Bereich',
+ placeholder: 'Nach Beobachtungsbereich suchen',
+ filterFunction: searchBySurvey
+ },
+ {
+ label: 'Bereichsbeschreibung',
+ placeholder: 'Beschreibung von Bereichen durchsuchen',
+ filterFunction: searchBySurveyDescription
+ },
+ {
+ label: 'Meilensteine',
+ placeholder: 'Nach Meilenstein suchen',
+ filterFunction: searchByMilestone
+ },
+ {
+ label: 'Status',
+ placeholder: 'Bereiche nach Status durchsuchen (fertig/unfertig)',
+ filterFunction: searchByStatus
}
];
-
+
diff --git a/frontend/src/routes/milestoneoverview/+page.svelte b/frontend/src/routes/milestoneoverview/+page.svelte
index f8ac5086..93d7f77a 100644
--- a/frontend/src/routes/milestoneoverview/+page.svelte
+++ b/frontend/src/routes/milestoneoverview/+page.svelte
@@ -68,6 +68,98 @@
const desc =
'Hier geht es darum, zu beschreiben, wie sich das Kind fortbewegt Und seinen Körper (Rumpf, Arme, Beine) kontrollieren kann.';
const progress = 0.5;
+
+ interface MilestoneData {
+ header: string;
+ href: string;
+ summary: string;
+ auxilliary: string;
+ complete: boolean;
+ answer: string;
+ }
+
+ function searchStatus(data: MilestoneData[], key: string): MilestoneData[] {
+ if (key === '') {
+ return data;
+ } else {
+ return data.filter((item) => {
+ // button label contains info about completion status => use for search
+ if (key === 'fertig') {
+ return item.complete === true;
+ } else if (key === 'unfertig') {
+ return item.complete === false;
+ }
+ });
+ }
+ }
+
+ function searchDescription(data: MilestoneData[], key: string): MilestoneData[] {
+ if (key === '') {
+ return data;
+ } else {
+ return data.filter((item) => {
+ return item.summary.toLowerCase().includes(key.toLowerCase());
+ });
+ }
+ }
+
+ function searchTitle(data: MilestoneData[], key: string): MilestoneData[] {
+ if (key === '') {
+ return data;
+ } else {
+ return data.filter((item) => {
+ return item.header.toLowerCase().includes(key.toLowerCase());
+ });
+ }
+ }
+
+ function searchAnswer(data: MilestoneData[], key: string): MilestoneData[] {
+ if (key === '') {
+ return data;
+ } else {
+ return data.filter((item) => {
+ return item.answer === null ? false : item.answer.toLowerCase().includes(key.toLowerCase());
+ });
+ }
+ }
+
+ function searchAll(data: MilestoneData[], key: string): MilestoneData[] {
+ return [
+ ...new Set([
+ ...searchDescription(data, key),
+ ...searchStatus(data, key),
+ ...searchTitle(data, key),
+ ...searchAnswer(data, key)
+ ])
+ ];
+ }
+ const searchData = [
+ {
+ label: 'Alle',
+ placeholder: 'Alle Kategorien durchsuchen',
+ filterFunction: searchAll
+ },
+ {
+ label: 'Status',
+ placeholder: 'Nach Status durchsuchen',
+ filterFunction: searchStatus
+ },
+ {
+ label: 'Anwort',
+ placeholder: 'Nach Antwort durchsuchen',
+ filterFunction: searchAnswer
+ },
+ {
+ label: 'Titel',
+ placeholder: 'Nach Meilenstein durchsuchen',
+ filterFunction: searchTitle
+ },
+ {
+ label: 'Beschreibung',
+ placeholder: 'Beschreibungen durchsuchen',
+ filterFunction: searchDescription
+ }
+ ];
-
+