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

funktioniert mit actual strapi JSON layout

Browse source
This commit is contained in:
dhain 2022-09-27 10:44:27 +02:00
parent 5453691016
commit fe1d24a23e
3 changed files with 67 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/svelte/src/models/types.ts
View file

@ -1,6 +1,11 @@
export interface Note {
id: number;
attributes: Attribute;
}
export interface Attribute {
title: string;
content: string;
lastOpened: string;
lastViewed: Date;
}

89
frontend/svelte/src/routes/+page.svelte
View file

@ -5,14 +5,11 @@
const endpoint = "/notes";
let notes: Note[];
// onMount(async () => {
// const response = await bearerFetch(endpoint, jwt);
// debugger;
// var data = await response.json();
// console.log("aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa")
// });
//: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\"}}]";
//:TODO TEMP!!!
let notes: Note[] = JSON.parse(jsonStr);
onMount(() => {
console.log("snasidbsa dghsasa");
});
@ -34,29 +31,31 @@
let newTitle = prompt('Name of the new Note');
console.log(notes)
if (newTitle != null && newTitle != '') {
addNote(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
* @param title The title of the new Note
*/
function addNote(title: string) {
let date = new Date();
let newNoteId = (notes.length == 0) ? 0 : notes[notes.length - 1].id + 1
let note: Note = {
id: newNoteId,
title: title,
content: "",
lastOpened: date.toISOString()
};
notes.push(note);
}
// //so a schas
// /**
// * Adds a new note to the "notes" Array with:
// * * the latest id + 1 (or 0 if no notes exist)
// * * no content
// * @param title The title of the new Note
// */
// function addNote(title: string) {
// let date = new Date();
// let newNoteId = (notes.length == 0) ? 0 : notes[notes.length - 1].id + 1
// let note: Note = {
// id: newNoteId,
// attributes:
// title: title,
// content: "",
// lastOpened: date.toISOString()
// };
// notes.push(note);
// }
/**
* Gives the user a prompt if they are sure to delete this note and deletes it if they confirm
@ -121,28 +120,30 @@
</div>
<div class="offset-md-4 col-md-4">
<!-- Notes listing -->
<ul>
{#each notes as note}
<li on:mouseover={() => handleMouseOverLi(note.id)}
on:mouseout={() => handleMouseOutLi(note.id)}>
<div class="row">
<div class="col-md-10" on:click={() => onNoteLiClick(note)}>
{#if notes.length !== 0}
<!-- Notes listing -->
<ul>
{#each notes as note}
<li on:mouseover={() => handleMouseOverLi(note.id)}
on:mouseout={() => handleMouseOutLi(note.id)}>
<div class="row">
<div class="col-md-10" on:click={() => onNoteLiClick(note)}>
<span>
{note.title} <br/>
{note.lastOpened}
{note.attributes.title} <br/>
{note.attributes.lastViewed}
</span>
</div>
<div class="col-md-1">
<button style="display: none" id={"noteButton" + note.id}
on:click={() => removeNotePrompt(note)}>
<i class="bi bi-x"></i>
</button>
</div>
</div>
<div class="col-md-1">
<button style="display: none" id={"noteButton" + note.id}
on:click={() => removeNotePrompt(note)}>
<i class="bi bi-x"></i>
</button>
</div>
</div>
</li>
{/each}
</ul>
</li>
{/each}
</ul>
{/if}
</div>
</div>
</body>

31
frontend/svelte/src/routes/+page.ts
View file

@ -1,17 +1,18 @@
import {bearerFetch, jwt} from "../models/PomeloUtils";
/** @type {import('./$types').PageLoad} */
export async function load({params}) {
let invalid = !jwt;
if (!invalid) {
const request = await bearerFetch("/users/me", jwt);
const response = await request.json();
invalid = "error" in response;
}
if (invalid) {
// window.location = "/login";
}
}
// /** @type {import('./$types').PageLoad} */
// export async function load() {
// let invalid = !jwt;
//
// if (!invalid) {
// const request = await bearerFetch("/users/me", jwt);
// const response = await request.json();
//
// invalid = "error" in response;
// }
//
// if (invalid) {
// // @ts-ignore
// window.location = "/login";
// }
// }