feat: add a search button on 1st episodes cards

Will open a new tab to MAL search page & seek for the anime title

Author: AXeL-dev

src/app/modules/episode/card/card.component.html

@@ -37,6 +37,14 @@ <h2 [title]="episode.anime.title">
     </div>
   </a>
   <div class="mdc-card__actions mdc-card__action-icons" #viewport>
+    <button
+      *ngIf="episode.number === 1"
+      class="material-icons mdc-icon-button"
+      title="Search on MAL"
+      (click)="searchOnMAL()"
+    >
+      search
+    </button>
     <div
       *ngIf="episode.isViewed; else isRegularTemplate"
       mdcMenuAnchor

src/app/modules/episode/card/card.component.ts

@@ -73,4 +73,11 @@ export class CardComponent implements OnInit {
     this.episode.isViewed = false;
     this.viewedEpisodes.remove(this.episode);
   }
+
+  searchOnMAL() {
+    const url = encodeURI(
+      `https://myanimelist.net/anime.php?q=${this.episode.anime.title}&cat=anime`
+    );
+    window.open(url, '_blank');
+  }
 }