Targo Timesheet PWA — modernized UI fork

Go to file

Nicolas Drolet a0d87a0013 feat(employee-list): complete functional advanced search for employee list enabling or disabling hide-inactive-employees will hide them or show them at the top. Also added more functionality to the search bar-- it can match many columns for terms separated by spaces in the search field. i.e. typing Bourdo and Solucom separated by commas will show all employees that have those words in any of the columns		2025-12-05 16:07:12 -05:00
public	feat(lang)Clean landing dashboard page, footers, headers, language module to match with Quasar and/or Vue conventions	2025-07-30 15:44:23 -04:00
src	feat(employee-list): complete functional advanced search for employee list	2025-12-05 16:07:12 -05:00
.gitignore	build(scaffolding): set up all folders and files, most of them empty, built some logic, clarified file names.	2025-07-25 16:58:07 -04:00
.npmrc	build(scaffolding): set up all folders and files, most of them empty, built some logic, clarified file names.	2025-07-25 16:58:07 -04:00
Dockerfile	removed yarn format	2025-11-14 15:18:52 -05:00
eslint.config.js	feat(employee-list): complete functional advanced search for employee list	2025-12-05 16:07:12 -05:00
index.html	build(scaffolding): set up all folders and files, most of them empty, built some logic, clarified file names.	2025-07-25 16:58:07 -04:00
package-lock.json	refactor(frontend): finally trim i18n messages, refactor and DRY older frontend code, general cleanup and component breakdown	2025-09-19 16:59:15 -04:00
package.json	feat(approvals): install chartJS and vue-chartJS for graphical representation of employee details, configuring bar graph.	2025-08-29 08:33:02 -04:00
postcss.config.js	build(scaffolding): set up all folders and files, most of them empty, built some logic, clarified file names.	2025-07-25 16:58:07 -04:00
quasar.config.ts	refactor(timesheet): add at least some updates to approved shift look, maybe more???	2025-11-14 17:00:27 -05:00
README.md	build(scaffolding): set up all folders and files, most of them empty, built some logic, clarified file names.	2025-07-25 16:58:07 -04:00
tsconfig.json	build(scaffolding): set up all folders and files, most of them empty, built some logic, clarified file names.	2025-07-25 16:58:07 -04:00

README.md

🌐 Targo 2.0 Frontend

A modern, scalable frontend for managing employees, timesheets, and time-off requests in a rural ISP environment — built with Vue 3 and Quasar Framework.

🚀 Tech Stack

Layer	Technology
UI Framework	Quasar (Vue 3)
Router	Vue Router 4
State	Pinia
HTTP	Axios
Auth	OAuth2/OIDC (popup-based) via backend
i18n	Vue I18n
Build Tools	Vite (default)
Testing	(Planned) Vitest, Cypress

📁 Project Structure

src/
├── boot/                  # Initialization scripts (e.g. axios, auth)
├── modules/               # Feature modules
│   ├── dashboard/         # Role-based dashboards (admin, technician, etc.)
│   ├── auth/              # Login popup, logout flow
│   ├── users/             # User management
│   ├── shared/            # Common components, services, etc.
│   ├── time-sheet/        # Create, validate, export timesheets and expenses
│   ├── router/            # Vue Router config
│   ├── validations/       # ??????
│   ├── i18n/              # Internationalization references
│   ├── pages/             # Route-level pages (fallbacks, misc)
│   ├── stores/            # Pinia stores
│   ├── layouts/           # App shell (toolbar, drawer)
│   ├── css/               # Stylesheets
│   ├── assets/            # Images, styles, icons   
└── App.vue                # Root component

⚙️ Setup Instructions

1. Install Dependencies

npm install
# or
pnpm install

2. Start the Dev Server

quasar dev

3. Build for Production

quasar build

🥪 Testing (Planned)

# Unit tests (Vitest)
npm run test:unit

# E2E tests (Cypress)
npm run test:e2e

📦 Recommended Quasar Extensions

quasar ext add @quasar/pwa       # PWA mode
quasar ext add @quasar/testing   # Testing utils

🧹 Linting & Formatting

npm run lint
npm run format

Pre-commit hooks are managed with:

🧠 Notes

All routes are prefixed for internal navigation.
Common services and components live in modules/shared/.
Avoid placing OIDC or sensitive logic in the frontend — everything auth-related is delegated to the backend.

📄 License

This project is proprietary and internal to [Targo Communication].