webapp-frontend/src/app/app.component.ts

/*-
 * ========================LICENSE_START=================================
 * O-RAN-SC
 * %%
 * Copyright (C) 2019 AT&T Intellectual Property
 * %%
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================LICENSE_END===================================
 */
import { Component, OnInit } from '@angular/core';
import { UiService } from './services/ui/ui.service';
import { CookieService } from 'ngx-cookie-service';

@Component({
  selector: 'nrcp-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {
  darkMode: boolean;
  private 'DARK_MODE_COOKIE' = 'darkMode';

  constructor(private cookieService: CookieService, private ui: UiService) {
  }

  ngOnInit() {
    const dark = this.cookieService.get(this.DARK_MODE_COOKIE);
    if (dark) {
      this.ui.darkModeState.next(dark === 'yes');
    }

    this.ui.darkModeState.subscribe((value) => {
      this.darkMode = value;
    });
  }

  modeToggleSwitch() {
    this.ui.darkModeState.next(!this.darkMode);
    this.cookieService.set(this.DARK_MODE_COOKIE, this.darkMode ? 'yes' : 'no');
  }
}