import { Injectable } from '@angular/core';
import { Router } from '@angular/router';
import { OAuthService } from 'angular-oauth2-oidc';
import { Store, Action } from '@ngrx/store';
import { Effect, Actions,ofType } from '@ngrx/effects';
import { Observable ,  defer ,  of } from 'rxjs';
import { withLatestFrom,mergeMap,switchMap,map,catchError} from 'rxjs/operators';
import * as appCommonActions from '../actions/app-common.actions';
import * as appCommonReducers from '../reducers/app-common.reducer';
import { ItemService } from '../services/item.service';
import { FolderService } from '../services/folder.service';
import { UserService } from '../services/user.service';
import { IItemTypes } from '../models/item.types';
import { IListItem } from '../models/list.item';
import { IUser } from '../models/user';
import {IQueryState} from '../models/query.state';
import {StateSerializerService} from '../services/state-serializer.service';

@Injectable()
export class AppCommonEffects {

  @Effect({ dispatch: false })
  login$: Observable<Action> = this.actions$.pipe(
    ofType(appCommonActions.LOGIN),
    withLatestFrom(this.store$.select(appCommonReducers.selectGetInitialized)),
    mergeMap(([action, initialized]) => {
      var a = (action as appCommonActions.Login);
      this.oauthService$.initImplicitFlow(a.url);
      return [];
    }));

  @Effect()
  loadItemTypes$: Observable<Action> = this.actions$.pipe(
    ofType(appCommonActions.LOADITEMTYPES),
    switchMap((action) => {
      return this.itemService$.getItemTypes().pipe(
        map((itemTypes: IItemTypes) => new appCommonActions.LoadItemTypesSuccess(itemTypes)),
        catchError(error => of(new appCommonActions.Fail(error))))
      }
  ));

  @Effect()
  initUser$: Observable<Action> = this.actions$.pipe(
    ofType(appCommonActions.INITUSER),
    withLatestFrom(this.store$.select(appCommonReducers.selectGetInitialized)),
    switchMap(([action, initialized]) => {
      if(!initialized) {
      return this.userService$.getCurrentUser().pipe(
        map((user: IUser) => new appCommonActions.InitUserSuccess(user)),
        catchError(error => of(new appCommonActions.Fail(error))))
      } else {
        return [];
      }
    }
  ));

  @Effect()
  initUserSuccess$: Observable<Action> = this.actions$.pipe(
    ofType(appCommonActions.INITUSERSUCCESS),
    switchMap(() => {
      return of(new appCommonActions.InitRoot());
    }
    ));

  @Effect()
  initRoot$: Observable<Action> = this.actions$.pipe(
    ofType(appCommonActions.INITROOT),
    switchMap(() => {
      return this.folderService$.getMyRoots().pipe(
        map((folders: IListItem[]) => new appCommonActions.InitRootSuccess(folders)),
        catchError(error => of(new appCommonActions.Fail(error))))
    }
    ));

  @Effect()
  deleteItems$: Observable<Action> = this.actions$.pipe(
    ofType(appCommonActions.DELETEITEMS),
    switchMap((action:appCommonActions.DeleteItems) => {
      return this.itemService$.deleteItems(action.itemCodes).pipe(
        map((deletedItemCodes: string[]) => new appCommonActions.DeleteItemsSuccess(deletedItemCodes)),
        catchError(error => of(new appCommonActions.Fail(error))))
    }
  ));

  @Effect()
  editItem$: Observable<Action> = this.actions$.pipe(
      ofType(appCommonActions.EDITITEM),
      withLatestFrom(this.store$.select(appCommonReducers.selectGetItemTypes)),
      switchMap(([action, itemtypes]) => {
        var a = action as appCommonActions.EditItem;
        var itemType = itemtypes[a.item.itemType];
        var editor = itemType.editor ? itemType.editor : "property";
      this.router$.navigate(['/editor',editor,'item', a.item.code])
      return [];
    }
  ));

  @Effect()
  viewItem$: Observable<Action> = this.actions$.pipe(
    ofType(appCommonActions.VIEWITEM),
    withLatestFrom(this.store$.select(appCommonReducers.selectGetItemTypes)),
    switchMap(([action, itemtypes]) => {
      var a = action as appCommonActions.EditItem;
      var itemType = itemtypes[a.item.itemType];
      var viewer = itemType.viewer;
      var editor = itemType.editor;
      if(viewer == 'select_as_mapitem' || viewer == 'show_as_featurelist') {
        let queryState = {
          itemCode: (viewer == 'show_as_featurelist')?null:a.item.code,
          parentCode: (viewer == 'show_as_featurelist')?a.item.code:null,
          level: 1,
          itemType: (viewer == 'show_as_featurelist')?a.item.itemType:null,
          bboxFilter: false,
          query: null,
          tags: null,
          endDate: null,
          startDate: null,
          bbox: []
        };
        let query = this.stateSerializerService$.serialize(queryState);
        this.router$.navigate(['/map', query ])
      }else if(viewer == 'edit_in_editor') {
        this.router$.navigate(['/editor', editor, 'item', a.item.code])
      } else  {
        this.router$.navigate(['/viewer', viewer, 'item', a.item.code])
      }
      return [];
    }
    ));

 
  @Effect({ dispatch: false })
  fail$: Observable<Action> = this.actions$.pipe(
    ofType(appCommonActions.FAIL),
    map((action) => {
      let failAction = action as appCommonActions.Fail;
      console.debug(failAction.payload)
      return null;
    }));

  constructor(private actions$: Actions, private store$: Store<appCommonReducers.State>, private oauthService$: OAuthService, private itemService$: ItemService, private folderService$:FolderService, private userService$: UserService, private router$: Router, private stateSerializerService$:StateSerializerService) {
    store$.dispatch(new appCommonActions.LoadItemTypes());
  }
}