jhim/NoteApp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added new Backend Address

Browse Source
This commit is contained in:
Jonas Himmelberg
2025-02-08 20:21:10 +01:00
parent ab378e7fb5
commit edf64aedff
16 changed files with 43 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/routes/+page.js
View File

@@ -1,13 +1,13 @@
/** @type {import('./$types').LayoutServerLoad} */
export async function load({ fetch }) {
const response = await fetch("http://localhost:5165/api/note", {
const response = await fetch("http://no08g0o48sc8w0woowwsskos.134.255.231.190.sslip.io/api/note", {
method: 'GET',
headers: {
'Content-Type': 'application/json',
}
});
if(!response.ok){
if (!response.ok) {
throw new Error(`Es gab einen Fehler beim Laden der Notizen: ${response.statusText}`)
}

10
frontend/src/routes/createNote/+page.server.js
View File

@@ -3,12 +3,12 @@ import { redirect } from '@sveltejs/kit';
/** @satisfies {import('./$types').Actions} */
export const actions = {
create: async ({request}) => {
create: async ({ request }) => {
const formData = await request.formData();
const title = formData.get('title');
const content = formData.get('content');
const title = formData.get('title');
const content = formData.get('content');
const response = await fetch('http://localhost:5165/api/note', {
const response = await fetch('http://no08g0o48sc8w0woowwsskos.134.255.231.190.sslip.io/api/note', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
@@ -22,7 +22,7 @@ export const actions = {
}
const data = await response.json();
return goto("/")
}
}

15
frontend/src/routes/createNote/+page.svelte
View File

@@ -10,13 +10,16 @@
content: formData.content,
};
const response = await fetch("http://localhost:5165/api/note", {
method: "POST",
headers: {
"Content-Type": "application/json",
const response = await fetch(
"http://no08g0o48sc8w0woowwsskos.134.255.231.190.sslip.io/api/note",
{
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(payload),
},
body: JSON.stringify(payload),
});
);
if (response.ok) {
goto("/");

4
frontend/src/routes/editNote/[id]/+page.js
View File

@@ -2,11 +2,11 @@ import { error } from '@sveltejs/kit';
/** @type {import('./$types').PageLoad} */
export async function load({ params, fetch }) {
const request = await fetch(`http://localhost:5165/api/note/${params.id}`)
const request = await fetch(`http://no08g0o48sc8w0woowwsskos.134.255.231.190.sslip.io/api/note/${params.id}`)
const note = await request.json();
if(request.status != 200){
if (request.status != 200) {
error(request.status, note.title);
}

38
frontend/src/routes/editNote/[id]/+page.svelte
View File

@@ -14,14 +14,17 @@
content: formData.content,
};
const response = await fetch(`http://localhost:5165/api/note/${note.id}`, {
method: "PUT",
headers: {
"Content-Type": "application/json",
const response = await fetch(
`http://no08g0o48sc8w0woowwsskos.134.255.231.190.sslip.io/api//note/${note.id}`,
{
method: "PUT",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify(payload),
},
body: JSON.stringify(payload),
});
console.log(response.status)
);
console.log(response.status);
if (response.ok) {
goto("/");
} else {
@@ -29,13 +32,16 @@
}
}
async function deleteNote(){
const response = await fetch(`http://localhost:5165/api/note/${note.id}`, {
method: "DELETE",
headers: {
"Content-Type": "application/json",
}
});
async function deleteNote() {
const response = await fetch(
`http://no08g0o48sc8w0woowwsskos.134.255.231.190.sslip.io/api/note/${note.id}`,
{
method: "DELETE",
headers: {
"Content-Type": "application/json",
},
},
);
if (response.ok) {
goto("/");
@@ -75,7 +81,7 @@
<div class="button-container">
<button class="secondary" on:click={deleteNote}>Notiz Löschen</button>
</div>
<br>
<br />
<TimeAgo timestamp={note.createdOn}></TimeAgo>
</div>
@@ -86,7 +92,7 @@
margin-top: 1rem;
}
button{
button {
width: 100%;
background-color: rgb(194, 43, 43);
border-color: rgba(255, 255, 255, 0);