From bbec9e5e1b1f18c01231e1e70adb578d55dbbc8d Mon Sep 17 00:00:00 2001 From: dhain Date: Sat, 24 Sep 2022 17:50:56 +0200 Subject: [PATCH 1/4] mid commit hab angst --- frontend/svelte/src/routes/+page.svelte | 131 +++++++++++++++++++++++- 1 file changed, 129 insertions(+), 2 deletions(-) diff --git a/frontend/svelte/src/routes/+page.svelte b/frontend/svelte/src/routes/+page.svelte index 62f1166..2f813b2 100644 --- a/frontend/svelte/src/routes/+page.svelte +++ b/frontend/svelte/src/routes/+page.svelte @@ -1,2 +1,129 @@ -

AAAAAAAAAAAAAAa to SvelteKit

-

Visit kit.svelte.dev to read the documentation

+ + + + + + PomeloNote | Home + + + +
+ + + + + + +
+ + \ No newline at end of file From 2705fe27ef2b7a173ad16939f2982c29c631573d Mon Sep 17 00:00:00 2001 From: dhain Date: Sun, 25 Sep 2022 10:27:04 +0200 Subject: [PATCH 2/4] Notes can be displayed from a JSON String Notes can be deleted (will not save to the JSON) Notes can be added (will not save to the JSON) You can click on a Note to open it but /editor route is not working properly --- frontend/svelte/src/routes/+layout.js | 1 + frontend/svelte/src/routes/+page.svelte | 39 ++++++++++++------- frontend/svelte/src/routes/editor/+layout.js | 1 + .../svelte/src/routes/editor/+page.svelte | 24 ++++++++++++ 4 files changed, 51 insertions(+), 14 deletions(-) create mode 100644 frontend/svelte/src/routes/+layout.js create mode 100644 frontend/svelte/src/routes/editor/+layout.js create mode 100644 frontend/svelte/src/routes/editor/+page.svelte diff --git a/frontend/svelte/src/routes/+layout.js b/frontend/svelte/src/routes/+layout.js new file mode 100644 index 0000000..5829b7e --- /dev/null +++ b/frontend/svelte/src/routes/+layout.js @@ -0,0 +1 @@ +export const ssr = false; \ No newline at end of file diff --git a/frontend/svelte/src/routes/+page.svelte b/frontend/svelte/src/routes/+page.svelte index 2f813b2..656a237 100644 --- a/frontend/svelte/src/routes/+page.svelte +++ b/frontend/svelte/src/routes/+page.svelte @@ -6,26 +6,28 @@ } //TODO: TEMP!!! - const tempJson = "[{\"id\":0,\"title\":\"samc\",\"content\":\"SAAAAAAAAAAMC\"},{\"id\":1,\"title\":\"Push\",\"content\":\"Kollege Pusch\"},{\"id\":2,\"title\":\"Mike\",\"content\":\"C Meister\"}]"; + const tempJson = "[{\"id\":0,\"title\":\"samc\",\"content\":\"SAAAAAAAAAAMC\"},{\"id\":1,\"title\":\"Push\",\"content\":\"Kollege Pusch\"},{\"id\":2,\"title\":\"Mike\",\"content\":\"C Meister\"},{\"id\":3,\"title\":\"kekw\",\"content\":\"OMEGALUL\"}]"; //TODO: TEMP!!! let notes: Note[] = JSON.parse(tempJson); + window.localStorage.setItem("notes", JSON.stringify(notes)); /** * Reloads the Notes Listing * (by doing something very intelligent) */ - function reloadNotesListing(){ + function reloadNotesListing() { notes = notes.filter(i => i === i); } /** * Gives the user a prompt to input the new title of the note and creates it if the title is valid */ - function addNotePrompt(){ + function addNotePrompt() { let newTitle = prompt('Name of the new Note'); - if(newTitle != null && newTitle != ''){ + if (newTitle != null && newTitle != '') { addNote(newTitle); + window.localStorage.setItem("notes", JSON.stringify(notes)); } } @@ -58,19 +60,26 @@ PomeloNote | Home - + -
- - + + +
+
+
    {#each notes as note}
  • - {note.title} + + window.localStorage.setItem("clickedNoteId", note.id)}> + {note.title} + +
    • @@ -80,6 +89,10 @@ \ No newline at end of file diff --git a/frontend/svelte/src/routes/editor/+layout.js b/frontend/svelte/src/routes/editor/+layout.js deleted file mode 100644 index c7c9b51..0000000 --- a/frontend/svelte/src/routes/editor/+layout.js +++ /dev/null @@ -1 +0,0 @@ -// export const ssr = false; \ No newline at end of file diff --git a/frontend/svelte/src/routes/editor/+page.svelte b/frontend/svelte/src/routes/editor/+page.svelte index 5baa8fe..eeab65c 100644 --- a/frontend/svelte/src/routes/editor/+page.svelte +++ b/frontend/svelte/src/routes/editor/+page.svelte @@ -3,19 +3,22 @@ let notes: Note[] = JSON.parse(window.localStorage.getItem("notes")); const clickedNoteId = window.localStorage.getItem("clickedNoteId"); + + const currNote = notes.find((note)=>{ + return note.id === parseInt(clickedNoteId); + }); - - {"Pomelonote | Edit " + notes[clickedNoteId].title} + {"Pomelonote | Edit " + currNote.title}
    - samc samg ccocooc {notes[clickedNoteId].content} + {currNote.content}