/**
 * ============LICENSE_START========================================================================
 * ONAP : ccsdk feature sdnr wt odlux
 * =================================================================================================
 * Copyright (C) 2019 highstreet technologies GmbH Intellectual Property. All rights reserved.
 * =================================================================================================
 * 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 * as React from "react";
import { faBook } from '@fortawesome/free-solid-svg-icons';

import applicationManager from '../../../framework/src/services/applicationManager';

import { withRouter, RouteComponentProps, Route, Switch, Redirect } from 'react-router-dom';
import performanceHistoryRootHandler from './handlers/performanceHistoryRootHandler';
import { PmDataInterval } from './models/performanceDataType';
import PerformanceHistoryApplication from './views/performanceHistoryApplication';
import { ApplicationStore } from '../../../framework/src/store/applicationStore';

import connect, { Connect, IDispatcher } from '../../../framework/src/flux/connect';
import { IApplicationStoreState } from "../../../framework/src/store/applicationStore";
import { updateMountIdActionCreator } from "./actions/deviceListActions";
import { ResetAllSubViewsAction } from "./actions/toggleActions";
import { ResetLtpsAction } from "./actions/ltpAction";
import { ReloadAction } from "./actions/reloadAction";

let api: {
  readonly applicationStore: ApplicationStore | null;
  readonly applicationStoreInitialized: Promise<ApplicationStore>;
}

const mapProps = (state: IApplicationStoreState) => ({
});

const mapDisp = (dispatcher: IDispatcher) => ({
  updateMountId: (mountId: string) => dispatcher.dispatch(updateMountIdActionCreator(mountId)),
  resetLtps: () => dispatcher.dispatch(new ResetLtpsAction()),
  resetSubViews: () => dispatcher.dispatch(new ResetAllSubViewsAction()),
  setScheduleReload: (show: boolean) => dispatcher.dispatch(new ReloadAction(show))
});

let currentMountId: string | null = null;
let lastUrl: string = "/performanceHistory";
const PerformanceHistoryApplicationRouteAdapter = connect(mapProps, mapDisp)((props: RouteComponentProps<{ mountId?: string }> & Connect<typeof mapProps, typeof mapDisp>) => {
  let mountId: string = "";

  // called when component finshed mounting
  React.useEffect(() => {

    lastUrl = props.location.pathname;
    mountId = getMountId(lastUrl);

    if (currentMountId !== mountId) { // new element is loaded
      currentMountId = mountId;
      schedueleReload(currentMountId);
    } else
      if (currentMountId !== "") { // same element is loaded again
        schedueleReload(currentMountId);
      }
  }, []);

  // called when component gets updated
  React.useEffect(() => {

    lastUrl = props.location.pathname;
    mountId = getMountId(lastUrl);

    if (currentMountId !== mountId) {
      currentMountId = mountId;
      schedueleReload(currentMountId);
    }

  });

  const getMountId = (lastUrl: string) => {
    let index = lastUrl.lastIndexOf("performanceHistory/");
    if (index >= 0) {
      mountId = lastUrl.substr(index + 19);
    } else {
      mountId = "";
    }

    return mountId;
  }

  const schedueleReload = (currentMountId: string) => {
    props.updateMountId(currentMountId);
    props.resetLtps();
    props.resetSubViews();
    props.setScheduleReload(true);
  }

  return (
    <PerformanceHistoryApplication />
  );
});

const PerformanceHistoryRouterApp = withRouter((props: RouteComponentProps) => {
  props.history.action = "POP";
  return (
    <Switch>
      <Route path={`${props.match.path}/:mountId`} component={PerformanceHistoryApplicationRouteAdapter} />
      <Route path={`${props.match.path}`} component={PerformanceHistoryApplicationRouteAdapter} />
      <Redirect to={`${props.match.path}`} />
    </Switch>
  )
});

export function register() {
  api = applicationManager.registerApplication({
    name: "performanceHistory",
    icon: faBook,
    rootComponent: PerformanceHistoryRouterApp,
    rootActionHandler: performanceHistoryRootHandler,
    menuEntry: "Performance"
  });
}

export function setPmDataInterval(pmDataInterval: PmDataInterval): boolean {
  let reload: boolean = true;
  if (api && api.applicationStore) {
    if (api.applicationStore.state.performanceHistory.pmDataIntervalType !== pmDataInterval) {
      reload = true;
    }
    api.applicationStore.state.performanceHistory.pmDataIntervalType = pmDataInterval;
  }
  return reload;
}


export function getPmDataInterval(): PmDataInterval {
  let result = api && api.applicationStore
    ? api.applicationStore.state.performanceHistory.pmDataIntervalType
    : PmDataInterval.pmInterval15Min;
  return result ? result : PmDataInterval.pmInterval15Min;
}