import _ from 'lodash';
import coreModule from '../core_module';

/** @ngInject */
export function dashClass() {
  return {
    link: ($scope, elem) => {
      $scope.onAppEvent('panel-fullscreen-enter', () => {
        elem.toggleClass('panel-in-fullscreen', true);
      });

      $scope.onAppEvent('panel-fullscreen-exit', () => {
        elem.toggleClass('panel-in-fullscreen', false);
      });

      $scope.$watch('ctrl.dashboardViewState.state.editview', newValue => {
        if (newValue) {
          elem.toggleClass('dashboard-page--settings-opening', _.isString(newValue));
          setTimeout(() => {
            elem.toggleClass('dashboard-page--settings-open', _.isString(newValue));
          }, 10);
        } else {
          elem.removeClass('dashboard-page--settings-opening');
          elem.removeClass('dashboard-page--settings-open');
        }
      });
    },
  };
}

coreModule.directive('dashClass', dashClass);