contact/accountants/ItemEvent.ets

/**
 * Copyright (c) 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 { StringUtil, HiLog } from '../../../../../../../common';
import AccountantsPresenter from '../../../presenter/contact/accountants/AccountantsPresenter';
import StringFormatUtil from "../../../util/StringFormatUtil";
import { Birthday } from '../../../../../../../feature/contact/src/main/ets/contract/Birthday';

const TAG = "ItemEvent"

@Component
export struct ItemEvent {
  @Link mPresent: AccountantsPresenter;
  @Link itemIndex: number;
  @Link eventType: number;
  private controller: { [key: string]: any };
  private index: number;
  private typeName: string;
  @LocalStorageProp('breakpoint') curBp: string = 'sm';

  build() {
    Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center }) {
      Column() {
        Row() {
          Text(this.mPresent.menuSelect(
            this.typeName,
            this.mPresent.getData(this.typeName, this.index - 1)
          ))
            .fontSize($r("sys.float.ohos_id_text_size_body1"))
            .fontWeight(FontWeight.Medium)
            .fontColor($r("sys.color.ohos_id_color_text_primary"))
            .textOverflow({ overflow: TextOverflow.None })
            .maxLines(1)
            .constraintSize({ minWidth: $r("app.float.account_ItemList_text_width") })
            .bindMenu(this.MenuBuilder)

          Image($r("app.media.ic_public_spinner"))
            .objectFit(ImageFit.Contain)
            .height($r("app.float.id_card_image_small"))
            .width($r("app.float.id_card_image_xs"))
        }
        .height($r("app.float.id_item_height_sm"))
        .constraintSize({ minWidth: $r("app.float.account_listItem_text_common_width") })
      }
      .flexShrink(0)

      Column() {
        Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center }) {
          Column() {
            Text(
              StringUtil.isEmpty(this.mPresent.getTextDisplay(this.typeName, this.mPresent.getData(this.typeName, this.index - 1)))
                ? $r("app.string.date")
                : StringFormatUtil.stringFormatDateResource(this.mPresent.getData(this.typeName, this.index - 1).item.data,
                  this.mPresent.getData(this.typeName, this.index - 1)?.item?.eventType == Birthday.TYPE_LUNARBIRTHDAY)
            )
              .margin({ left: $r("app.float.id_card_margin_xxl") })
              .height($r("app.float.id_item_height_large"))
              .fontSize($r("sys.float.ohos_id_text_size_body1"))
              .fontColor(
                StringUtil.isEmpty(this.mPresent.getTextDisplay(this.typeName, this.mPresent.getData(this.typeName, this.index - 1)))
                  ? $r("sys.color.ohos_id_color_text_secondary")
                  : $r("sys.color.ohos_id_color_text_primary")
              )
          }
          .alignItems(HorizontalAlign.Start)
          .flexGrow(1)
          .onClick(() => {
            let data = this.mPresent.getData(this.typeName, this.index - 1)
            if (data.item && data.item.hasOwnProperty("eventType")) {
              this.eventType = Number(data.item.eventType)
            }
            this.itemIndex = this.index - 1;
            this.controller.open()
          })

          Column() {
            Image($r("app.media.ic_public_close_filled"))
              .objectFit(ImageFit.Contain)
              .height($r("app.float.id_card_image_small"))
              .width($r("app.float.id_card_image_small"))
              .fillColor($r("sys.color.ohos_id_color_tertiary"))
              .onClick(() => {
                try {
                  this.mPresent.deleteItem(this.typeName, this.index - 1);
                } catch (err) {
                  HiLog.e("deleteItem", ' deleteItem error ' + JSON.stringify(err));
                }
              })
          }
        }

        Divider()
          .padding({ left: $r("app.float.id_card_margin_xxl") })
          .height($r("app.float.account_Divider_height"))
          .width("100%")
          .color($r("sys.color.ohos_id_color_list_separator"))
      }
      .alignItems(HorizontalAlign.Start)
      .height($r("app.float.id_item_height_large"))
    }
    .margin({
      left: $r("app.float.id_card_margin_xxl"),
      right: this.curBp === 'lg' ? $r("app.float.id_card_margin_max") : $r("app.float.id_card_margin_xl")
    })
  }

  @Builder MenuBuilder() {
    Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
      ForEach(this.mPresent.getMenuList(this.typeName),
        (item) => {
          Text(item.labelRes)
            .fontSize($r("sys.float.ohos_id_text_size_body1"))
            .width("156vp")
            .height($r("app.float.id_item_height_mid"))
            .fontColor($r("sys.color.ohos_id_color_text_primary"))
            .textAlign(TextAlign.Start)
            .margin({ left: $r("app.float.id_card_margin_xxl") })
            .onClick(() => {
              this.mPresent.menuChange(this.typeName, this.mPresent.getData(this.typeName, this.index - 1), item);
            })

          Divider()
            .height($r("app.float.account_Divider_height"))
            .width($r("app.float.account_Divider_width"))
            .color($r("sys.color.ohos_id_color_list_separator"))
        },
        (item) => item.rawValue.toString())
    }
    .width($r("app.float.account_MenuBuilder_width"))
    .borderRadius($r("sys.float.ohos_id_corner_radius_default_l"))
  }
}