OpenHarmony-v4.0-Release/s

/*
 * Copyright (c) 2022-2023 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 router from '@ohos.router';
import {
  AlbumDefine,
  BigDataConstants,
  BroadCast,
  BroadCastConstants,
  BroadCastManager,
  Constants as Cons,
  DataStoreUtil,
  Log,
  ReportToBigDataUtil,
  ScreenManager,
  UiUtil,
  UserFileManagerAccess,
} from '@ohos/common';
import { Constants, FormControllerManager } from '@ohos/formAbility';
import formBindingData from '@ohos.application.formBindingData';
import formProvider from '@ohos.application.formProvider';
import userFileManager from '@ohos.filemanagement.userFileManager';


const TAG: string = 'FormEditorPage';

@Entry
@Component
struct FormEditorPage {
  @StorageLink('FASetting_FormId') formId: string = '0';
  @StorageLink('isHorizontal') isHorizontal: boolean = ScreenManager.getInstance().isHorizontal();
  @StorageLink('isSidebar') isSidebar: boolean = ScreenManager.getInstance().isSidebar();
  @StorageLink('leftBlank') leftBlank: [number, number, number, number]
    = [0, ScreenManager.getInstance().getStatusBarHeight(), 0, ScreenManager.getInstance().getNaviBarHeight()];
  currentIndex: number = 0;
  @State isShowName: boolean = true;
  isShowAlbums: boolean = true;
  fd: number = Constants.FA_FD_NULL;
  fileAsset: userFileManager.FileAsset = null;
  displayName: string = '';
  albumUri: string = '';
  uri: string = '';
  @State time: number = 30;
  private appBroadCast: BroadCast = BroadCastManager.getInstance().getBroadCast();
  private saveDataFunc = this.saveData.bind(this);
  private indexValue: number = 0;
  @State private selectAlbumsStr: string = '';

  async getItems(albumUri?: string, startIndex?: number, count?: number, filterMediaType?: string):
    Promise<Array<userFileManager.FileAsset>> {
    let result: Array<userFileManager.FileAsset> = null;

    // Get from target album if albumUri is not undefined, otherwise getAllObject
    if (albumUri) {
      let album: userFileManager.Album = await UserFileManagerAccess.getInstance().getAlbumByUri(albumUri);
      let fetchOpt = AlbumDefine.getFileFetchOpt(startIndex, count, filterMediaType);
      let fetchResult = await album.getPhotoAssets(fetchOpt);
      result = await fetchResult.getAllObject();
      fetchResult.close();
    } else {
      let fetchOpt = AlbumDefine.getFileFetchOpt(startIndex, count, filterMediaType);
      Log.debug(TAG, `getMediaItem start ${JSON.stringify(fetchOpt)}`);
      result = await UserFileManagerAccess.getInstance().getAllObject(fetchOpt);
    }
    return result;
  }

  async GetMediaData(albumUri: string, uri: string) {
    Log.debug(TAG, `GetMediaData start uri: ${uri} albumUri: ${albumUri}`)
    let dataList = await this.getItems(albumUri);
    if (uri != '') {
      for (let i = 0; i < dataList.length; i++) {
        let temUri = dataList[i].uri;
        if (temUri === uri) {
          this.currentIndex = i;
          break;
        }
      }
    } else {
      this.currentIndex = 0;
    }
    this.fileAsset = dataList[this.currentIndex];
    Log.debug(TAG, 'GetMediaData fileAsset: ' + JSON.stringify(this.fileAsset));
  }

  async openCurrentfd() {
    this.fd = (this.fileAsset != null) ? await UserFileManagerAccess.getInstance().openAsset('R', this.fileAsset)
                                       : Constants.FA_FD_NULL;
  }

  bindFormData(): formBindingData.FormBindingData {
    Log.debug(TAG, `bindFormData start formId: ${this.formId}`)
    let image: string = 'image_' + this.fd + '_formId_' + this.formId;
    let dataObj1: object = {
      "fd": this.fd == Constants.FA_FD_NULL ? false : true,
      "image0": "memory://" + image,
      "image1": "memory://" + image,
      "indexValue": this.indexValue,
      "albumName": this.displayName,
      "currentIndex": this.currentIndex,
      "isShow": Boolean(this.isShowName) && Boolean(this.isShowAlbums),
      "formImages": JSON.parse(`{ "${image}": ${this.fd} }`),
      "uri": (this.uri != '') ? Cons.ACTION_URI_FORM_ABILITY : Cons.ACTION_URI_FORM_ABILITY_NONE,
      "albumUri": `${this.albumUri}`,
      "currentUri": this.uri
    };
    Log.debug(TAG, `bindFormData, createFormBindingData dataObj2.data: ${JSON.stringify(dataObj1)}`);
    let obj = formBindingData.createFormBindingData(JSON.stringify(dataObj1));
    Log.debug(TAG, `bindFormData, createFormBindingData obj2.data: ${JSON.stringify(obj.data)}`);
    return obj;
  }

  terminate() {
    globalThis.photosAbilityContext.terminateSelf((result) => {
      Log.info(TAG, `terminateSelf result: ${JSON.stringify(result)}`);
    })
  }

  async updateFormData() {
    Log.debug(TAG, `updateFormData formId: ${JSON.stringify(this.formId)}`);
    let dataStore = DataStoreUtil.getInstance();
    await dataStore.init();
    let temp = await dataStore.getData(Constants.FA_INDEX_VALUE, 0);
    this.indexValue = (temp + Constants.NUMBER_1) % Constants.NUMBER_2;
    await dataStore.putData(Constants.FA_INDEX_VALUE, this.indexValue);
    await dataStore.flush();
    await this.GetMediaData(this.albumUri, this.uri);
    await this.openCurrentfd();
    let obj3 = this.bindFormData();
    Log.debug(TAG, `updateFormData obj: ${JSON.stringify(obj3)}`);
    Log.debug(TAG, `indexValueindexValueindexValue: ${this.indexValue}`);
    formProvider.updateForm(this.formId, obj3)
      .then(() => {
        Log.debug(TAG, `updateFormData, success`);
        this.terminate();
      }).catch((error) => {
      Log.error(TAG, `updateForm failed. Cause: ${JSON.stringify(error)}`);
      let msg = {
        'err': JSON.stringify(error)
      }
      ReportToBigDataUtil.errEventReport(BigDataConstants.CHANGE_FA_CARD_IMAGE_ERROR, msg);
      this.terminate();
    });
  }

  async saveData(albumName: string, albumUri: string, displayName, uri: string, isShowAlbums: boolean) {
    Log.debug(TAG, `saveData start! ${albumUri} ${displayName}  ${uri}`)
    ReportToBigDataUtil.report(BigDataConstants.CHANGE_FA_CARD_IMAGE_ID, null);
    let msgDisplayName: string = '';
    if (displayName instanceof Object) {
      Log.debug(TAG, `saveData object ${displayName}`);
      msgDisplayName = await UiUtil.getResourceString(displayName);
    } else {
      msgDisplayName = displayName;
    }
    this.isShowAlbums = isShowAlbums;
    this.displayName = msgDisplayName;
    this.albumUri = albumUri;
    this.uri = uri;
    Log.debug(TAG, `saveData msgDisplayName ${msgDisplayName}`);
    await DataStoreUtil.getInstance().init();
    let formIdKey = 'formId_' + this.formId;
    let hasFormId = await DataStoreUtil.getInstance().hasData(formIdKey);
    Log.debug(TAG, `The value of hasFormId is ${hasFormId}`);
    if (hasFormId) {
      let displayNameKey = 'displayName_' + this.formId;
      await DataStoreUtil.getInstance().putData(displayNameKey, msgDisplayName);
      let albumNameKey = 'albumName_' + this.formId;
      await DataStoreUtil.getInstance().putData(albumNameKey, albumName);
      let albumUriKey = 'albumUri_' + this.formId;
      await DataStoreUtil.getInstance().putData(albumUriKey, albumUri);
      let currentUriKey = 'currentUri_' + this.formId;
      await DataStoreUtil.getInstance().putData(currentUriKey, uri);
      let intervalTimeKey = 'intervalTime_' + this.formId;
      await DataStoreUtil.getInstance().putData(intervalTimeKey, this.time);
      let currentIndexKey = 'currentIndex_' + this.formId;
      await DataStoreUtil.getInstance().putData(currentIndexKey, this.currentIndex);
      let isShowKey = 'isShowAlbums_' + this.formId;
      await DataStoreUtil.getInstance().putData(isShowKey, this.isShowAlbums ? 1 : 0);
      await DataStoreUtil.getInstance().flush();
      this.updateFormData();
    } else {
      globalThis.photosAbilityContext.terminateSelf((result) => {
        Log.info(TAG, `terminateSelf result: ${JSON.stringify(result)}`);
      })
    }
    Log.debug(TAG, 'meow saveData end!');
  }

  routerPhotos(isSelectPhoto: boolean) {
    let options = {
      url: 'pages/ThirdSelectPhotoGridPage',
      params: {
        itemCoverUri: '',
        uri: "",
        itemCount: 1,
        bundleName: '',
        isMultiPick: false,
        filterMediaType: AlbumDefine.FILTER_MEDIA_TYPE_IMAGE,
        maxSelectCount: Cons.NUMBER_1,
        itemDisplayName: $r('app.string.album_all'),
        isFromFa: isSelectPhoto,
        isFromFaPhoto: isSelectPhoto,
        isFirstEnter: true
      }
    }
    router.pushUrl(options);
  }

  selectPhoto() {
    this.routerPhotos(true);
  }

  aboutToAppear(): void {
    Log.debug(TAG, 'aboutToAppear start!')
    ScreenManager.getInstance().setSystemUi(false);
    this.appBroadCast.on(BroadCastConstants.SAVE_FORM_EDITOR_DATA, this.saveDataFunc);
    DataStoreUtil.getInstance().init().then(() => {
      let intervalTimeKey = 'intervalTime_' + this.formId;
      DataStoreUtil.getInstance().getData(intervalTimeKey, this.time).then((intervalTime) => {
        this.time = intervalTime;
        AppStorage.SetOrCreate(Constants.FROM_PLAYBACK_INTERVAL, this.time);
      })
      let isShowKey = Constants.FROM_PLAYBACK_ISSHOWNAME;
      DataStoreUtil.getInstance().getData(isShowKey, this.isShowName).then((isShowName) => {
        Log.debug(TAG, `aboutToAppear  isShowKey:` + JSON.stringify(isShowKey) + JSON.stringify(Boolean(isShowName)))
        this.isShowName = isShowName;
      })
    })
    UiUtil.getResourceString($r('app.string.fa_select_album_text')).then((stringResource) => {
      Log.debug(TAG, `getResourceString ${stringResource}}`)
      this.selectAlbumsStr = stringResource;
    })
  }

  aboutToDisappear() {
    this.appBroadCast.off(BroadCastConstants.SAVE_FORM_EDITOR_DATA, this.saveDataFunc);
  }

  onPageShow() {
    BroadCastManager.getInstance().getBroadCast().emit(BroadCastConstants.THIRD_ROUTE_PAGE, []);
  }

  onBackPress() {
    this.terminate();
  }

  build() {
    Column() {
      Row() {
        Row() {
          Image($r('app.media.ic_gallery_public_cancel'))
            .fillColor($r('app.color.white'))
            .width($r('app.float.ic_size_default'))
            .height($r('app.float.ic_size_default'))
            .margin({ left: $r('app.float.FA_back_margin_left') })
        }
        .alignItems(VerticalAlign.Center)
        .height($r('app.float.tab_bar_vertical_height'))
      }
      .padding({
        top: $r('app.float.album_set_page_action_bar_padding_top')
      })
      .width('100%')
      .onClick(() => {
        this.onBackPress();
      })

      Column() {
        Text($r('app.string.fa_title_text'))
          .fontSize($r('sys.float.ohos_id_text_size_headline8'))
          .fontColor($r('app.color.FA_title_text_color'))
          .fontWeight(FontWeight.Medium)

        Text($r('app.string.fa_subTitle_text'))
          .fontSize($r('sys.float.ohos_id_text_size_body1'))
          .margin({ top: $r('app.float.tab_bar_padding_top') })
          .fontColor($r('app.color.FA_subTitle_text_color'))
      }
      .margin({ top: $r('app.float.FA_subTitle_margin_top'), bottom: $r('app.float.FA_title_margin_bottom') })

      Row() {
        Row() {
          Text($r('app.string.fa_select_image_text'))
            .fontWeight(FontWeight.Medium)
            .fontSize($r('sys.float.ohos_id_text_size_body1'))
            .fontColor($r('app.color.black'))
            .flexGrow(Constants.FLEX_GROW)
          Row() {
            Image($r('app.media.ic_gallery_form_arrow'))
              .width($r('app.float.form_list_card_more_arrow_w'))
              .height($r('app.float.form_list_card_more_arrow_h'))
              .fillColor($r('sys.color.ohos_id_color_fourth'))
          }
        }
        .height($r('app.float.title_default'))
        .width('100%')
        .key('FASelectPhoto')
        .padding({
          left: $r('app.float.FA_ListCard_padding_left'), right: $r('app.float.FA_ListCard_padding_left'),
        })
        .backgroundColor($r('app.color.white'))
        .borderRadius($r('app.float.FA_ListCard_radius'))
        .onClick(() => {
          this.selectPhoto();
        })
      }
      .padding({ left: $r('app.float.FA_select_album_padding'), right: $r('app.float.FA_select_album_padding') })
    }
    .backgroundColor($r('app.color.FA_background_color'))
    .width('100%')
    .height('100%')
  }
}