diff --git a/frontend/src/app/components/dashboard-table/dashboard-table.component.css b/frontend/src/app/components/dashboard-table/dashboard-table.component.css new file mode 100644 index 0000000..e69de29 diff --git a/frontend/src/app/components/dashboard-table/dashboard-table.component.html b/frontend/src/app/components/dashboard-table/dashboard-table.component.html new file mode 100644 index 0000000..152c965 --- /dev/null +++ b/frontend/src/app/components/dashboard-table/dashboard-table.component.html @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
IDNombrePrecioImagen
1Camiseta Argentina 2021$12345"Argentina-2021-Primera.webp"
1Camiseta Argentina 2021$12345"Argentina-2021-Primera.webp"
1Camiseta Argentina 2021$12345"Argentina-2021-Primera.webp"
diff --git a/frontend/src/app/components/dashboard-table/dashboard-table.component.spec.ts b/frontend/src/app/components/dashboard-table/dashboard-table.component.spec.ts new file mode 100644 index 0000000..6568d6c --- /dev/null +++ b/frontend/src/app/components/dashboard-table/dashboard-table.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DashboardTableComponent } from './dashboard-table.component'; + +describe('DashboardTableComponent', () => { + let component: DashboardTableComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [DashboardTableComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(DashboardTableComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/src/app/components/dashboard-table/dashboard-table.component.ts b/frontend/src/app/components/dashboard-table/dashboard-table.component.ts new file mode 100644 index 0000000..0f49585 --- /dev/null +++ b/frontend/src/app/components/dashboard-table/dashboard-table.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-dashboard-table', + standalone: true, + imports: [], + templateUrl: './dashboard-table.component.html', + styleUrl: './dashboard-table.component.css' +}) +export class DashboardTableComponent { + +} diff --git a/frontend/src/app/components/management/management.component.css b/frontend/src/app/components/management/management.component.css new file mode 100644 index 0000000..e69de29 diff --git a/frontend/src/app/components/management/management.component.html b/frontend/src/app/components/management/management.component.html new file mode 100644 index 0000000..0ea00b8 --- /dev/null +++ b/frontend/src/app/components/management/management.component.html @@ -0,0 +1,9 @@ +
+
+ +
+
+
+ +
+
diff --git a/frontend/src/app/components/management/management.component.spec.ts b/frontend/src/app/components/management/management.component.spec.ts new file mode 100644 index 0000000..2def152 --- /dev/null +++ b/frontend/src/app/components/management/management.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ManagementComponent } from './management.component'; + +describe('ManagementComponent', () => { + let component: ManagementComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [ManagementComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ManagementComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/src/app/components/management/management.component.ts b/frontend/src/app/components/management/management.component.ts new file mode 100644 index 0000000..9d0fa1b --- /dev/null +++ b/frontend/src/app/components/management/management.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; +import { ProductManagementComponent } from '../product-management/product-management.component'; +import { OrderManagementComponent } from '../order-management/order-management.component'; + +@Component({ + selector: 'app-management', + standalone: true, + imports: [ProductManagementComponent, OrderManagementComponent], + templateUrl: './management.component.html', + styleUrl: './management.component.css', +}) +export class ManagementComponent {} diff --git a/frontend/src/app/components/order-management/order-management.component.css b/frontend/src/app/components/order-management/order-management.component.css new file mode 100644 index 0000000..e69de29 diff --git a/frontend/src/app/components/order-management/order-management.component.html b/frontend/src/app/components/order-management/order-management.component.html new file mode 100644 index 0000000..d5ebe97 --- /dev/null +++ b/frontend/src/app/components/order-management/order-management.component.html @@ -0,0 +1,108 @@ +
+

Gestión de pedidos

+
+
+
+ + +
+
+
+
+
+ +
+ +
+
+
+

Orden N°12345

+
+
+
+
    +
  • + Camiseta Argentina 2022 + $12345 +
    • +
  • + Camiseta Argentina 2018 + $12345 +
    • +
  • + Camiseta Argentina 2014 + $12345 +
    • +
+
+
+
    +
  • +
    Datos de entrega:
    +
      +
    • +
      Fecha estimada de entrega:
      +

      A definir | 18/10/1998 | Entregado

      +
      • +
    • +
      Estado:
      +

      Pendiente/Enviando/Entregado

      +
      • +
    +
    • +
+
+
+
+
+ + +
+
+
+
+
+
diff --git a/frontend/src/app/components/products-summary/products-summary.component.spec.ts b/frontend/src/app/components/order-management/order-management.component.spec.ts similarity index 51% rename from frontend/src/app/components/products-summary/products-summary.component.spec.ts rename to frontend/src/app/components/order-management/order-management.component.spec.ts index fbf5c60..a3a30e8 100644 --- a/frontend/src/app/components/products-summary/products-summary.component.spec.ts +++ b/frontend/src/app/components/order-management/order-management.component.spec.ts @@ -1,18 +1,18 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { ProductsSummaryComponent } from './products-summary.component'; +import { OrderManagementComponent } from './order-management.component'; -describe('ProductsSummaryComponent', () => { - let component: ProductsSummaryComponent; - let fixture: ComponentFixture; +describe('OrderManagementComponent', () => { + let component: OrderManagementComponent; + let fixture: ComponentFixture; beforeEach(async () => { await TestBed.configureTestingModule({ - imports: [ProductsSummaryComponent] + imports: [OrderManagementComponent] }) .compileComponents(); - fixture = TestBed.createComponent(ProductsSummaryComponent); + fixture = TestBed.createComponent(OrderManagementComponent); component = fixture.componentInstance; fixture.detectChanges(); }); diff --git a/frontend/src/app/components/order-management/order-management.component.ts b/frontend/src/app/components/order-management/order-management.component.ts new file mode 100644 index 0000000..a559fe4 --- /dev/null +++ b/frontend/src/app/components/order-management/order-management.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-order-management', + standalone: true, + imports: [], + templateUrl: './order-management.component.html', + styleUrl: './order-management.component.css' +}) +export class OrderManagementComponent { + +} diff --git a/frontend/src/app/components/product-management/product-management.component.css b/frontend/src/app/components/product-management/product-management.component.css new file mode 100644 index 0000000..e69de29 diff --git a/frontend/src/app/components/product-management/product-management.component.html b/frontend/src/app/components/product-management/product-management.component.html new file mode 100644 index 0000000..2563d21 --- /dev/null +++ b/frontend/src/app/components/product-management/product-management.component.html @@ -0,0 +1,100 @@ +
+

Gestión de productos

+
+
+
+ + +
+
+
+
+
+ +
+ +
+
+
+

Camisetas de Argentina

+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
IDNombrePrecioImagen
1Camiseta Argentina 2021$12345"Argentina-2021-Primera.webp"
2Camiseta Argentina 2021$12345"Argentina-2021-Primera.webp"
3Camiseta Argentina 2021$12345"Argentina-2021-Primera.webp"
+
+ +
+
+ + +
+
+
+
+
+
diff --git a/frontend/src/app/components/product-management/product-management.component.spec.ts b/frontend/src/app/components/product-management/product-management.component.spec.ts new file mode 100644 index 0000000..ad6b944 --- /dev/null +++ b/frontend/src/app/components/product-management/product-management.component.spec.ts @@ -0,0 +1,23 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ProductManagementComponent } from './product-management.component'; + +describe('ProductManagementComponent', () => { + let component: ProductManagementComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + imports: [ProductManagementComponent] + }) + .compileComponents(); + + fixture = TestBed.createComponent(ProductManagementComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/src/app/components/product-management/product-management.component.ts b/frontend/src/app/components/product-management/product-management.component.ts new file mode 100644 index 0000000..20add93 --- /dev/null +++ b/frontend/src/app/components/product-management/product-management.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-product-management', + standalone: true, + imports: [], + templateUrl: './product-management.component.html', + styleUrl: './product-management.component.css' +}) +export class ProductManagementComponent { + +} diff --git a/frontend/src/app/components/products-summary/products-summary.component.css b/frontend/src/app/components/products-summary/products-summary.component.css deleted file mode 100644 index 174597d..0000000 --- a/frontend/src/app/components/products-summary/products-summary.component.css +++ /dev/null @@ -1,44 +0,0 @@ -.products-summary-card { - background-color: #EAEAEA; - color: #000000; -} - -.products-summary-card .card-header { - background-color: transparent; -} - -.products-summary-card .nav-link { - color: #000000; -} - -.products-summary-card .card-body { - background-color: #ffffff; - color: #000000; -} - -.products-summary-card .list-group-item { - background-color: #ffffff; - color: #000000; -} - -.orders-summary-card { - background-color: #EAEAEA; - color: #000000; -} - -.btn-small { - padding: 0.25rem 0.5rem; - font-size: 0.875rem; -} - -.btn-custom-green { - background-color: #21ad6c; /* Cambia este color al que desees */ - color: #ffffff; /* Texto en blanco */ - border: none; - outline: none; -} - -.btn-custom-green:hover { - background-color: #1b8e57; /* Color de fondo al hacer hover */ -} - diff --git a/frontend/src/app/components/products-summary/products-summary.component.html b/frontend/src/app/components/products-summary/products-summary.component.html deleted file mode 100644 index 490b461..0000000 --- a/frontend/src/app/components/products-summary/products-summary.component.html +++ /dev/null @@ -1,147 +0,0 @@ -
-
-
-
- - -
-
-
- -
-
- -
- -
-
-

Orden N°12345

-
-
-
    -
  • - Camiseta Argentina 2022 -
    • -
  • - Camiseta Argentina 2018 -
    • -
  • - Camiseta Argentina 2014 -
    • -
-
-
-
    -
  • -
    - Datos de entrega:
    -
    -
      -
    • -
      Fecha estimada de entrega:
      -

      A definir | 18/10/1998 | Entregado

      -
      • -
    • -
      Estado:
      -

      Pendiente/Enviando/Entregado

      -
      • -
    -
    • -
-
-
-
-
-
- - -
-
-
-
-
-
-

Orden N°12345

-
-
-
    -
  • - Camiseta Argentina 2022 -
    • -
  • - Camiseta Argentina 2018 -
    • -
  • - Camiseta Argentina 2014 -
    • -
-
-
-
    -
  • -
    - Datos de entrega:
    -
    -
      -
    • -
      Fecha estimada de entrega:
      -

      A definir | 18/10/1998 | Entregado

      -
      • -
    • -
      Estado:
      -

      Pendiente/Enviando/Entregado

      -
      • -
    -
    • -
-
-
-
-
-
- - -
-
-
-
-
diff --git a/frontend/src/app/components/products-summary/products-summary.component.ts b/frontend/src/app/components/products-summary/products-summary.component.ts deleted file mode 100644 index d18b128..0000000 --- a/frontend/src/app/components/products-summary/products-summary.component.ts +++ /dev/null @@ -1,12 +0,0 @@ -import { Component } from '@angular/core'; - -@Component({ - selector: 'app-products-summary', - standalone: true, - imports: [], - templateUrl: './products-summary.component.html', - styleUrl: './products-summary.component.css' -}) -export class ProductsSummaryComponent { - -} diff --git a/frontend/src/app/layout/footer/footer.component.html b/frontend/src/app/layout/footer/footer.component.html index 769aa66..70813a8 100644 --- a/frontend/src/app/layout/footer/footer.component.html +++ b/frontend/src/app/layout/footer/footer.component.html @@ -1,20 +1,46 @@ diff --git a/frontend/src/app/layout/header/header.component.html b/frontend/src/app/layout/header/header.component.html index dbbb223..e1bda1a 100644 --- a/frontend/src/app/layout/header/header.component.html +++ b/frontend/src/app/layout/header/header.component.html @@ -1,4 +1,7 @@ - +
+ + +
+ +
+ +
+ + +
diff --git a/frontend/src/app/pages/admin-dashboard/admin-dashboard.component.html b/frontend/src/app/pages/admin-dashboard/admin-dashboard.component.html index 7dd17ac..c9a9a8b 100644 --- a/frontend/src/app/pages/admin-dashboard/admin-dashboard.component.html +++ b/frontend/src/app/pages/admin-dashboard/admin-dashboard.component.html @@ -1,13 +1,13 @@ -
+

Dashboard - Administración

-
+
- +
-
-
+ + diff --git a/frontend/src/app/pages/admin-dashboard/admin-dashboard.component.ts b/frontend/src/app/pages/admin-dashboard/admin-dashboard.component.ts index a045d3d..30b50d6 100644 --- a/frontend/src/app/pages/admin-dashboard/admin-dashboard.component.ts +++ b/frontend/src/app/pages/admin-dashboard/admin-dashboard.component.ts @@ -1,11 +1,11 @@ import { Component } from '@angular/core'; -import { ProductsSummaryComponent } from '../../components/products-summary/products-summary.component'; import { OrdersSummaryComponent } from '../../components/orders-summary/orders-summary.component'; +import { ManagementComponent } from '../../components/management/management.component'; @Component({ selector: 'app-admin-dashboard', standalone: true, - imports: [ProductsSummaryComponent, OrdersSummaryComponent], + imports: [ManagementComponent, OrdersSummaryComponent], templateUrl: './admin-dashboard.component.html', styleUrl: './admin-dashboard.component.css' }) diff --git a/frontend/src/app/pages/client-dashboard/client-dashboard.component.html b/frontend/src/app/pages/client-dashboard/client-dashboard.component.html index 95f5ec3..18d035d 100644 --- a/frontend/src/app/pages/client-dashboard/client-dashboard.component.html +++ b/frontend/src/app/pages/client-dashboard/client-dashboard.component.html @@ -3,7 +3,7 @@

Dashboard - Cliente

- +
diff --git a/frontend/src/app/pages/client-dashboard/client-dashboard.component.ts b/frontend/src/app/pages/client-dashboard/client-dashboard.component.ts index 2f958b1..d192587 100644 --- a/frontend/src/app/pages/client-dashboard/client-dashboard.component.ts +++ b/frontend/src/app/pages/client-dashboard/client-dashboard.component.ts @@ -1,12 +1,12 @@ import { Component } from '@angular/core'; -import { ProductsSummaryComponent } from '../../components/products-summary/products-summary.component'; import { OrdersSummaryComponent } from '../../components/orders-summary/orders-summary.component'; import { ProductsSuggestComponent } from '../../components/products-suggest/products-suggest.component'; +import { OrderManagementComponent } from '../../components/order-management/order-management.component'; @Component({ selector: 'app-client-dashboard', standalone: true, - imports: [ProductsSummaryComponent, OrdersSummaryComponent, ProductsSuggestComponent], + imports: [OrderManagementComponent, OrdersSummaryComponent, ProductsSuggestComponent], templateUrl: './client-dashboard.component.html', styleUrl: './client-dashboard.component.css' }) diff --git a/frontend/src/app/pages/dashboard/dashboard.component.ts b/frontend/src/app/pages/dashboard/dashboard.component.ts index a8ec969..1704b03 100644 --- a/frontend/src/app/pages/dashboard/dashboard.component.ts +++ b/frontend/src/app/pages/dashboard/dashboard.component.ts @@ -1,14 +1,14 @@ import { CommonModule } from '@angular/common'; import { Component } from '@angular/core'; -import { ProductsSummaryComponent } from '../../components/products-summary/products-summary.component'; import { OrdersSummaryComponent } from '../../components/orders-summary/orders-summary.component'; import { ProductsSuggestComponent } from '../../components/products-suggest/products-suggest.component'; import { RouterLink } from '@angular/router'; +import { ManagementComponent } from '../../components/management/management.component'; @Component({ selector: 'app-dashboard', standalone: true, - imports: [CommonModule, ProductsSummaryComponent, OrdersSummaryComponent, ProductsSuggestComponent, RouterLink], + imports: [CommonModule, ManagementComponent, OrdersSummaryComponent, ProductsSuggestComponent, RouterLink], templateUrl: './dashboard.component.html', styleUrl: './dashboard.component.css' })