import { ContentDTO } from 'wdBean/Index'
import { DateTimeUtils } from 'wdKit/Index'
import { LottieView } from '../../components/lottie/LottieView';

/**
 * 这里是样式卡中，右下角显示的音视频信息
 * 目前已知：
 * 音频： 音频图标+时长
 * 视频：点播图标+时长；直播图标+'直播中'
 */
@Component
export struct CardMediaInfo {
  @State contentDTO: ContentDTO = new ContentDTO() // 如果有duraion，代表点播，显示时长；如果不传或者传0，显示直播中

  // objectType 0:不跳转 1:点播,2:直播,3:活动,4:广告,5:专题,6:链接,7:榜单,8:图文,9:组图,10:H5新闻,11:频道,12:组件,13:音频,
  // 14动态图文,15动态视频16问政；100人民号,101标签

  build() {
    Row() {
      if (this.contentDTO?.objectType === '1' || this.contentDTO?.objectType === '15') {
        // 点播、动态视频
        Row() {
          Image($r('app.media.card_play'))
            .mediaLogo()
          if (this.contentDTO.videoInfo != null) {
            Text(DateTimeUtils.getFormattedDuration(this.contentDTO.videoInfo.videoDuration * 1000))
              .mediaText()
          }
        }
      } else if (this.contentDTO.objectType === '2') {
        // liveInfo.liveState 直播新闻-直播状态 wait待开播running直播中end已结束cancel已取消paused暂停
        // 显示直播信息
        Row() {
          if (this.contentDTO?.liveInfo?.liveState === 'wait') {
            Image($r('app.media.card_wait'))
              .mediaLogo()
            Text('预约')
              .mediaText()
          } else if (this.contentDTO?.liveInfo?.liveState === 'running') {
             LottieView({
               name: 'live_status_wait',
               path: "lottie/live_detail_living.json",
               lottieWidth: 14,
               lottieHeight: 14,
               autoplay: true,
               loop: true,
              })
               .margin({
                 right: '2vp'
                })
            // Image($r('app.media.card_live'))
             // .mediaLogo()
            Text('直播中')
              .mediaText()
          } else if (this.contentDTO?.liveInfo?.liveState === 'end' && this.contentDTO?.liveInfo?.replayUri) {
            Image($r('app.media.card_play'))
              .mediaLogo()
            Text('回看')
              .mediaText()
          }else if(this.contentDTO?.liveInfo?.liveState === 'end' && !this.contentDTO?.liveInfo
             ?.replayUri){
              Text('已结束')
                .mediaText()
          }
          // } else if (this.contentDTO?.liveInfo?.liveState === 'end' && this.contentDTO?.liveInfo
          //   ?.replayUri) {
          //   // Image($r('app.media.card_live'))
          //   //   .mediaLogo()
          //   Text('直播结束')
          //     .mediaText()
          // }
        }
      } else if (this.contentDTO.objectType === '9') {
        // 显示组图；图片数量
        Row() {
          Image($r('app.media.card_image'))
            .mediaLogo()
          Text(`${this.contentDTO.photoNum}`)
            .mediaText()
        }
      } else if (this.contentDTO.objectType === '13') {
        // 显示音频信息
        Row() {
          Image($r('app.media.card_audio'))
            .mediaLogo()
          Text(DateTimeUtils.getFormattedDuration(this.contentDTO.voiceInfo.voiceDuration * 1000))
            .mediaText()
        }
      } else if (this.contentDTO.objectType === '4') {//广告标签
        Text($r('app.string.comp_advertisement'))
          .fontSize('10fp')
          .fontColor($r('app.color.white'))
          .width(28)
          .height(16)
          .backgroundColor('#4D000000')
          .borderRadius(3)
          .textAlign(TextAlign.Center)
      }
    }
    .margin(6)
  }

  @Styles
  mediaLogo() {
    .width(14)
    .height(14)
    .margin({ right: 3 })
  }
}

@Extend(Text)
function mediaText() {
  .fontColor($r('app.color.color_fff'))
  .fontSize($r('app.float.font_size_14'))
  .lineHeight(18)
  .textShadow({
    radius: 2,
    color: 'rgba(0,0,0,0.3)',
    offsetY: 2
  })
}