js

src/CoursesComponent.js

@@ -4,10 +4,14 @@ export default class CoursesComponent {
   #names = [];
   #storage;
   #coursesRepository;
+  #courses;
 
   constructor() {
     this.#coursesRepository = new CoursesRepository();
     this.#storage = window.localStorage;
+    this.#setCoursesInStorage();
+    this.#addStorageCoursesToRepo();
+
     this.#printCoursesConsole();
 
     document.getElementById("add").onclick = () => {
@@ -33,6 +37,7 @@ export default class CoursesComponent {
   #addNameCourse(name) {
     this.#names.push(name);
     this.#setNamesInStorage();
+    this.#setCoursesInStorage();
   }
 
   #toHtml() {
@@ -44,13 +49,34 @@ export default class CoursesComponent {
   }
 
   #setNamesInStorage() {
-    this.#storage.setItem("namesCourses", JSON.stringify(this.#names));
+    this.#storage.setItem("namesCourses", this.#names);
+  }
+
+  #setCoursesInStorage() {
+    this.#storage.setItem(
+      "courses",
+      JSON.stringify(this.#coursesRepository.courses)
+    );
+  }
+
+  #getCoursesInStorage() {
+    this.#courses = [];
+    if (this.#storage.getItem("courses")) {
+      this.#courses = JSON.parse(this.#storage.getItem("courses"));
+    }
+  }
+
+  #addStorageCoursesToRepo() {
+    this.#getCoursesInStorage();
+    this.#courses.forEach((c) => {
+      this.#coursesRepository.addExistingCourse(c);
+    });
   }
 
   #getNamesInStorage() {
     this.#names = [];
     if (this.#storage.getItem("namesCourses")) {
-      this.#names = JSON.parse(this.#storage.getItem("namesCourses"));
+      this.#names = this.#storage.getItem("namesCourses");
     }
   }
 
@@ -189,8 +215,6 @@ export default class CoursesComponent {
       divCourse.appendChild(spanElementSecond);
       divCourse.appendChild(btnElement);
 
-      // parent div
-
       // parent div
       const divParentEl = document.getElementById("courseId");
       divParentEl.appendChild(divCourse);

src/CoursesRepository.js

@@ -8,7 +8,7 @@ export default class CoursesRepository {
   }
 
   giveCourse(name) {
-    return this.#courses.find((c) => c.name == name);
+    return this.#courses.find((c) => c.name === name);
   }
 
   giveAllCoursesNames() {
@@ -19,11 +19,20 @@ export default class CoursesRepository {
     return this.#courses;
   }
 
+  set courses(courses) {
+    this.#courses = courses;
+  }
+
+  addExistingCourse(course) {
+    this.#courses.push(course);
+  }
+
   addToDoToCourse(name, title, time, urgency) {
     const course = this.giveCourse(name);
     course.addToDo(title, time, urgency);
   }
 
+  // non
   giveToDosOfCourse(name) {
     return this.#courses.find((c) => c.name == name).toDos;
   }