認証に基づいて身体の背景色を変更する

-1

私はEmberアプリケーションを構築しています。私のホームページのページで私の体の背景色は私たちのウェブサイトの青ですが、ユーザーがログインすると、私は体の背景色を白に変えたいと思います。ユーザーが認証された後に変更される動的なボディの背景色を設定するにはどうすればよいですか？ここで認証に基づいて身体の背景色を変更する

は私の体のCSSです：

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

出典

2016-06-30 Nick Emmons

私は次の操作を実行することをお勧め：

1）アプリケーションではここ

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

は、私が書いた計算されたプロパティです。 hbsアプリケーション全体のコンテナを作成する：

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

2）アプリケーションコントローラで、承認に依存する計算されたプロパティisAuthorizedを作成します。 authとno-authクラス

出典

2016-06-30 12:40:06

のCSSの変更の背景には

3）あなたは、計算のためのプロパティが 'isAuthorized'どのように見えるかをもう少し説明してもらえますか？私は私の答えに書かれた計算されたプロパティを追加しましたが、それは動作していないようです。 –

@NickEmmonsそれはあなたの認証ソリューションに依存しています。使用するライブラリをドキュメントで調べるべきです。例えば、[ember-simple-auth]（https://github.com/simplabs/ember-simple-auth#basic-usage）は、そのような目的でセッションサービスを提供します。 –

@NickEmmons認証に何を使用しますか？ユーザーが認証されている場合、どのようなテンプレートをチェックインするのですか？ –

認証に基づいて身体の背景色を変更する

答えて

関連する問題