From 031a4e5259b10e2692ec19aa3e86b4af5b301cf8 Mon Sep 17 00:00:00 2001
From: dhain <d.hain@gmx.at>
Date: Tue, 11 Oct 2022 08:52:11 +0200
Subject: [PATCH] Create new note in listing now working

---
 .../strapi/src/api/note/controllers/note.js   |  3 +-
 .../svelte/src/models/StrapiNoteRepository.ts | 10 +++-
 frontend/svelte/src/routes/+page.svelte       | 55 +++++--------------
 3 files changed, 23 insertions(+), 45 deletions(-)

diff --git a/backend/strapi/src/api/note/controllers/note.js b/backend/strapi/src/api/note/controllers/note.js
index 20de73a..9cf8879 100644
--- a/backend/strapi/src/api/note/controllers/note.js
+++ b/backend/strapi/src/api/note/controllers/note.js
@@ -87,7 +87,8 @@ module.exports = createCoreController(noteUid, ({strapi}) => ({
    */
   async create(ctx) {
     const userId = ctx.state.user.id;
-    const requestBody = ctx.request.body;
+    const requestBody = JSON.parse(ctx.request.body);
+    console.log(requestBody);
     const response = await strapi.entityService.create(noteUid, {
       data: {
         title: requestBody.data.title,
diff --git a/frontend/svelte/src/models/StrapiNoteRepository.ts b/frontend/svelte/src/models/StrapiNoteRepository.ts
index 9de32cd..ab4a68f 100644
--- a/frontend/svelte/src/models/StrapiNoteRepository.ts
+++ b/frontend/svelte/src/models/StrapiNoteRepository.ts
@@ -15,9 +15,13 @@ export class StrapiNoteRepository implements NoteRepository {
 
     private constructor() {}
 
-    private currentNoteId: number | undefined;
+    private _currentNoteId: number | undefined;
     private static apiNoteEndpoint: string = "http://localhost:1337/api/notes"
 
+    public set currentNoteId(value: number | undefined) {
+        this._currentNoteId = value;
+    }
+
     public async getNotes(): Promise<Note[]>{
         const response = await StrapiNoteRepository.fetchStrapiNoteEndpoint("/", 'GET');
         return await response.json();
@@ -29,10 +33,10 @@ export class StrapiNoteRepository implements NoteRepository {
     }
 
     public async getCurrentNote(): Promise<Note | void> {
-        if (this.currentNoteId === null || this.currentNoteId === undefined) {
+        if (this._currentNoteId === null || this._currentNoteId === undefined) {
             return;
         }
-        return await this.getNote(this.currentNoteId);
+        return await this.getNote(this._currentNoteId);
     }
 
     public async updateNote(id: number, note: Partial<Note>): Promise<Note> {
diff --git a/frontend/svelte/src/routes/+page.svelte b/frontend/svelte/src/routes/+page.svelte
index e217981..016d89f 100644
--- a/frontend/svelte/src/routes/+page.svelte
+++ b/frontend/svelte/src/routes/+page.svelte
@@ -1,19 +1,11 @@
 <script lang="ts">
     import type {Note} from "../models/types";
     import {onMount} from "svelte";
-    import type {NoteRepository} from "../models/NoteRepository";
     import {StrapiNoteRepository} from "../models/StrapiNoteRepository";
 
-    const noteRepo: NoteRepository = StrapiNoteRepository.getInstance();
-
-    //
-    // //:TODO TEMP!!!
-    // const jsonStr = "[{\"id\":0,\"attributes\":{\"title\":\"mike\",\"content\":\"C Moasta\",\"lastViewed\":\"2022-09-27\"}},{\"id\":1,\"attributes\":{\"title\":\"samc\",\"content\":\"drupal gott\",\"lastViewed\":\"1999-09-09\"}},{\"id\":2,\"attributes\":{\"title\":\"DIO\",\"content\":\"in all CAPS\",\"lastViewed\":\"2022-09-27\"}},{\"id\":3,\"attributes\":{\"title\":\"Eren\",\"content\":\"Jäger\",\"lastViewed\":\"2022-09-27\"}},{\"id\":4,\"attributes\":{\"title\":\"stow\",\"content\":\"Beitn Chef\",\"lastViewed\":\"2022-09-27\"}},{\"id\":5,\"attributes\":{\"title\":\"Wonder of U\",\"content\":\"Umm... so, personally... this is the first time this has happened, so I'm a bit surprised. Only a centimeter away... I mean, I don't think there's ever been someone who's gotten that close to me... without a, you know... calamity occurring. I'm not really... not really sure what happens at one centimeter away... 'cause it's my first time. I don't really understand it either. Seriously. But in the flow of calamity... there's nobody who can attack me. Not a single person. That, I know for sure. Wonder of U.\",\"lastViewed\":\"2022-09-27\"}}]";
-    // //:TODO TEMP!!!
-    //
-    // let notes: Note[] = JSON.parse(jsonStr);
-
+    const noteRepo: StrapiNoteRepository = StrapiNoteRepository.getInstance();
     let notes: Note[];
+
     onMount(async () => {
         notes = await noteRepo.getNotes();
         notes.forEach(note => {
@@ -23,42 +15,23 @@
     });
 
     /**
-     * Reloads the Notes Listing
-     * (by doing something very intelligent)
+     * Adds a Note with the title "New Note" and redirects to editor
      */
-    function reloadNotesListing() {
-        notes = notes.filter(i => i === i);
+    async function addNoteHandler() {
+        const newTitle = "New Note";
+        const newNote = await addNote(newTitle);
+        noteRepo.currentNoteId = newNote.id;
+        console.log(newNote.id);
+        window.location = "/editor";
     }
 
     /**
-     * Gives the user a prompt to input the new title of the note and creates it if the title is valid
-     */
-    function addNotePrompt() {
-        let newTitle = prompt('Name of the new Note');
-        console.log(notes)
-        if (newTitle != null && newTitle != '') {
-            addNote(newTitle);
-            console.log(notes)
-            reloadNotesListing();
-        }
-    }
-
-    /**
-     * Adds a new note to the "notes" Array with:
-     *  * the latest id + 1 (or 0 if no notes exist)
-     *  * no content
-     *  * the current date as the "lastViewed" property
+     * Adds a new note to the Database
      * @param title The title of the new Note
+     * @return The created Note Object
      */
-    function addNote(title: string) {
-        const date = new Date();
-        const note: Partial<Note> = {
-            title: title,
-            lastViewed: date
-        };
-
-        // notes.push(note);
-        // noteRepo.createNote(note);
+    async function addNote(title: string) : Promise<Note> {
+        return await noteRepo.createNote({title: title,});
     }
 
     /**
@@ -123,7 +96,7 @@
     <div class="row">
         <!-- Add Note Button -->
         <div class="offset-md-7 col-md-1">
-            <button class="btn btn-primary" on:click={() => addNotePrompt()}>Add Note</button>
+            <button class="btn btn-primary" on:click={() => addNoteHandler()}>Add Note</button>
         </div>
     </div>