sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-28 22:42:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merged PR 2038: feat(shared,crm): add Code 128 barcode generation library

Browse Source 
feat(shared,crm): add Code 128 barcode generation library

Implements new @isa/shared/barcode library with directive and component
for generating Code 128 barcodes using JsBarcode.

Features:
- Standalone Angular directive (svg[sharedBarcode])
- Standalone Angular component (<shared-barcode>)
- Signal-based reactive inputs
- SVG-based vector rendering
- Customizable colors, size, margins, fonts
- Comprehensive Vitest test coverage (39 tests)
- Storybook stories for both directive and component
- Integrated into customer loyalty card component

Changes:
- Created @isa/shared/barcode library with directive and component
- Added JsBarcode dependency (v3.12.1)
- Integrated barcode into customer loyalty card display
- Added Storybook stories for interactive documentation
- Fixed ui-switch story component reference
- Updated library reference documentation

Refs #5496

Related work items: #5496
This commit is contained in:
Lorenz Hilpert
2025-11-21 13:42:32 +00:00
committed by Nino Righi
parent 5f1d3a2c7b
commit 7a6a2dc49d
23 changed files with 2184 additions and 340 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
docs/library-reference.md
View File

@@ -1,11 +1,11 @@
# Library Reference Guide
> **Last Updated:** 2025-01-10
> **Angular Version:** 20.1.2
> **Last Updated:** 2025-11-20
> **Angular Version:** 20.3.6
> **Nx Version:** 21.3.2
> **Total Libraries:** 63
> **Total Libraries:** 72
All 63 libraries in the monorepo have comprehensive README.md documentation located at `libs/[domain]/[layer]/[feature]/README.md`.
All 72 libraries in the monorepo have comprehensive README.md documentation located at `libs/[domain]/[layer]/[feature]/README.md`.
**IMPORTANT: Always use the `docs-researcher` subagent** to retrieve and analyze library documentation. This keeps the main context clean and prevents pollution.
@@ -23,7 +23,7 @@ A comprehensive product availability service for Angular applications supporting
## Catalogue Domain (1 library)
### `@isa/catalogue/data-access`
A comprehensive product catalogue search and availability service for Angular applications, providing catalog item search, loyalty program integration, and specialized availability validation for download and delivery order types.
A comprehensive product catalogue search service for Angular applications, providing catalog item search and loyalty program integration.
**Location:** `libs/catalogue/data-access/`
@@ -37,7 +37,7 @@ A comprehensive checkout and shopping cart management library for Angular applic
**Location:** `libs/checkout/data-access/`
### `@isa/checkout/feature/reward-order-confirmation`
This library was generated with [Nx](https://nx.dev).
## Overview
**Location:** `libs/checkout/feature/reward-order-confirmation/`
@@ -57,8 +57,6 @@ A comprehensive loyalty rewards catalog feature for Angular applications support
**Location:** `libs/checkout/feature/reward-catalog/`
### `@isa/checkout/shared/reward-selection-dialog`
Angular library for managing reward selection in shopping cart context. Allows users to toggle between regular purchase and reward redemption using bonus points.
**Location:** `libs/checkout/shared/reward-selection-dialog/`
---
@@ -85,11 +83,9 @@ A comprehensive print management library for Angular applications providing prin
## Core Libraries (6 libraries)
### `@isa/core/auth`
Type-safe role-based authorization utilities with Angular signals integration for the ISA Frontend application. Provides Role enum, RoleService for programmatic checks, and IfRoleDirective for declarative template rendering with automatic JWT token parsing via OAuthService.
Type-safe role-based authorization utilities with Angular signals integration for the ISA Frontend application.
**Location:** `libs/core/auth/`
**Testing:** Vitest (18 passing tests)
**Features:** Signal-based reactivity, type-safe Role enum, zero-configuration OAuth2 integration
### `@isa/core/config`
A lightweight, type-safe configuration management system for Angular applications with runtime validation and nested object access.
@@ -118,19 +114,37 @@ A sophisticated tab management system for Angular applications providing browser
---
## CRM Domain (1 library)
## CRM Domain (5 libraries)
### `@isa/crm/data-access`
A comprehensive Customer Relationship Management (CRM) data access library for Angular applications providing customer, shipping address, payer, and bonus card management with reactive data loading using Angular resources.
**Location:** `libs/crm/data-access/`
### `@isa/crm/feature/customer-bon-redemption`
This library was generated with [Nx](https://nx.dev).
**Location:** `libs/crm/feature/customer-bon-redemption/`
### `@isa/crm/feature/customer-booking`
This library was generated with [Nx](https://nx.dev).
**Location:** `libs/crm/feature/customer-booking/`
### `@isa/crm/feature/customer-card-transactions`
This library was generated with [Nx](https://nx.dev).
**Location:** `libs/crm/feature/customer-card-transactions/`
### `@isa/crm/feature/customer-loyalty-cards`
This library was generated with [Nx](https://nx.dev).
**Location:** `libs/crm/feature/customer-loyalty-cards/`
---
## Icons (1 library)
### `@isa/icons`
This library was generated with [Nx](https://nx.dev).
## Overview
**Location:** `libs/icons/`
@@ -187,16 +201,16 @@ A specialized Angular component library for displaying and managing return recei
## Remission Domain (8 libraries)
### `@isa/remission/feature/remission-list`
Feature module providing the main remission list view with filtering, searching, item selection, and remitting capabilities for department ("Abteilung") and mandatory ("Pflicht") return workflows.
**Location:** `libs/remission/feature/remission-list/`
### `@isa/remission/data-access`
A comprehensive remission (returns) management system for Angular applications supporting mandatory returns (Pflichtremission) and department overflow returns (Abteilungsremission) in retail inventory operations.
**Location:** `libs/remission/data-access/`
### `@isa/remission/feature/remission-list`
Feature module providing the main remission list view with filtering, searching, item selection, and remitting capabilities for department ("Abteilung") and mandatory ("Pflicht") return workflows.
**Location:** `libs/remission/feature/remission-list/`
### `@isa/remission/feature/remission-return-receipt-details`
Feature component for displaying detailed view of a return receipt ("Warenbegleitschein") with items, actions, and completion workflows.
@@ -207,35 +221,45 @@ Feature component providing a comprehensive list view of all return receipts wit
**Location:** `libs/remission/feature/remission-return-receipt-list/`
### `@isa/remission/shared/return-receipt-actions`
Angular standalone components for managing return receipt actions including deletion, continuation, and completion workflows in the remission process.
**Location:** `libs/remission/shared/return-receipt-actions/`
### `@isa/remission/shared/product`
A collection of Angular standalone components for displaying product information in remission workflows, including product details, stock information, and shelf metadata.
**Location:** `libs/remission/shared/product/`
### `@isa/remission/shared/search-item-to-remit-dialog`
Angular dialog component for searching and adding items to remission lists that are not on the mandatory return list (Pflichtremission).
**Location:** `libs/remission/shared/search-item-to-remit-dialog/`
### `@isa/remission/shared/remission-start-dialog`
Angular dialog component for initiating remission processes with two-step workflow: creating return receipts and assigning package numbers.
**Location:** `libs/remission/shared/remission-start-dialog/`
### `@isa/remission/shared/return-receipt-actions`
Angular standalone components for managing return receipt actions including deletion, continuation, and completion workflows in the remission process.
**Location:** `libs/remission/shared/return-receipt-actions/`
### `@isa/remission/shared/search-item-to-remit-dialog`
Angular dialog component for searching and adding items to remission lists that are not on the mandatory return list (Pflichtremission).
**Location:** `libs/remission/shared/search-item-to-remit-dialog/`
---
## Shared Component Libraries (7 libraries)
## Shared Component Libraries (9 libraries)
### `@isa/shared/address`
Comprehensive Angular components for displaying addresses in both multi-line and inline formats with automatic country name resolution and intelligent formatting.
**Location:** `libs/shared/address/`
### `@isa/shared/barcode`
Angular library for generating Code 128 barcodes using [JsBarcode](https://github.com/lindell/JsBarcode).
**Location:** `libs/shared/barcode/`
### `@isa/shared/delivery`
This library was generated with [Nx](https://nx.dev).
**Location:** `libs/shared/delivery/`
### `@isa/shared/filter`
A powerful and flexible filtering library for Angular applications that provides a complete solution for implementing filters, search functionality, and sorting capabilities.
@@ -268,7 +292,7 @@ An accessible, feature-rich Angular quantity selector component with dropdown pr
---
## UI Component Libraries (16 libraries)
## UI Component Libraries (18 libraries)
### `@isa/ui/label`
A flexible label component for displaying tags and notices with configurable priority levels across Angular applications.
@@ -286,7 +310,7 @@ A comprehensive button component library for Angular applications providing five
**Location:** `libs/ui/buttons/`
### `@isa/ui/carousel`
A horizontal scroll container component with left/right navigation arrows, responsive behavior, keyboard support, and auto-hide functionality for Angular applications.
A horizontal scroll container component with left/right navigation arrows, responsive behavior, keyboard support, and auto-hide functionality.
**Location:** `libs/ui/carousel/`
@@ -345,6 +369,11 @@ A lightweight Angular structural directive and component for displaying skeleton
**Location:** `libs/ui/skeleton-loader/`
### `@isa/ui/switch`
This library provides a toggle switch component with an icon for Angular applications.
**Location:** `libs/ui/switch/`
### `@isa/ui/toolbar`
A flexible toolbar container component for Angular applications with configurable sizing and content projection.
@@ -357,13 +386,23 @@ A flexible tooltip library for Angular applications, built with Angular CDK over
---
## Utility Libraries (3 libraries)
## Utility Libraries (5 libraries)
### `@isa/utils/ean-validation`
Lightweight Angular utility library for validating EAN (European Article Number) barcodes with reactive forms integration and standalone validation functions.
**Location:** `libs/utils/ean-validation/`
### `@isa/utils/format-name`
This library was generated with [Nx](https://nx.dev).
**Location:** `libs/utils/format-name/`
### `@isa/utils/positive-integer-input`
This library was generated with [Nx](https://nx.dev).
**Location:** `libs/utils/positive-integer-input/`
### `@isa/utils/scroll-position`
## Overview