# matsen-tool-fe

# BEFORE Installation:
- npm -v (minimum is 8.0.0)
- node --version (minimum is 20.9.0)
- brew upgrade node
- npm install

## Installation
- npm i -g @angular/cli

### Only once 
- ng new matsen-tool --no-standalone
  - Standalone is now the new default in v17 (no app.module.ts)

- cd matsen-tool -> ng serve

## Install Bootstrap
- cd matsen-tool
- npm i bootstrap @popperjs/core --save
- npm install bootstrap-icons 

## Install Angular Material
- cd matsen-tool
- ng add @angular/material

## Generate Dummy data
- cd matsen-tool
- npm i @openapitools/openapi-generator-cli -D
- package.json: Scripts block:
  - "generate:api": "openapi-generator-cli generate -i ./openapi.yaml -g typescript-angular -o src/app/core/api/v1 -p=removeOperationIdPrefix=true"
- Java must be installed
- cd matsen-tool

## Generate services from openapi.yaml
- run sh generateApi.sh
- (npm run generate:api
  - Wenn es nicht geht: brew install java
  - sudo ln -sfn /opt/homebrew/opt/openjdk/libexec/openjdk.jdk /Library/Java/JavaVirtualMachines/openjdk.jdk
  - java -version)
  - ACHTUNG: In Datei src/app/core/api/v1/model/partnerJsonId.ts diese zwei Zeilen löschen:
    - readonly type?: string;

## Module anlegen
- cd app
- ng g m registration --route register --module app.module

## Interesting Links
- https://openapi-generator.tech/docs/installation
- https://www.kevinboosten.dev/how-i-use-an-openapi-spec-in-my-angular-projects

- https://material.angular.io/
- https://ng-bootstrap.github.io/#/home
- https://medium.com/ngconf/new-input-binding-for-ngcomponentoutlet-cb18a86a739d
- https://ng-bootstrap.github.io/#/components/typeahead/examples

## Install for autogeneration of forms:
- brew install jq