/**
 * Copyright (c) 2021-2022 Huawei Device Co., Ltd.
 * 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.
 */

import { Log } from '@ohos/common';
import { StyleConstants } from '@ohos/common';
import { CommonConstants } from '@ohos/common';
import { windowManager } from '@ohos/common';
import { LayoutViewModel } from '@ohos/common';
import { SmartDock } from '@ohos/smartdock/component';
import { AppGridLayout } from '@ohos/appcenter/component';
import { AppGridViewModel } from '@ohos/appcenter';

const TAG = 'AppCenterView';

interface AnimationInfo {
  appScaleX: number;
  appScaleY: number;
}

@Entry
@Component
struct AppCenterView {
  @State workSpaceHeight: number = 0;
  @State dockHeight: number = 0;
  @State device: string = CommonConstants.PAD_DEVICE_TYPE;
  private mLayoutViewModel?: LayoutViewModel;
  mAppGridViewModel: AppGridViewModel = AppGridViewModel.getInstance();
  @StorageLink('animationInfo_alpha') mAppAlpha: number = 1.0;
  @StorageLink('animationInfo_scale') mAnimationInfo: AnimationInfo = {
    appScaleX: 1.0,
    appScaleY: 1.0,
  }

  aboutToAppear(): void {
    Log.showInfo(TAG, 'aboutToAppear');
    AppStorage.setOrCreate('deviceType', this.device);
    this.mLayoutViewModel = LayoutViewModel.getInstance();
  }

  onPageShow(): void {
    Log.showInfo(TAG, 'onPageShow');
    // move appCenter startup front when power on
    this.updateScreenSize();
    this.mAppGridViewModel = AppGridViewModel.getInstance();
    this.mAppGridViewModel.registerAppListChange();
    this.mAppGridViewModel.registerEventListener();
  }

  onPageHide(): void {
    Log.showInfo(TAG, 'onPageHide');
  }

  aboutToDisappear(): void {
    Log.showInfo(TAG, 'aboutToDisappear');
    this.mAppGridViewModel.unregisterAppListChange();
    this.mAppGridViewModel.unregisterEventListener();
  }

  private async updateScreenSize(): Promise<void> {
    this.workSpaceHeight = LayoutViewModel.getInstance().getWorkSpaceHeight() as number;
    this.dockHeight = LayoutViewModel.getInstance().getDockHeight() as number;
  }

  onBackPress(): boolean {
    Log.showInfo(TAG, 'onBackPress');
    AppStorage.setOrCreate('selectDesktopAppItem', '');
    windowManager.destroyWindow(windowManager.APP_CENTER_WINDOW_NAME);
    return true;
  }

  private buildLog(): boolean {
    Log.showDebug(TAG, 'AppCenterView buildLog');
    return true;
  }

  build() {
    Stack() {
      if (this.buildLog()) {}
      Column() {
        Column() {
          AppGridLayout();
        }
        .padding({
          top: StyleConstants.DEFAULT_28
        })
        .alignItems(HorizontalAlign.Center)
        .justifyContent(FlexAlign.Center)

        Column() {
          SmartDock();
        }
        .height(this.dockHeight)
      }
      .width('100%')
      .height('100%')
      .scale({ x: this.mAnimationInfo.appScaleX, y: this.mAnimationInfo.appScaleY })
      .opacity(this.mAppAlpha)
    }
    .backgroundImage('/common/pics/ic_wallpaper_recent.jpg')
    .backgroundImageSize(ImageSize.Cover)
    .width('100%')
    .height('100%')
    .onClick(() => {
      Log.showInfo(TAG, 'click appcenter area');
      const contextFlag: boolean = AppStorage.get('contextMenuState') as boolean;
      Log.showInfo(TAG, 'onClick contextFlag: ' + contextFlag);
      if (contextFlag && !ContextMenu.close()) {
        AppStorage.setOrCreate('contextMenuState', false);
      } else {
        this.onBackPress();
      }
    })
  }
}