Uweheuerfrontend: Difference between revisions
(→Build) |
(→Run) |
||
| Line 11: | Line 11: | ||
===Run=== | ===Run=== | ||
====Local==== | |||
* see <code>angular.json</code> | * see <code>angular.json</code> | ||
ng serve --configuration local_docker | ng serve --configuration local_docker | ||
ng serve --configuration local_dev | ng serve --configuration local_dev | ||
====Docker==== | |||
docker run --name uweheuerfrontendcontainer -d -p 82:80 uweheuerfrontend | |||
====Docker Compose==== | |||
* see [[Uweheuerbackend#Docker_Compose|UweHeuer Backend]] | |||
===Application State=== | ===Application State=== | ||
Revision as of 22:26, 21 January 2023
Documentation
- see
C:\Uwes\owncloud\documents\Software_Development\MyDevelopments\uweheuer.drawio
Build
Development Laptop
- see
angular.json
ng build --configuration=local_docker
Docker
docker build --tag uweheuerfrontend .
Run
Local
- see
angular.json
ng serve --configuration local_docker ng serve --configuration local_dev
Docker
docker run --name uweheuerfrontendcontainer -d -p 82:80 uweheuerfrontend
Docker Compose
- see UweHeuer Backend
Application State
/services/application-state.ts- manages the application state as BehaviorSubject, a sub-type of Observable and expose the state as Observable
/services/application-state.service.ts- in ctor:
- subscribe to Angular SWUpdate service
- setup regular SW version check
- in ctor:
- for communication with the side area and content there is a dedicated service in
sidenav.service.ts:- offers a toggle method for the side area which is called in the header burger menu
- definition in
app.component.html - in corresponding ts code:
- set the DOM object '#mysidenav' side area in the sidenav service