diff --git a/client/src/app/app-routing.module.ts b/client/src/app/app-routing.module.ts
index 20d64d0..b24d37b 100644
--- a/client/src/app/app-routing.module.ts
+++ b/client/src/app/app-routing.module.ts
@@ -40,6 +40,11 @@ const routes: Routes = [
path: 'tabs',
loadChildren: () => import('./pages/tabs/tabs.module').then( m => m.TabsPageModule)
},
+ {
+ path: 'filter',
+ loadChildren: () => import('./pages/filter/filter.module').then( m => m.FilterPageModule)
+ },
+
];
@NgModule({
diff --git a/client/src/app/components/search/search.component.html b/client/src/app/components/search/search.component.html
index cf8d51d..135baec 100644
--- a/client/src/app/components/search/search.component.html
+++ b/client/src/app/components/search/search.component.html
@@ -1,6 +1,6 @@
-
+
Filter
diff --git a/client/src/app/components/search/search.component.ts b/client/src/app/components/search/search.component.ts
index 0c9eb9d..8a34b55 100644
--- a/client/src/app/components/search/search.component.ts
+++ b/client/src/app/components/search/search.component.ts
@@ -1,3 +1,4 @@
+import { Router } from '@angular/router';
import { Component, OnInit } from '@angular/core';
@Component({
@@ -6,9 +7,11 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./search.component.scss'],
})
export class SearchComponent implements OnInit {
+ constructor(private route: Router) {}
- constructor() { }
+ filterPage() {
+ this.route.navigate(['/filter']);
+ }
ngOnInit() {}
-
}
diff --git a/client/src/app/pages/filter/filter-routing.module.ts b/client/src/app/pages/filter/filter-routing.module.ts
new file mode 100644
index 0000000..0c4b39c
--- /dev/null
+++ b/client/src/app/pages/filter/filter-routing.module.ts
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { FilterPage } from './filter.page';
+
+const routes: Routes = [
+ {
+ path: '',
+ component: FilterPage
+ }
+];
+
+@NgModule({
+ imports: [RouterModule.forChild(routes)],
+ exports: [RouterModule],
+})
+export class FilterPageRoutingModule {}
diff --git a/client/src/app/pages/filter/filter.module.ts b/client/src/app/pages/filter/filter.module.ts
new file mode 100644
index 0000000..d0da9ea
--- /dev/null
+++ b/client/src/app/pages/filter/filter.module.ts
@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { FilterPageRoutingModule } from './filter-routing.module';
+
+import { FilterPage } from './filter.page';
+
+@NgModule({
+ imports: [
+ CommonModule,
+ FormsModule,
+ IonicModule,
+ FilterPageRoutingModule
+ ],
+ declarations: [FilterPage]
+})
+export class FilterPageModule {}
diff --git a/client/src/app/pages/filter/filter.page.html b/client/src/app/pages/filter/filter.page.html
new file mode 100644
index 0000000..5dfcd52
--- /dev/null
+++ b/client/src/app/pages/filter/filter.page.html
@@ -0,0 +1,112 @@
+
+
+
+
+ Apply Filters
+ Reset
+
+
+
+
+
+
Type
+
+
+
+ Cup
+
+
+
+ Jeans
+
+
+
+ Candel
+
+
+
+ T-shirt
+
+
+
+ umbrella
+
+
+
+ Carpet
+
+
+
+ plate
+
+
+
+ Shoose
+
+
+
+ Spoon
+
+
+
+ Mosaico
+
+
+
+ Other
+
+
+
+
+
+
+
Tages
+
+
+
+
+ Clothes
+
+
+
+
+
+ Men
+
+
+
+
+
+ Food
+
+
+
+
+
+ Women
+
+
+
+
+
+
+
+
Sort by
+
+
+ Most Popular
+
+
+
+
+
+
+ Most Popular
+
+
+
+
+
+
+
diff --git a/client/src/app/pages/filter/filter.page.scss b/client/src/app/pages/filter/filter.page.scss
new file mode 100644
index 0000000..a11446f
--- /dev/null
+++ b/client/src/app/pages/filter/filter.page.scss
@@ -0,0 +1,16 @@
+ion-content {
+ --background: #f0f0f2;
+
+ .upperBox {
+ background-color: #fff;
+ box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
+ ;
+ height: auto;
+ margin-bottom: 10px;
+ padding: 20px;
+ h3{
+ font-size:20px;
+ color:red;
+ }
+ }
+}
diff --git a/client/src/app/pages/filter/filter.page.ts b/client/src/app/pages/filter/filter.page.ts
new file mode 100644
index 0000000..64f0350
--- /dev/null
+++ b/client/src/app/pages/filter/filter.page.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-filter',
+ templateUrl: './filter.page.html',
+ styleUrls: ['./filter.page.scss'],
+})
+export class FilterPage implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}