1+ <script >
2+ import Navbar from ' $lib/components/Navbar.svelte'
3+ import { t } from ' $lib/data/stores'
4+ import { ArrowBackIcon , DeleteIcon , CheckIcon } from ' $lib/icons'
5+ import { removeNote } from ' $lib/data/notes'
6+ import { selectedVerses } from ' $lib/data/stores'
7+ import { editNote ,addNote } from ' $lib/data/notes'
8+
9+ export let data;
10+ let note = data .note ;
11+ let text = note .text ;
12+
13+ function closeEditor () {
14+ history .back ();
15+ }
16+ async function deleteNote () {
17+ await removeNote (note .date );
18+ closeEditor ();
19+ }
20+ async function modifyNote () {
21+ if (note !== undefined ) {
22+ await editNote ({
23+ note: note,
24+ newText: text
25+ });
26+ } else {
27+ await addNote ({
28+ docSet: $selectedVerses[0 ].docSet ,
29+ collection: $selectedVerses[0 ].collection ,
30+ book: $selectedVerses[0 ].book ,
31+ chapter: $selectedVerses[0 ].chapter ,
32+ verse: $selectedVerses[0 ].verse ,
33+ text,
34+ reference: $selectedVerses[0 ].reference
35+ });
36+ }
37+ closeEditor ();
38+ }
39+ script >
40+
41+
42+ <!--create a close button for this editor that closes on a button when clicked -->
43+ <div class =" fullscreen-editor"
44+ <Navbar >
45+ <label for =" sidebar" slot =" center"
46+ <div class ="btn btn-ghost normal-case text-xl" >{$t [' Annotation_Note_Edit' div >
47+ </label >
48+
49+ <div slot =" right-buttons" style =" "
50+ <button on:click ={deleteNote } class =" dy-btn dy-btn-ghost dy-btn-circle" DeleteIcon color =" white" button >
51+ <button on:click ={modifyNote } class =" dy-btn dy-btn-ghost p-1" CheckIcon color =" white" button >
52+ </div >
53+
54+ </Navbar >
55+ <!-- <button on:click={closeEditor} class="close-button"><ArrowBackIcon color="black" /></button> -->
56+
57+ <!-- <p>{note.text}</p> -->
58+
59+ <div class =" flex justify-center mt-7 h-full max-w-screen-md mx-auto"
60+ <textarea bind:value ={text } class =" dy-textarea dy-textarea-bordered w-full h-5/6 shadow-md"
61+ </div >
62+
63+ <!-- flex justify-center box-border mt-7 h-full -->
64+ <!-- dy-textarea dy-textarea-bordered w-11/12 h-5/6 shadow-md -->
65+ <!-- to save the data, save it to the store -->
66+ </div >
67+
68+
69+ <style >
70+ .fullscreen-editor {
71+ width 100% ;
72+ height 100% ;
73+ position fixed ;
74+ }
75+ style >
0 commit comments