ambari-logsearch-web/src/app/components/audit-logs-entries/audit-logs-entries.component.ts

/**
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You 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 { Component, Input } from '@angular/core';
import { FormGroup } from '@angular/forms';
import { GraphEmittedEvent } from '@app/classes/graph';
import { ListItem } from '@app/classes/list-item';
import { HomogeneousObject, AuditLogsFieldSet, LogField, AuditLogsFieldsSetRootKeys } from '@app/classes/object';
import { AuditLog } from '@app/classes/models/audit-log';
import { LogTypeTab } from '@app/classes/models/log-type-tab';
import { LogsContainerService } from '@app/services/logs-container.service';
import { Store } from '@ngrx/store';
import { AppStore } from '@app/classes/models/store';
import { selectAuditLogsFieldState } from '@app/store/selectors/audit-logs-fields.selectors';
import { Observable } from 'rxjs/Observable';

@Component({
  selector: 'audit-logs-entries',
  templateUrl: './audit-logs-entries.component.html',
  styleUrls: ['./audit-logs-entries.component.less']
})
export class AuditLogsEntriesComponent {

  @Input()
  logs: AuditLog[] = [];

  @Input()
  columns: ListItem[] = [];

  @Input()
  filtersForm: FormGroup;

  @Input()
  totalCount = 0;

  @Input()
  commonFieldNames: string[] = [];

  tabs: LogTypeTab[] = [
    {
      id: 'summary',
      isActive: true,
      label: 'common.summary'
    }, {
      id: 'logs',
      isActive: false,
      label: 'common.logs'
    }
  ];

  /**
   * Id of currently active tab (Summary or Logs)
   * @type {string}
   */
  activeTab = 'summary';

  /**
   * 'left' CSS property value for context menu dropdown
   * @type {number}
   */
  contextMenuLeft = 0;

  /**
   * 'top' CSS property value for context menu dropdown
   * @type {number}
   */
  contextMenuTop = 0;

  readonly usersGraphTitleParams = {
    number: this.logsContainer.topUsersCount
  };

  readonly resourcesGraphTitleParams = {
    number: this.logsContainer.topResourcesCount
  };

  private readonly resourceFilterParameterName = 'resource';

  /**
   * Text for filtering be resource type (set from Y axis tick of Resources chart)
   * @type {string}
   */
  private selectedResource = '';

  fields$: Observable<AuditLogsFieldSet> = this.store.select(selectAuditLogsFieldState);

  columns$: Observable<ListItem[]> = this.fields$.map((fieldSet: AuditLogsFieldSet): ListItem[] => {
    let columns: {[key: string]: string} = {// flattening the audit logs field set to field-name: field-label map
      ...this.getNameLabelMapFromLogFieldList(fieldSet[AuditLogsFieldsSetRootKeys.DEFAULTS]),
      ...(Object.keys(fieldSet[AuditLogsFieldsSetRootKeys.OVERRIDES]).reduce(
        (currentColumns: {[key: string]: string}, componentName: string) => ({
          ...currentColumns,
          ...this.getNameLabelMapFromLogFieldList(fieldSet[AuditLogsFieldsSetRootKeys.OVERRIDES][componentName])
        }), {}
      ))
    };
    return Object.keys(columns).reduce((listItems: ListItem[], fieldName: string): ListItem[] => ([ // creating ListItem too feed the dropdown
      ...listItems,
      {
        value: fieldName,
        label: columns[fieldName]
      }
    ]), []);
  });

  constructor(
    private logsContainer: LogsContainerService,
    private store: Store<AppStore>
  ) {}

  get topResourcesGraphData(): HomogeneousObject<HomogeneousObject<number>> {
    return this.logsContainer.topResourcesGraphData;
  }

  get topUsersGraphData(): HomogeneousObject<HomogeneousObject<number>> {
    return this.logsContainer.topUsersGraphData;
  }

  get isContextMenuDisplayed(): boolean {
    return Boolean(this.selectedResource);
  }

  get contextMenuItems(): ListItem[] {
    return this.logsContainer.queryContextMenuItems;
  }

  getNameLabelMapFromLogFieldList(logFieldList: LogField[]): {[key: string]: string} {
    return logFieldList.reduce(
      (map: {[key: string]: string}, field: LogField) => ({
        ...map,
        [field.name]: field.label || field.name
      }), {}
    );
  }

  setActiveTab(tab: LogTypeTab): void {
    this.activeTab = tab.id;
  }

  showContextMenu(event: GraphEmittedEvent<MouseEvent>): void {
    this.contextMenuLeft = event.nativeEvent.clientX;
    this.contextMenuTop = event.nativeEvent.clientY;
    this.selectedResource = event.tick;
  }

  updateQuery(event: ListItem): void {
    this.logsContainer.queryParameterAdd.next({
      name: this.resourceFilterParameterName,
      value: this.selectedResource,
      isExclude: event.value
    });
  }

  onContextMenuDismiss(): void {
    this.selectedResource = '';
  }

}