From 477a489db144e3ea74ae9887cfcdc81f85618ec4 Mon Sep 17 00:00:00 2001
From: Kyle Kemp <kyle@seiyria.com>
Date: Sat, 27 Apr 2024 07:21:05 -0500
Subject: [PATCH] closes #17

---
 .../search-cards/search-cards.component.scss  | 34 -------------------
 .../search-cards/search-cards.component.ts    | 12 ++++++-
 src/app/search/search.page.html               |  4 +--
 3 files changed, 13 insertions(+), 37 deletions(-)

diff --git a/src/app/_shared/components/search-cards/search-cards.component.scss b/src/app/_shared/components/search-cards/search-cards.component.scss
index cabbe78..66174b6 100644
--- a/src/app/_shared/components/search-cards/search-cards.component.scss
+++ b/src/app/_shared/components/search-cards/search-cards.component.scss
@@ -91,40 +91,6 @@ a {
 .cell {
   padding-left: 10px;
   border-left: 6px solid var(--cell-border, transparent);
-
-  &.color-B {
-    --cell-border: #00587c;
-  }
-
-  &.color-R {
-    --cell-border: #6a111b;
-  }
-
-  &.color-G {
-    --cell-border: #21613d;
-  }
-
-  &.color-Y {
-    --cell-border: #7d700c;
-  }
-}
-
-.trigger-icons {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-
-  &.character {
-    app-cardicon {
-      margin-left: 5px;
-    }
-  }
-
-  &.climax {
-    app-cardicon:not(:first-child) {
-      margin-left: 5px;
-    }
-  }
 }
 
 .ability:not(:last-child) {
diff --git a/src/app/_shared/components/search-cards/search-cards.component.ts b/src/app/_shared/components/search-cards/search-cards.component.ts
index c129700..f347f55 100644
--- a/src/app/_shared/components/search-cards/search-cards.component.ts
+++ b/src/app/_shared/components/search-cards/search-cards.component.ts
@@ -1,5 +1,12 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { Component, effect, inject, input, ViewChild } from '@angular/core';
+import {
+  Component,
+  effect,
+  inject,
+  input,
+  output,
+  ViewChild,
+} from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { DatatableComponent, SelectionType } from '@siemens/ngx-datatable';
 import { sortBy } from 'lodash';
@@ -36,6 +43,8 @@ export class SearchCardsComponent {
   public querySortBy = input<QuerySortBy>('asc');
   public page = input<number>(0);
 
+  public pageChanged = output<number>();
+
   public queryDesc = '';
 
   public readonly cardsPerPage = 60;
@@ -144,6 +153,7 @@ export class SearchCardsComponent {
     );
 
     this.updateParams();
+    this.pageChanged.emit(this.pageValue);
   }
 
   select({ selected }: any) {
diff --git a/src/app/search/search.page.html b/src/app/search/search.page.html
index 722b8f9..b1677a2 100644
--- a/src/app/search/search.page.html
+++ b/src/app/search/search.page.html
@@ -2,10 +2,10 @@
   <app-topbar [query]="query" (type)="search($event)"></app-topbar>
 </ion-header>
 
-<ion-content>
+<ion-content #content>
   <div class="container">
     <app-search-cards [query]="query" [queryDisplay]="queryDisplay" [querySort]="querySort" [querySortBy]="querySortBy"
-      [page]="page"></app-search-cards>
+      [page]="page" (pageChanged)="content.scrollToTop()"></app-search-cards>
   </div>
 
   <app-below-the-fold></app-below-the-fold>