Importazioni
- importa tutto da “configJson” a cui viene assegnato il contenuto di ../../config.json
Definizioni della classe (pre-constructor)
La classe definisce:
- varabili:
- un oggetto BCD {}, l’oggetto per eccellenza, quello che conterrà tutto.
- una var “externalConfig” a cui vengono assegnati tutti i dati contenuti nella variabile configJson che è definita in importazione da file esterno (../../config.json)
- una var “mdQuery” a cui viene assegnato il valore di “xs”:
- la variabile definisce il responsivo attualmente attivo fra i possibili: xs, sm, md, lg, xl. La variabile viene continuamente analizzata al variare della larghezza/altezza del viewport in quanto, il primo elemento all’interno del componente APP-ROOT ha un one way binding che alla modifica della vista (window.resize) lancia la funzione BCD__getMedia($event).
Al variare del valore della variabile mdQuery gira la funzione getMediaClasses() che sulla base del valore di mdQuery, definisce le classi attive.
- la variabile definisce il responsivo attualmente attivo fra i possibili: xs, sm, md, lg, xl. La variabile viene continuamente analizzata al variare della larghezza/altezza del viewport in quanto, il primo elemento all’interno del componente APP-ROOT ha un one way binding che alla modifica della vista (window.resize) lancia la funzione BCD__getMedia($event).
- una var “title” a cui è assegnato il valore “Blue Cellar Door AppComponent title var value”, un valorevdi partenza FAKE che deve cambiare nel corso dei passaggi dell’oggetto BCD alle varie componenti.
Il costruttore
Il costruttore della classe (constructor) :
- definisce l’observer e l’observable per tenere sotto controlloi cambiamenti fondamentali a livello di app
- assegna a BCD.config (param inizializzato vuoto) i valori della var “externalConfig”
- ci aiuta a comprendere come vediamo le var della classe facendo un console.log di this.BCD.
ngOnInit()
(parte del lifeCycle della direttiva)
La funzione:
- setta la prima variabile del processo di accertamento della sicurezza del sistema this.BCD.safePlayProcess.init al valore true.
- lancia il servizio di osservazione WatchSafePlayProcess
- lancia la funzione this.BCD__getMedia() per definire il responsivo e le classi attive per il responsivo in cui ci troviamo;
- lancia la funzione principale del processo di accertamento della sicurezza: BCD_safePlayProcessInit()