import { CompStyle } from 'wdConstant';
import { CompDTO, ContentDTO } from 'wdBean';
import { Card2Component } from './cardview/Card2Component';
import { Card3Component } from './cardview/Card3Component';
import { Card4Component } from './cardview/Card4Component';
import { Card5Component } from './cardview/Card5Component';
import { Card6Component } from './cardview/Card6Component';
import { Card10Component } from './cardview/Card10Component';
import { Card11Component } from './cardview/Card11Component';
import { Card12Component } from './cardview/Card12Component';
import { Card14Component } from './cardview/Card14Component';
import { Card15Component } from './cardview/Card15Component';
import { Card16Component } from './cardview/Card16Component';
import { Card17Component } from './cardview/Card17Component';
import { Card19Component } from './cardview/Card19Component';
import { Card20Component } from './cardview/Card20Component';
import { Card21Component } from './cardview/Card21Component';
import { SearchContentComponent } from './cardview/SearchContentComponent';
import { DateTimeUtils } from 'wdKit/Index';
import { TrackConstants, TrackingPageBrowse } from 'wdTracking/Index';
import { LiveBigImage02Component } from './cardview/LiveBigImage02Component';
import { LiveBigImage01Component } from './cardview/LiveBigImage01Component';

/**
 * card适配器，卡片样式汇总，依据ContentDTO#appStyle
 * 卡片样式，最小单元样式布局
 */
@Component
export struct CardParser {
  @State pageId: string = '';
  @State pageName: string = '';
  @State contentDTO: ContentDTO = new ContentDTO();
  @State compIndex: number = 0;
  @ObjectLink compDTO: CompDTO
  pageShowTime: number = 0;
  pageHideTime: number = 0;
  isPeopleShipHome: boolean = false;

  aboutToAppear(): void {
    console.log('CardParser-', JSON.stringify(this.contentDTO))
  }

  onPageShow() {
    this.pageShowTime = DateTimeUtils.getTimeStamp()
  }

  //内容浏览Tracking
  onPageHide(): void {
    this.pageHideTime = DateTimeUtils.getTimeStamp()
    let duration = 0
    duration = Math.floor((this.pageHideTime - this.pageShowTime) / 1000)
    TrackingPageBrowse.trackCommonPageExposureEnd(TrackConstants.PageName.Customer_Personal,
      TrackConstants.PageName.Customer_Personal, duration)
  }

  build() {
    this.contentBuilder(this.contentDTO);
  }

  @Builder
  contentBuilder(contentDTO: ContentDTO) {
    // Card6Component({ compDTO: this.compDTO, contentDTO: this.contentDTO })
    if (!!contentDTO.contentText) {
      SearchContentComponent({
        contentDTO,
        compDTO: this.compDTO,
        pageId: this.pageId,
        pageName: this.pageName
      })
    } else {
      if (contentDTO.appStyle === CompStyle.Card_02) {
        Card2Component({
          compDTO: this.compDTO,
          contentDTO,
          pageId: this.pageId,
          pageName: this.pageName
        })
      } else if (contentDTO.appStyle === CompStyle.Card_03) {
        Card3Component({
          compDTO: this.compDTO,
          contentDTO,
          pageId: this.pageId,
          pageName: this.pageName
        })
      } else if (contentDTO.appStyle === CompStyle.Card_04) {
        Card4Component({
          compDTO: this.compDTO,
          contentDTO,
          pageId: this.pageId,
          pageName: this.pageName
        })
      } else if (contentDTO.appStyle === CompStyle.Card_05) {
        Card5Component({
          compDTO: this.compDTO,
          contentDTO,
          titleShowPolicy: this.compDTO.titleShowPolicy,
          pageId: this.pageId,
          pageName: this.pageName
        })
      } else if (contentDTO.appStyle === CompStyle.Card_06 || contentDTO.appStyle === CompStyle.Card_13) {
        Card6Component({
          compDTO: this.compDTO,
          contentDTO: this.contentDTO,
          pageId: this.pageId,
          pageName: this.pageName
        })
      } else if (contentDTO.appStyle === CompStyle.Card_10 || contentDTO.appStyle === CompStyle.Card_09) {
        Card10Component({
          compDTO: this.compDTO,
          contentDTO,
          pageId: this.pageId,
          pageName: this.pageName
        })
      } else if (contentDTO.appStyle === CompStyle.Card_11) {
        Card11Component({
          compDTO: this.compDTO,
          contentDTO,
          pageId: this.pageId,
          pageName: this.pageName
        })
      } else if (contentDTO.appStyle === CompStyle.Card_12) {
        Card12Component({
          compDTO: this.compDTO,
          contentDTO,
          pageId: this.pageId,
          pageName: this.pageName
        })
      } else if (contentDTO.appStyle === CompStyle.Card_14) {
        Card14Component({
          contentDTO,
          compDTO: this.compDTO,
          pageId: this.pageId,
          pageName: this.pageName
        })
      } else if (contentDTO.appStyle === CompStyle.Card_15) {
        Card15Component({
          contentDTO,
          compDTO: this.compDTO,
          pageId: this.pageId,
          pageName: this.pageName
        })
      } else if (contentDTO.appStyle === CompStyle.Card_16) {
        Card16Component({
          contentDTO,
          compDTO: this.compDTO,
          pageId: this.pageId,
          pageName: this.pageName
        })
      } else if (contentDTO.appStyle === CompStyle.Card_17) {
        Card17Component({
          compDTO: this.compDTO,
          contentDTO,
          pageId: this.pageId,
          pageName: this.pageName
        })
      } else if (contentDTO.appStyle === CompStyle.Card_19) {
        Card19Component({
          contentDTO,
          compDTO: this.compDTO,
          pageId: this.pageId,
          pageName: this.pageName
        })
      } else if (contentDTO.appStyle === CompStyle.Card_20) {
        Card20Component({
          contentDTO,
          compDTO: this.compDTO,
          pageId: this.pageId,
          pageName: this.pageName,
          isPeopleShipHome:this.isPeopleShipHome
        })
      } else if (contentDTO.appStyle === CompStyle.Card_21) {
        Card21Component({
          contentDTO,
          compDTO: this.compDTO,
          pageId: this.pageId,
          pageName: this.pageName
        })
      } else if (contentDTO.appStyle === CompStyle.Card_Comp_Live_Big_Image_01) {
        LiveBigImage01Component({
          contentDTO: contentDTO,
          compDTO: this.compDTO,
          pageId: this.pageId,
          pageName: this.pageName,
          index: this.compIndex
        })
      } else if (contentDTO.appStyle === CompStyle.Card_Comp_Live_Big_Image_02) {
        LiveBigImage02Component({
          contentDTO: contentDTO,
          compDTO: this.compDTO,
          pageId: this.pageId,
          pageName: this.pageName,
          index:this.compIndex
        })
      } else {
        // todo:组件未实现 / Component Not Implemented
        // Text(contentDTO.appStyle)
        //   .width(CommonConstants.FULL_PARENT)
        //   .padding(10)
        // .backgroundColor(Color.Brown) // 展示本页未实现的compStyle
      }
    }
  }
}