miguelmadrid7/nomina-front

How miguelmadrid7/nomina-front works

This is an Angular application for employee catalogs, payroll, and alimony-pension workflows, with login-protected routes. The visible flow is user login through the login service, followed by guarded access to the home area and its employee, payroll, and pension screens; payroll screens call API services for calculations or records. The README describes only Angular setup, so domain details come from component and service names and sampled code. Unsampled employee and extraordinary-payroll behavior is shown only as routed functionality; server rendering is included as application configuration.

Main entry points: app.routes.ts Client routes · login.service.ts Login service · app.config.ts Client configuration · nomina-ordinaria.ts Regular payroll

Components 21

Application shell

Application shell src/app/app.ts
Client routes src/app/app.routes.ts
Client configuration src/app/app.config.ts
Server configuration src/app/app.config.server.ts
Server routes src/app/app.routes.server.ts

Authentication

Login screen src/app/components/login/login.ts
Login service src/app/services/login.service.ts
Login data types src/app/interfaces/login-inter.ts
Route guard src/app/auth/auth.guard.ts
Auth interceptor src/app/interceptors/auth.interceptor.ts

Business workflows

Home screen src/app/components/home/home.ts
Employee catalog src/app/components/catalogos/empleado
Regular payroll src/app/components/nomina-ordinaria/nomina-ordinaria.ts
Payroll concept dialog src/app/components/nominaord-concepto-dialog/nominaord-concepto-dialog.ts
Extraordinary payroll src/app/components/nomina-extraordinaria/nomina-extraordinaria.ts
Alimony pension src/app/components/pension-alimenticia/pension-alimenticia.ts

API access

Payroll API service src/app/services/nomina-ordinaria.service.ts
Pension API service src/app/services/pension-alimenticia.service.ts
API endpoint config src/environments/environment.ts

Other components

User
Backend API

Connections 25

Client configuration → Client routes: provides routes src/app/app.config.ts
Server configuration → Client configuration: merges config src/app/app.config.server.ts
Server configuration → Server routes: configures rendering src/app/app.config.server.ts
Client routes → Login screen: routes to src/app/app.routes.ts
Client routes → Home screen: routes to src/app/app.routes.ts
Client routes → Employee catalog: routes to src/app/app.routes.ts
Client routes → Regular payroll: routes to src/app/app.routes.ts
Client routes → Extraordinary payroll: routes to src/app/app.routes.ts
Client routes → Alimony pension: routes to src/app/app.routes.ts
Client routes → Route guard: guards access src/app/app.routes.ts
User → Login screen: signs in
Login screen → Login service: submits credentials src/app/components/login/login.ts
Login service → Login data types: uses types src/app/services/login.service.ts
Route guard → Login service: checks authentication src/app/auth/auth.guard.ts
Client configuration → Auth interceptor: registers interceptor src/app/app.config.ts
Auth interceptor → Login service: reads token src/app/interceptors/auth.interceptor.ts
Regular payroll → Payroll API service: requests payroll src/app/components/nomina-ordinaria/nomina-ordinaria.ts
Regular payroll → Payroll concept dialog: opens dialog src/app/components/nomina-ordinaria/nomina-ordinaria.ts
Alimony pension → Pension API service: requests pension data src/app/components/pension-alimenticia/pension-alimenticia.ts
Login service → Backend API: requests token src/app/services/login.service.ts
Payroll API service → Backend API: requests calculations src/app/services/nomina-ordinaria.service.ts
Pension API service → Backend API: reads and writes src/app/services/pension-alimenticia.service.ts
Login service → API endpoint config: reads API URL src/app/services/login.service.ts
Payroll API service → API endpoint config: reads API URL src/app/services/nomina-ordinaria.service.ts
Pension API service → API endpoint config: reads API URL src/app/services/pension-alimenticia.service.ts

More TypeScript diagrams: thelastoutpostworkshop/espconnect · bitfocus/companion · duckdb/duckdb-wasm · azure/azurite · thedogecraft/sparkle

Drawn by GitDiagram on September 30, 2026 from the repository's file tree, README and source files. Read as Markdown ·