import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root',
})
export class Auth {
  private currentUser: string = '';

  // Iniciar sesión
  login(username: string, password: string): boolean {
    if (username && password) {
      this.currentUser = username;
      return true;
    }
    return false;
  }

  // Registrar usuario
  register(username: string, email: string, password: string): boolean {
    if (username && email && password) {
      console.log('Usuario registrado:', username);
      return true;
    }
    return false;
  }

  // Obtener usuario actual
  getUser(): string {
    return this.currentUser;
  }
}

import { Injectable } from '@angular/core';

// Interfaz: Define cómo se ve cada item del menú
export interface MenuItem {
  icon: string; // Ícono del item
  label: string; // Texto que se muestra
  route: string; // Ruta a la que va
  active?: boolean; // Si está activo o no
  badge?: string; // Número de notificaciones
  section?: string; // Sección a la que pertenece
}

@Injectable({
  providedIn: 'root',
})
export class Menu {
  // Lista de items del menú
  private menuItems: MenuItem[] = [
    {
      icon: 'bi bi-grid',
      label: 'Dashboard',
      route: '/dashboard',
      active: false,
      section: 'PRINCIPAL',
    },
    {
      icon: 'bi bi-cart',
      label: 'Compras',
      route: '/compras',
      active: true,
      badge: '3',
      section: 'PRINCIPAL',
    },
    {
      icon: 'bi bi-truck',
      label: 'Proveedores',
      route: '/proveedores',
      active: false,
      section: 'PRINCIPAL',
    },
    {
      icon: 'bi bi-box-seam',
      label: 'Almacenamiento',
      route: '/almacenamiento',
      active: false,
      section: 'PRINCIPAL',
    },
    {
      icon: 'bi bi-calendar',
      label: 'Calendario',
      route: '/calendario',
      active: false,
      section: 'PRINCIPAL',
    },
    {
      icon: 'bi bi-people',
      label: 'Contactos',
      route: '/contactos',
      active: false,
      section: 'PRINCIPAL',
    },
    {
      icon: 'bi bi-shield-check',
      label: 'Permisos',
      route: '/permisos',
      active: false,
      section: 'PRINCIPAL',
    },
    {
      icon: 'bi bi-bar-chart',
      label: 'Reportes',
      route: '/reportes',
      active: false,
      section: 'CONFIGURACIÓN',
    },
    {
      icon: 'bi bi-gear',
      label: 'Ajustes',
      route: '/ajustes',
      active: false,
      section: 'CONFIGURACIÓN',
    },
  ];

  constructor() {}

  // Obtener todos los items del menú
  getMenuItems(): MenuItem[] {
    return this.menuItems;
  }

  // Marcar un item como activo
  setActiveItem(route: string): void {
    this.menuItems.forEach((item) => {
      item.active = item.route === route;
    });
  }
}

import { Component, OnInit } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Menu, MenuItem } from '../../../core/services/menu';
import { Auth } from '../../../core/services/auth';
import { Router, RouterLink, RouterLinkActive } from '@angular/router';

@Component({
  selector: 'app-sidebar',
  standalone: true,
  imports: [CommonModule, RouterLink, RouterLinkActive],
  templateUrl: './sidebar.component.html',
  styleUrls: ['./siderbar.component.css'],
})
export class SidebarModule implements OnInit {
  menuItems: MenuItem[] = [];
  username: string = '';
  isMenuOpen: boolean = window.innerWidth >= 992; // Abierto en desktop

  constructor(private menuService: Menu, private authService: Auth, private router: Router) {}

  ngOnInit(): void {
    this.menuItems = this.menuService.getMenuItems();
    this.username = this.authService.getUser() || 'usuario';
  }

  // Navegar a una ruta
  navigateTo(route: string): void {
    this.menuService.setActiveItem(route);
    this.router.navigate([route]);
  }

  // Abrir/cerrar menú en móvil
  toggleMenu(): void {
    this.isMenuOpen = !this.isMenuOpen;
  }

  // Cerrar sesión
  logaut(): void {
    if (confirm('¿Seguro que quieres cerrar sesión?')) {
      this.router.navigate(['/login']);
    }
  }
}

import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterOutlet } from '@angular/router';
import { SidebarModule } from '../sidebar/sidebar-module';

@Component({
  selector: 'app-layout',
  standalone: true,
  imports: [CommonModule, RouterOutlet, SidebarModule],
  templateUrl: './layout.component.html',
  styleUrls: ['./layout.component.css'],
})
export class LayoutModule {}

import { Component } from '@angular/core';
import { Auth } from '../../../core/services/auth';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { RouterLink, Router } from '@angular/router';

@Component({
  selector: 'app-login',
  standalone: true,
  imports: [CommonModule, FormsModule, RouterLink],
  templateUrl: './login.component.html',
  styleUrl: './login.component.css',
})
export class Login {
  username: string = '';
  password: string = '';
  showPassword: boolean = false;
  error: string = '';

  constructor(private authService: Auth, private router: Router) {}

  onLogin() {
    if (this.authService.login(this.username, this.password)) {
      this.router.navigate(['/compras']);
    } else {
      this.error = 'Completa todos los campos';
    }
  }

  toggleShowPassword() {
    this.showPassword = !this.showPassword;
  }
}

import { Component } from '@angular/core';

@Component({
  selector: 'app-compras',
  standalone: true,
  imports: [],
  templateUrl: './compras.component.html',
  styleUrl: './compras.component.css',
})
export class Compras {}

import { Routes } from '@angular/router';
import { Login } from './features/auth/login/login.component';
import { Register } from './features/auth/register/register.component';
import { LayoutModule } from './shared/component/layout/layout-module';
import { Compras } from './features/compras/compras.component';
import { Proveedores } from './features/proveedores/proveedores.component';
import { Almacenamiento } from './features/almacenamiento/almacenamiento.component';
import { Calendario } from './features/calendario/calendario.component';
import { Contactos } from './features/contactos/contactos.component';
import { Permisos } from './features/permisos/permisos.component';

export const routes: Routes = [
  // Rutas sin layout (login, register)
  { path: 'login', component: Login },
  { path: 'register', component: Register },

  // Rutas con layout (páginas principales)
  {
    path: '',
    component: LayoutModule,
    children: [
      { path: 'compras', component: Compras },
      { path: 'proveedores', component: Proveedores },
      { path: 'almacenamiento', component: Almacenamiento },
      { path: 'calendario', component: Calendario },
      { path: 'contactos', component: Contactos },
      { path: 'permisos', component: Permisos },
      { path: '', redirectTo: 'compras', pathMatch: 'full' },
    ],
  },
];

import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
import { provideRouter } from '@angular/router';
import { routes } from './app.routes';

export const appConfig: ApplicationConfig = {
  providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes)],
};

import { Component, signal } from '@angular/core';
import { RouterOutlet } from '@angular/router';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [RouterOutlet],
  templateUrl: './app.html',
  styleUrl: './app.css',
})
export class App {
  protected readonly title = signal('InventoryOficial');
}