ets/pages/certInstallFromStorage.ets

/**
 * Copyright (c) 2024-2024 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 { WidthPercent } from '../common/util/ConfigData';
import HeadComponent from '../common/component/headComponent';
import CmFaPresenter from '../presenter/CmFaPresenter';
import { GlobalContext } from '../common/GlobalContext';
import ComponentConfig from '../common/component/ComponentConfig';
import router from '@ohos.router';
import { CustomContentDialog } from '@ohos.arkui.advanced.Dialog';
import checkUserAuthModel from '../model/CheckUserAuthModel';
import { NavEntryKey } from '../common/NavEntryKey';
import picker from '@ohos.file.picker';
import FileIoModel from '../model/FileIoModel';
import CmInstallPresenter from '../presenter/CmInstallPresenter';
import { BusinessError } from '@ohos.base';
import { RouterFileVo } from '../model/CertManagerVo/RouterInfoVo';
import { CredPwdInputParam } from './picker/CredPwdInputPage';

const COPIES_NUM: number = 12;

const TAG: string = 'CertInstallFromStorage: ';

@Entry
@Component
export struct CertInstallFromStorage {
  @State columnMargin: string = '12vp';
  @State mFaPresenter: CmFaPresenter = CmFaPresenter.getInstance();
  @State installCertFlag: boolean = false;

  isStartBySheetFirst: boolean = false;
  isStartBySheet: boolean = false;
  selected?: (path: string, param?: Object) => void;

  @Styles normalStyle() {
    .backgroundColor($r('sys.color.ohos_id_color_card_bg'))
    .borderRadius($r('app.float.user_list_divider_borderRadius_value'))
  };
  @Styles pressedStyle() {
    .backgroundColor($r('sys.color.ohos_id_color_click_effect'))
    .borderRadius($r('app.float.user_list_divider_borderRadius_value'))
  };

  rootCertificateDialog: CustomDialogController = new CustomDialogController({
    alignment: DialogAlignment.Center,
    builder: CustomContentDialog({
      contentBuilder: () => {
        this.rootCertificateContent();
      },
      contentAreaPadding: { right: $r('app.float.wh_value_0') },
      buttons: [
        {
          value: $r('app.string.root_certificate_cancel'),
          buttonStyle: ButtonStyleMode.TEXTUAL,
          action: () => {
          }
        },
        {
          value: $r('app.string.root_certificate_continue'),
          buttonStyle: ButtonStyleMode.TEXTUAL,
          action: () => {
            this.installCertFlag = true;
            this.checkUserAuth();
          }
        }
      ]
    })
  })

  @Builder
  rootCertificateContent(): void {
    Column() {
      Text($r('app.string.root_certificate'))
        .height($r('app.float.wh_value_56'))
        .fontSize($r('sys.float.ohos_id_text_size_dialog_tittle'))
        .fontColor($r('sys.color.ohos_id_color_text_primary'))
        .fontWeight(FontWeight.Medium)
        .margin({
          left: $r('app.float.wh_value_24'),
          right: $r('app.float.wh_value_24')
        })
        .alignSelf(ItemAlign.Start)

      Text($r('app.string.root_certificate_message'))
        .fontSize($r('sys.float.ohos_id_text_size_body1'))
        .fontWeight(FontWeight.Regular)
        .fontColor($r('sys.color.ohos_id_color_primary'))
        .margin({
          left: $r('app.float.wh_value_24'),
          right: $r('app.float.wh_value_24')
        })
        .alignSelf(ItemAlign.Start)
    }
    .width(WidthPercent.WH_100_100)
    .borderRadius($r('app.float.user_list_divider_borderRadius_value'))
    .backgroundColor($r('sys.color.ohos_id_color_dialog_bg'))
  }

  checkUserAuth() {
    let titleStr = getContext().resourceManager.getStringSync($r('app.string.Identity_Authentication'));
    checkUserAuthModel.auth(titleStr, (authResult: boolean) => {
      if (authResult) {
        console.info('checkUserAuth success');
        if (this.installCertFlag) {
          if (this.isStartBySheet) {
            this.startInstallCertBySheet();
          } else {
            this.mFaPresenter.startInstallCert();
          }
        } else {
          if (this.isStartBySheet) {
            this.startInstallEvidenceBySheet();
          } else {
            this.mFaPresenter.startInstallEvidence();
          }
        }
      }
    })
  }

  startInstallCertBySheet(): void {
    try {
      let documentSelectOptions = new picker.DocumentSelectOptions();
      let documentPicker = new picker.DocumentViewPicker();
      console.info(TAG + 'start documentPicker.select');
      documentPicker.select(documentSelectOptions).then((documentSelectResult) => {
        if (documentSelectResult.length >= 1) {
          this.routeToNextInstallCert(String(documentSelectResult[0]))
        } else {
          console.error(TAG + 'documentPicker.select length invalid:' + documentSelectResult.length);
        }
      }).catch((err: BusinessError) => {
        console.error(TAG + 'documentPicker.select failed with err, message: ' + err.message + ', code: ' + err.code);
      });
    } catch (err) {
      let e: BusinessError = err as BusinessError;
      console.error(TAG + 'DocumentViewPicker failed with err, message: ' + e.message + ', code: ' + e.code);
    }
  }

  routeToNextInstallCert(fileUri: string): void {
    FileIoModel.getMediaFileSuffix(fileUri, (suffix: string | undefined) => {
      if (suffix !== undefined) {
        console.debug(TAG, 'suffix = ', suffix);
        if ((suffix === 'cer') || (suffix === 'pem')) {
          CmInstallPresenter.getInstance().installCert(fileUri, '', suffix, false);
        } else {
          this.mFaPresenter.unrecognizedFileTips();
        }
      }
    })
  }

  startInstallEvidenceBySheet(): void {
    try {
      let documentSelectOptions = new picker.DocumentSelectOptions();
      let documentPicker = new picker.DocumentViewPicker();
      console.info(TAG + 'start documentPicker.select');
      documentPicker.select(documentSelectOptions).then((documentSelectResult) => {
        if (documentSelectResult.length >= 1) {
          this.routeToNextInstallEvidence(String(documentSelectResult[0]))
        } else {
          console.error(TAG + 'documentPicker.select length invalid:' + documentSelectResult.length);
        }
      }).catch((err: BusinessError) => {
        console.error(TAG + 'documentPicker.select failed with err, message: ' + err.message + ', code: ' + err.code);
      });
    } catch (err) {
      let e: BusinessError = err as BusinessError;
      console.error(TAG + 'DocumentViewPicker failed with err, message: ' + e.message + ', code: ' + e.code);
    }
  }

  routeToNextInstallEvidence(fileUri: string): void {
    FileIoModel.getMediaFileSuffix(fileUri, (suffix: string | undefined) => {
      if (suffix !== undefined) {
        console.debug(TAG, 'suffix = ', suffix);
        if ((suffix === 'p12') || (suffix === 'pfx')) {
          this.selected?.(NavEntryKey.CRED_PWD_INPUT_ENTRY, new CredPwdInputParam(new RouterFileVo(fileUri, suffix)));
        } else {
          this.mFaPresenter.unrecognizedFileTips();
        }
      }
    })
  }

  build() {
    Column() {
      GridRow({
        columns: COPIES_NUM,
        gutter: vp2px(1) === 2 ? $r('app.float.wh_value_12') : $r('app.float.wh_value_0')
      }) {
        GridCol({ span: COPIES_NUM }) {
          Row({}) {
            Column({ space: this.columnMargin }) {
              HeadComponent({ headName: $r('app.string.installInStorageDevice'), isStartBySheet: this.isStartBySheet,
                icBackIsVisibility: !this.isStartBySheetFirst,
                onBackClicked: () => {
                  this.selected?.(NavEntryKey.POP);
                }})
                .margin({
                  top: this.isStartBySheet ? 8 : 0,
                  left: 12,
                  right: 12
                })
              Scroll() {
                Column() {
                  Row() {
                    Flex({ justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
                      Text($r('app.string.CA_cert'))
                        .fontSize($r('sys.float.ohos_id_text_size_body1'))
                        .fontColor($r('sys.color.ohos_id_color_text_primary'))
                        .fontWeight(FontWeight.Medium)
                        .margin({ left: $r('app.float.wh_value_12') })
                        .textAlign(TextAlign.Start)
                    }
                  }
                  .stateStyles({
                    normal: this.normalStyle,
                    pressed: this.pressedStyle
                  })
                  .constraintSize({
                    minHeight: $r('app.float.wh_value_48')
                  })
                  .onClick(() => {
                    this.rootCertificateDialog.open();
                  })

                  Divider()
                    .color($r('sys.color.ohos_id_color_list_separator'))
                    .margin({
                      left: $r('app.float.wh_value_12'),
                      right: $r('app.float.wh_value_12')
                    })

                  Row() {
                    Flex({ justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
                      Text($r('app.string.system_credentials'))
                        .fontSize($r('sys.float.ohos_id_text_size_body1'))
                        .fontColor($r('sys.color.ohos_id_color_text_primary'))
                        .fontWeight(FontWeight.Medium)
                        .margin({ left: $r('app.float.wh_value_12') })
                        .textAlign(TextAlign.Start)
                    }
                    .onClick(() => {
                      this.installCertFlag = false;
                      AppStorage.setOrCreate('installSystemCred', true);
                      AppStorage.setOrCreate('installUserCred',false);
                      if (this.isStartBySheet) {
                        this.startInstallEvidenceBySheet();
                      } else {
                        this.mFaPresenter.startInstallEvidence();
                      }
                    })
                  }
                  .stateStyles({
                    normal: this.normalStyle,
                    pressed: this.pressedStyle
                  })
                  .constraintSize({
                    minHeight: $r('app.float.wh_value_48')
                  })

                  Divider()
                    .color($r('sys.color.ohos_id_color_list_separator'))
                    .margin({
                      left: $r('app.float.wh_value_12'),
                      right: $r('app.float.wh_value_12')
                    })

                  Row() {
                    Flex({ justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {
                      Text($r('app.string.user_certificate_credentials'))
                        .fontSize($r('sys.float.ohos_id_text_size_body1'))
                        .fontColor($r('sys.color.ohos_id_color_text_primary'))
                        .fontWeight(FontWeight.Medium)
                        .margin({ left: $r('app.float.wh_value_12') })
                        .textAlign(TextAlign.Start)
                    }
                    .onClick(() => {
                      this.installCertFlag = false;
                      AppStorage.setOrCreate('installUserCred', true);
                      AppStorage.setOrCreate('installSystemCred',false);
                      if (this.isStartBySheet) {
                        this.startInstallEvidenceBySheet();
                      } else {
                        this.mFaPresenter.startInstallEvidence();
                      }
                    })
                  }
                  .stateStyles({
                    normal: this.normalStyle,
                    pressed: this.pressedStyle
                  })
                  .constraintSize({
                    minHeight: $r('app.float.wh_value_48')
                  })
                }
                .padding($r('app.float.wh_value_4'))
                .backgroundColor($r('sys.color.ohos_id_color_card_bg'))
                .borderRadius($r('app.float.radius_20'))
                .width(ComponentConfig.WH_100_100)
              }
              .align(Alignment.Top)
              .scrollable(ScrollDirection.Vertical)
              .scrollBar(BarState.Auto)
              .width(WidthPercent.WH_100_100)
              .edgeEffect(EdgeEffect.Spring)
              .layoutWeight(1)
              .padding({
                left: 16,
                right: 16
              })
            }
            .backgroundColor($r('sys.color.ohos_id_color_sub_background'))
            .width(WidthPercent.WH_100_100)
            .height(WidthPercent.WH_100_100)
          }
          .width(WidthPercent.WH_100_100)
          .height(WidthPercent.WH_100_100);
        }
      }
      .margin(vp2px(1) === 2 ? $r('app.float.item_common_horizontal_margin') : $r('app.float.wh_value_0'))
      .width(WidthPercent.WH_100_100)
      .height(WidthPercent.WH_100_100);
    }
    .backgroundColor($r('sys.color.ohos_id_color_sub_background'))
    .width(WidthPercent.WH_100_100)
    .height(WidthPercent.WH_100_100);
  }

  onPageShow() {
    let uiExtensionFlag = GlobalContext.getContext().getFlag();
    let installType: string = GlobalContext.getContext().getAbilityWant().parameters?.installType as string;
    let uri = GlobalContext.getContext().getAbilityWant().uri ||
      GlobalContext.getContext().getAbilityWant().parameters?.uri;
    GlobalContext.getContext().clearAbilityWantUri();
    GlobalContext.getContext().clearAbilityWantParamsUri();
    if (uri === 'certInstall') {
      router.pushUrl({
        url: 'pages/certInstallFromStorage'
      })
    } else if (uri === 'requestAuthorize') {
      this.mFaPresenter.startRequestAuth(GlobalContext.getContext().getAbilityWant().parameters?.appUid as string);
    } else if (uiExtensionFlag && uri === 'systemCredInstall' && installType === 'systemCred') {
      AppStorage.setOrCreate('installSystemCred', true);
      AppStorage.setOrCreate('installUserCred', false);
      this.mFaPresenter.startInstallEvidence();
    } else if (uiExtensionFlag && uri === 'specifyInstall') {
      let fileUri = GlobalContext.getContext().getAbilityWant().parameters?.fileUri as string;
      this.mFaPresenter.startInstall(installType, fileUri);
    } else {
      console.error('The want type is not supported');
    }
  }
}