Ändern der Körperhintergrundfarbe basierend auf Authentifizierung

Question

Ich baue eine Ember-Anwendung. Auf meiner Homepage-Seite ist meine Körperhintergrundfarbe blau, aber wenn sich ein Benutzer anmeldet, möchte ich, dass die Körperhintergrundfarbe in weiß geändert wird. Wie kann ich eine dynamische Körperhintergrundfarbe festlegen, die sich ändert, nachdem ein Benutzer authentifiziert wurde?

Hier ist mein Körper css:

body { 
    background-color: $process-blue; 
    font-family: 'Lato', sans-serif; 
    @include container(80%); 
} 

Hier die berechnete Eigenschaft schrieb ich:

myUser: null, 
    isAuthorized: Ember.computed('myUser', function() { 
    return this.get('firebaseApp').auth().currentUser !== null; 
    }), 

Answer 1

würde ich vorschlagen, die folgendes zu tun:

1) in Ihrer Anwendung. hbs erstellt einen Container für die gesamte Anwendung:

<div class={{if isAuthorized 'auth' 'no-auth'}}>{{outlet}}</div> 

2) Erstellen Sie im Anwendungscontroller eine berechnete Eigenschaft isAuthorized, die von der Autorisierung abhängig ist.

3) In CSS-Änderung Hintergrund für auth und no-auth Klassen