/// <reference path="../typings/index.d.ts" />
import * as angular from 'angular';

import 'angular-ui-router';
import 'angular-resource';
import 'angular-cookies';
import routesConfig from './routes';
import {xosDemoComponent} from './app/components/demo';
import {xosDashboardExtensionComponent} from './app/components/dashboard-extension';


angular.module('xos-sample-gui-extension', [
    'ui.router',
    'xosCore'
  ])
  .config(routesConfig)
  .component('demo', xosDemoComponent)
  .component('dashboardExtension', xosDashboardExtensionComponent)
  .run(function(
    $log: ng.ILogService,
    $state: ng.ui.IStateService,
    XosNavigationService: any,
    XosComponentInjector: any,
    XosKeyboardShortcut: any) {
    $log.info('[xos-sample-gui-extension] App is running');

    XosNavigationService.add({
      label: 'Example Extension',
      state: 'xos.xos-sample-gui-extension.example-route',
    });

    XosComponentInjector.injectComponent(
      '#dashboard-component-container',
      'dashboardExtension',
      {},
      '',
      false
    );

    XosKeyboardShortcut.registerKeyBinding({
        key: 'd',
        description: 'Alert popup',
        cb: () => {
          alert('This binding is provided by the "xos-sample-gui-extension"');
        },
      }, 'global');
  });