//缩略标题
import { CommonConstants } from 'wdConstant'
import { ContentDTO } from 'wdBean'
import { DateTimeUtils } from 'wdKit'
import { ProcessUtils } from '../../utils/ProcessUtils';

const TAG = 'Card11Component';

/**
 * 无图卡(标题省略) Card_11 = '11
 */
@Component
export struct Card11Component {
  @State contentDTO: ContentDTO = {} as ContentDTO;

  build() {
    Column() {
      Text(this.contentDTO.newsTitle)
        .fontSize($r("app.float.font_size_16"))
        .fontColor($r("app.color.color_222222"))
        .maxLines(3)
        .textOverflow({ overflow: TextOverflow.Ellipsis })
        .width(CommonConstants.FULL_WIDTH)
      Row() {
        if (this.contentDTO.source) {
          Text(this.contentDTO.source)
            .fontSize($r("app.float.font_size_12"))
            .fontColor($r("app.color.color_B0B0B0"))
            .margin({ left: 6 })
          Image($r("app.media.point"))
            .width(16)
            .height(16)
        }

        Text(DateTimeUtils.getCommentTime(Number.parseFloat(this.contentDTO.publishTime)))
          .fontSize($r("app.float.font_size_12"))
          .fontColor($r("app.color.color_B0B0B0"))
          .margin({ right: 6 })
        // TODO '评论取哪个字段'
        // Text(`1806评`)
        //   .fontSize($r("app.float.font_size_12"))
        //   .fontColor($r("app.color.color_B0B0B0"))
      }.width(CommonConstants.FULL_WIDTH)
      .justifyContent(FlexAlign.Start)
      .margin({ top: 8 })

    }.width(CommonConstants.FULL_WIDTH)
    .padding({
      left: $r('app.float.card_comp_pagePadding_lf'),
      right: $r('app.float.card_comp_pagePadding_lf'),
      top: $r('app.float.card_comp_pagePadding_tb'),
      bottom: $r('app.float.card_comp_pagePadding_tb')
    })
    .backgroundColor($r("app.color.white"))
    .onClick((event: ClickEvent) => {
      ProcessUtils.processPage(this.contentDTO)
    })
  }
}