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