diff --git a/src/app/constants/routes.constants.ts b/src/app/constants/routes.constants.ts index 01a827a..117de20 100644 --- a/src/app/constants/routes.constants.ts +++ b/src/app/constants/routes.constants.ts @@ -4,6 +4,7 @@ export const RoutesConstants = { home: '', dashboard: '/pages/:userId/home', form: '/pages/:userId/form', + product: '/pages/:userId/product', root: '/', }; diff --git a/src/app/pages/home/home.component.html b/src/app/pages/home/home.component.html index 5cb3316..699b140 100644 --- a/src/app/pages/home/home.component.html +++ b/src/app/pages/home/home.component.html @@ -65,12 +65,12 @@

- historial

- + {{ 'dashboard.articles.tracking.title' | translate }} @@ -85,7 +85,7 @@

- + {{ userName }} {{ userLastName }} @@ -95,7 +95,7 @@

Ver detalles diff --git a/src/app/pages/home/home.component.ts b/src/app/pages/home/home.component.ts index 467f157..f836139 100644 --- a/src/app/pages/home/home.component.ts +++ b/src/app/pages/home/home.component.ts @@ -35,4 +35,12 @@ export class HomeComponent { return [RoutesConstants.home]; } } + + goProduct(): string[] { + if (this.userId) { + return [RoutesConstants.product.replace(':userId', this.userId)]; + } else { + return [RoutesConstants.home]; + } + } } diff --git a/src/app/pages/pages-routing.module.ts b/src/app/pages/pages-routing.module.ts index 8fc1ae3..c67a5d0 100644 --- a/src/app/pages/pages-routing.module.ts +++ b/src/app/pages/pages-routing.module.ts @@ -2,6 +2,7 @@ import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { HomeComponent } from './home/home.component'; import { ApplianceRegistrationComponent } from './appliance-registration/appliance-registration.component'; +import { ProductComponent } from './product/product.component'; const routes: Routes = [ { @@ -12,6 +13,11 @@ const routes: Routes = [ path: 'form', component: ApplianceRegistrationComponent, }, + { + path: 'product', + component: ProductComponent, + }, + ]; @NgModule({ diff --git a/src/app/pages/product/product.component.css b/src/app/pages/product/product.component.css index e69de29..e4f675d 100644 --- a/src/app/pages/product/product.component.css +++ b/src/app/pages/product/product.component.css @@ -0,0 +1,5 @@ +body { + background: linear-gradient(to right, rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)); + margin: 0; + font-family: Arial, sans-serif; +} diff --git a/src/app/pages/product/product.component.html b/src/app/pages/product/product.component.html index 772b623..07c2676 100644 --- a/src/app/pages/product/product.component.html +++ b/src/app/pages/product/product.component.html @@ -1 +1,189 @@ -

product works!

+ + +
+
+
+
+

Summer styles are finally here

+

This year, our new summer collection will shelter you from the harsh elements of a world that doesn't care if you live or die.

+
+
+
+ + + + Shop Collection +
+
+
+
+
+ +
+
+
+
+
Transactions every 24 hours
+
44 million
+
+
+
Assets under holding
+
$119 trillion
+
+
+
New users annually
+
46,000
+
+
+
+
+ +
+
+

Trusted by the world’s most innovative teams

+
+ Transistor + Reform + Tuple + SavvyCal + Statamic +
+
+
+ +
+
+

Customers also purchased

+ +
+
+
+ Front of men's Basic Tee in black. +
+
+
+

+ + + Basic Tee + +

+

Black

+
+

$35

+
+
+ +
+
+ Front of men's Basic Tee in black. +
+
+
+

+ + + Basic Tee + +

+

Black

+
+

$35

+
+
+ +
+
+ Front of men's Basic Tee in black. +
+
+
+

+ + + Basic Tee + +

+

Black

+
+

$35

+
+
+ +
+
+ Front of men's Basic Tee in black. +
+
+
+

+ + + Basic Tee + +

+

Black

+
+

$35

+
+
+ +
+
+ Front of men's Basic Tee in black. +
+
+
+

+ + + Basic Tee + +

+

Black

+
+

$35

+
+
+ + +
+
+
+
+ +
+ + \ No newline at end of file diff --git a/src/app/pages/product/product.module.ts b/src/app/pages/product/product.module.ts index 1fbf9d7..c82f3a1 100644 --- a/src/app/pages/product/product.module.ts +++ b/src/app/pages/product/product.module.ts @@ -2,13 +2,21 @@ import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { ProductRoutingModule } from './product-routing.module'; +import { MenuModule } from '../components/menu/menu.module'; +import { FooterModule } from '../components/footer/footer.module'; +import { TranslateModule } from '@ngx-translate/core'; +import { ProductComponent } from './product.component'; @NgModule({ - declarations: [], + declarations: [ProductComponent], imports: [ CommonModule, - ProductRoutingModule - ] + ProductRoutingModule, + MenuModule, + FooterModule, + TranslateModule + ], + exports: [ProductComponent] }) export class ProductModule { }