add comments

Priyankcoder · Priyankcoder · commit 7b1838989870 · 2021-05-13T16:44:05.000+05:30
diff --git a/src/app/bookmark/bookmark.component.html b/src/app/bookmark/bookmark.component.html
@@ -1,10 +1,12 @@
 <div class="container">
+  <!-- Provide the stats  -->
   <div class="stats">
     <div>Total Bookmarks {{ bookmarkService.bookmarks.length }}</div>
     <div>Movies {{ bookmarkService.types["movie"].length }}</div>
     <div>Series {{ bookmarkService.types["series"].length }}</div>
     <div>Episodes {{ bookmarkService.types["episode"].length }}</div>
   </div>
+  <!-- Display the stats using progress bar -->
   <div class="progress">
     <div
       class="progress-bar movie"
diff --git a/src/app/bookmark/bookmark.component.ts b/src/app/bookmark/bookmark.component.ts
@@ -14,6 +14,8 @@ export class BookmarkComponent implements OnInit {
     public bookmarkService: BookmarksService,
     private movieService: FetchMoviesService
   ) {}
+  
+  //This function provide the length for each type in progress bar
   setStyle(cnt) {
     const total = this.bookmarkService.bookmarks.length;
     let val = 0;
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
@@ -1,4 +1,5 @@
 <div class="container">
+  <!-- Search Feature -->
   <div class="search-box">
     <nb-form-field>
       <nb-icon nbPrefix icon="search" pack="eva"></nb-icon>
@@ -22,5 +23,6 @@
       <h6>Search</h6>
     </button>
   </div>
+  <!-- Render search movie -->
   <app-collection [movies]="movieService.info.movies"></app-collection>
 </div>
