sprechtl/PomeloNote
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'note-repo' into develop

Browse source
This commit is contained in:
j-weissen 2022-10-04 10:28:53 +02:00
commit 70590fbdc9
3 changed files with 100 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/svelte/src/models/NoteRepository.ts Normal file
View file

@ -0,0 +1,10 @@
import type {Note} from "../types";
export interface NoteRepository {
getNotes(): Promise<Note[]>;
getNote(id: number): Promise<Note>;
getCurrentNote(): Promise<Note | void>;
updateNote(id: number, note: Note): Promise<Note>;
deleteNote(id: number): void;
createNote(note: Note): Promise<Note>;
}

73
frontend/svelte/src/models/StrapiNoteRepository.ts Normal file
View file

@ -0,0 +1,73 @@
import type {Note} from "../types";
import {parseCookies} from "nookies";
import type {NoteRepository} from "./NoteRepository";
type HttpMethod = 'GET' | 'POST' | 'PUT' | 'DELETE'
export class StrapiNoteRepository implements NoteRepository {
private static instance: StrapiNoteRepository;
public static getInstance(): StrapiNoteRepository {
if (this.instance === undefined || this.instance === null) {
this.instance = new StrapiNoteRepository();
}
return this.instance;
}
private constructor() {}
private currentNoteId: number | undefined;
private static apiNoteEndpoint: string = "http://localhost:1337/api/notes"
public async getNotes(): Promise<Note[]>{
const response = await StrapiNoteRepository.fetchStrapi("/", 'GET');
return await response.json();
}
public async getNote(id: number): Promise<Note>{
const response = await StrapiNoteRepository.fetchStrapi("/" + id, 'GET');
return await response.json();
}
public async getCurrentNote(): Promise<Note | void> {
if (this.currentNoteId === null || this.currentNoteId === undefined) {
return;
}
return await this.getNote(this.currentNoteId);
}
public async updateNote(id: number, note: Note): Promise<Note> {
const response = await StrapiNoteRepository.fetchStrapi("/" + id, 'PUT', note);
return await response.json();
}
public async createNote(note: Note): Promise<Note> {
const response = await StrapiNoteRepository.fetchStrapi("/", 'POST', note);
return await response.json();
}
public async deleteNote(id: number): Promise<void> {
await StrapiNoteRepository.fetchStrapi("/" + id, 'DELETE');
}
private static async fetchStrapi(path: string, method: HttpMethod, body: Note | null = null): Promise<Response> {
let requestInit: RequestInit = {
method: method,
headers: {
authorization: StrapiNoteRepository.mockedGetAuthorizationHeader()
}
};
if (body) {
requestInit["body"] = JSON.stringify({data: body});
}
return await fetch(StrapiNoteRepository.apiNoteEndpoint + path, requestInit);
}
private static mockedGetAuthorizationHeader() {
return "bearer TOKEN"
}
private static getAuthorizationHeader() {
const jwt = parseCookies().jwt;
return `bearer ${jwt}`
}
}

27
frontend/svelte/src/routes/editor/+page.svelte
View file

@ -1,24 +1,31 @@
<script lang="ts"> <script lang="ts">
import type {Note} from "../../types"; import {beforeUpdate} from "svelte";
import {StrapiNoteRepository} from "../../models/StrapiNoteRepository";
import {NoteRepository} from "../../models/NoteRepository";
let noteRepo: NoteRepository;
let content: string;
let title: string;
beforeUpdate(async () => {
noteRepo = await StrapiNoteRepository.getInstance();
})
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);
});
</script> </script>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{"Pomelonote | Edit " + currNote.title}</title> <title>{"Pomelonote | Edit "}</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous"> integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
</head> </head>
<html lang="en"> <html lang="en">
<div class="offset-3 col-6"> <div class="row">
{currNote.content} <div class="offset-md-4 col-md-4 shadow-textarea">
</div>
</div> </div>
</html> </html>