From 1b48fdaa007331d51a0fcc1ab5af1bcd4329de92 Mon Sep 17 00:00:00 2001
From: Mootfrost777 <andrey13102007@gmail.com>
Date: Wed, 7 Dec 2022 16:30:28 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A3=D1=80=D0=B0,=20=D1=83=D1=80=D0=B0,=20?=
 =?UTF-8?q?=D1=83=D1=80=D0=B0,=20=D1=8F=20=D0=BD=D0=B0=D1=88=D0=B5=D0=BB?=
 =?UTF-8?q?=20=D0=B2=D1=80=D0=B5=D0=BC=D1=8F.=20=D0=94=D0=BE=D0=B1=D0=B0?=
 =?UTF-8?q?=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D0=B5,=20=D1=83=D0=B4=D0=B0?=
 =?UTF-8?q?=D0=BB=D0=B5=D0=BD=D0=B8=D0=B5.=20edit=20=D0=BF=D0=BE=D1=87?=
 =?UTF-8?q?=D0=B5=D0=BC=D1=83-=D1=82=D0=BE=20=D0=BF=D0=BE=D0=BB=D1=83?=
 =?UTF-8?q?=D1=87=D0=B0=D0=B5=D1=82=20=D0=BD=D0=B8=D1=87=D0=B5=D0=B3=D0=BE?=
 =?UTF-8?q?=20=D0=B2=D0=BC=D0=B5=D1=81=D1=82=D0=BE=20note.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue             | 31 +++++++++++++++++++++++++++----
 src/components/Edit.vue |  8 ++++++--
 src/components/Item.vue | 12 +++++++-----
 src/main.ts             |  1 +
 src/models/Note.ts      | 11 +++++++++++
 tsconfig.json           |  3 ++-
 6 files changed, 54 insertions(+), 12 deletions(-)
 create mode 100644 src/models/Note.ts

diff --git a/src/App.vue b/src/App.vue
index eaf52cd..773ff76 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,16 +2,39 @@
 import { ref } from 'vue'
 import Item  from "./components/Item.vue";
 import Edit from "./components/Edit.vue";
+import { Note } from "./models/Note";
 
-const items = ref([{title: 'Item 1'}, {title: 'Item 2'}, {title: 'Item 3'}])
+const notes = ref([new Note(undefined, 'Make SUS'), new Note(undefined, 'аырофщшгвыпгыфа')])
+const currentNote = ref(new Note())
+
+function processNote(note: Note) {
+  const index = notes.value.findIndex((item) => item.id === note.id)
+  if (index !== -1) {
+    notes.value[index] = note
+  }
+  else {
+    notes.value.push(note)
+  }
+}
+
+function deleteNote(note: Note) {
+  notes.value = notes.value.filter((item) => item.id !== note.id)
+}
+
+function editNote(note: Note) {
+ currentNote.value = note
+}
 </script>
 
 <template>
   <div class="container" id="container">
-    <item v-for="item in items"
-          :title="item.title" />
+    <item v-for="note in notes"
+          :note="note"
+          @delete="deleteNote"
+          @edit="editNote"
+    />
   </div>
-  <edit />
+  <edit @done="processNote" note="{{ currentNote }}"/>
 </template>
 
 <style scoped>
diff --git a/src/components/Edit.vue b/src/components/Edit.vue
index d39ee3d..bf8b84f 100644
--- a/src/components/Edit.vue
+++ b/src/components/Edit.vue
@@ -1,10 +1,14 @@
 <script setup lang="ts">
+ defineEmits(['done'])
+ defineProps(['note'])
 </script>
 
 <template>
   <div class="container">
-    <input type="text" v-model="s">
-    <div class="btn" @click=""><span><font-awesome-icon icon="fa-solid fa-check" /> Add</span></div>
+    <input type="text" v-model="note.title">
+
+    <div class="btn" @click="note.title ? $emit('done', note) : null; note = new Note()">
+    <span><font-awesome-icon icon="fa-solid fa-check" /> Add</span></div>
   </div>
 </template>
 
diff --git a/src/components/Item.vue b/src/components/Item.vue
index 2d14478..023b018 100644
--- a/src/components/Item.vue
+++ b/src/components/Item.vue
@@ -1,14 +1,16 @@
 <script setup lang="ts">
-  defineProps(['title'])
+  import { Note } from "../models/Note";
 
+  defineProps(['note'])
+  defineEmits(['delete', 'edit'])
 </script>
 
 <template>
   <div class="container">
-    <input type="checkbox">
-    <span class="title">{{ title }}</span>
-      <div class="btn"><span><font-awesome-icon icon="fa-solid fa-pen-to-square" /> Edit</span></div>
-      <div class="btn"><span><font-awesome-icon icon="fa-solid fa-trash" /> Delete</span></div>
+    <input type="checkbox" :checked="note.checked">
+    <span class="title">{{ note.title }}</span>
+    <div class="btn"><span><font-awesome-icon icon="fa-solid fa-pen-to-square" /> Edit</span></div>
+    <div class="btn" @click="$emit('delete', note)"><span><font-awesome-icon icon="fa-solid fa-trash" /> Delete</span></div>
   </div>
 </template>
 <style scoped>
diff --git a/src/main.ts b/src/main.ts
index b837741..015f05a 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -11,6 +11,7 @@ import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 /* import specific icons */
 import { faTrash, faPenToSquare, faCheck } from '@fortawesome/free-solid-svg-icons'
 
+
 /* add icons to the library */
 library.add(faTrash, faPenToSquare, faCheck)
 
diff --git a/src/models/Note.ts b/src/models/Note.ts
new file mode 100644
index 0000000..fbd547f
--- /dev/null
+++ b/src/models/Note.ts
@@ -0,0 +1,11 @@
+let currentId = 5;
+
+export class Note {
+
+    constructor(public id = currentId, public title = '', public checked = false) {
+        currentId++
+        this.id = id
+        this.title = title
+        this.checked = checked
+    }
+}
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index b557c40..23453c2 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -11,7 +11,8 @@
     "esModuleInterop": true,
     "lib": ["ESNext", "DOM"],
     "skipLibCheck": true,
-    "noEmit": true
+    "noEmit": true,
+    "noImplicitAny": false
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
   "references": [{ "path": "./tsconfig.node.json" }]