src/app/service-graph/services/graph.config.ts

/*
 * Copyright 2017-present Open Networking Foundation

 * 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.
 */

import * as $ from 'jquery';
import {IXosKeyboardShortcutService} from '../../core/services/keyboard-shortcut';
import {IXosSgConfig} from '../interfaces';
import {IXosGraphStore} from './graph.store';

export interface IXosGraphConfig {
  getUserConfig(): IXosSgConfig;
  setupKeyboardShortcuts(): void;
  toggleFullscreen(): void;
}

export class XosGraphConfig {

  static $inject = [
    '$log',
    '$cookies',
    '$rootScope',
    '$timeout',
    'XosKeyboardShortcut',
    'XosGraphStore'
  ];

  private defaultUserConfig: IXosSgConfig = {
    labels: false
  };

  private userConfig: IXosSgConfig = this.defaultUserConfig;

  constructor (
    private $log: ng.ILogService,
    private $cookies: ng.cookies.ICookiesService,
    private $rootScope: ng.IRootScopeService,
    private $timeout: ng.ITimeoutService,
    private XosKeyboardShortcut: IXosKeyboardShortcutService,
    private XosGraphStore: IXosGraphStore
  ) {
    this.userConfig = this.getUserConfig();


  }

  public setupKeyboardShortcuts() {

    this.$log.info(`[XosGraphConfig] Setting up keyboard shortcuts`);

    // Setup keyboard shortcuts
    this.XosKeyboardShortcut.registerKeyBinding({
      key: 'f',
      modifiers: ['shift'],
      cb: () => {
        this.toggleFullscreen();
      },
      label: 'f',
      description: 'Toggle graph fullscreen'
    });

    this.XosKeyboardShortcut.registerKeyBinding({
      key: 's',
      modifiers: ['shift'],
      cb: () => {
        // NOTE anytime the graph change the observable is updated,
        // no need to manually retrigger here
        this.XosGraphStore.toggleServiceInstances();
      },
      label: 's',
      description: 'Toggle ServiceInstances'
    });
  }

  public toggleFullscreen() {
    $('.graph-container').toggleClass('fullscreen');
    this.$timeout(() => {
      // NOTE wait for the CSS transition to complete before repositioning
      this.$rootScope.$broadcast('xos.sg.update');
    }, 500);
  }

  public getUserConfig(): IXosSgConfig {
    let config = this.$cookies.get('xos-service-graph-user-config');
    if (!config || config.length === 0) {
      this.$cookies.put('xos-service-graph-user-config', JSON.stringify(this.defaultUserConfig));
      config = this.$cookies.get('xos-service-graph-user-config');
    }
    return JSON.parse(config);
  }
}