Frontend

Dipendenze

Angular CLI Node

Il kit include: ngx-translate for translation Esempio di rounting con auth guard, per l’autenticazione del token, in app-routing.module.ts Bootstrap4

Settings

Modificare environment.prod.ts o environment.cert.ts o environment.ts

Translator Extractor

npm run extract-translations

Development server

npm install

Esegui ng serve --open per un server di sviluppo. Navigare verso http: // localhost: 4200 /. L’app si ricaricherà automaticamente se tu modificare uno qualsiasi dei file di origine.

Build

Lanciare: ./build.sh

questo comando si occuperà di fare le varie build necessarie, creare un tag ed effettuare il push

Code scaffolding

Lanciare ng generate component component-name per generare un nuovo componente. Puoi anche usare ng generate directive|pipe|service|class|guard|interface|enum|module.

Auto Translate da Google Translate

npm install moment npm install lodash npm install superagent npm install superagent-promise node translate-json XXXX src/assets/i18n/it.json sl,en

Tema grafico

Installare a livello di sistema la dipendenza: npm install -g node-sass

Per compilare un tema: node-sass ./src/styles.scss -o ./src/assets/static/ --output-style compressed node-sass ./src/styles_red.scss -o ./src/assets/static/ --output-style compressed

aggiungere l’opzione -w per il watch: e.g.

node-sass ./src/styles_red.scss -o ./src/assets/static/ -w

Selezionare dal backend il tema per la Entity voluta

Build for local testing

ng build –prod –optimization=false –configuration staticlocal