TTMusic/entry/src/main/ets/view/ToolView.ets

import TitleBar from './TitleBar'

import mainViewModel, { MainViewModel } from '../viewmodel/MainViewModel';
import ItemData from '../viewmodel/ItemData';
import { promptAction, router, Scale } from '@kit.ArkUI';
import { CommonConstants } from '../common/constants/CommonConstants';
import { wifiManager } from '@kit.ConnectivityKit';
import { AppUtil,
  LogUtil,
  NetworkUtil,
  PermissionUtil, PickerUtil,
  PreferencesUtil,
  RandomUtil,
  ScanUtil,
  StrUtil,
  ToastUtil } from '@pura/harmony-utils';

import wifi from '@ohos.wifiManager'
import Logger from '../common/util/Logger';
import { common, Permissions, Want } from '@kit.AbilityKit';
import { ErrorEvent } from '@kit.ArkTS';
import { BusinessError } from '@kit.BasicServicesKit';
import { picker } from '@kit.CoreFileKit';
import { photoAccessHelper } from '@kit.MediaLibraryKit';
import { PullToRefresh } from '@ohos/pulltorefresh';
import { Utility } from '../common/util/Utility';
import { AnimationHelper, DialogAction,DialogHelper } from '@pura/harmony-dialog';
import { DialogUtil } from '@pura/harmony-utils';
import { DrawerOptions } from '../dialog/DrawerOptions';
import WifiType from '../viewmodel/WiFiType';


const TAG = 'ToolView'

interface GeneratedObjectLiteralInterface_1 {
  bundleName: string;
  abilityName: string;
  action: string;
}

@Preview
@Component
export  struct  ToolView{

  @State isListening: boolean = true; // 控制组件状态 true：开启水波纹 false：停止水波纹


  private linkedInfo: wifi.WifiLinkedInfo = null!
  @State isLinked: boolean = false
  @StorageLink('wifiList')  wifiList: Array<wifi.WifiScanInfo> = []
  @State uriStr: string = ''
  @State scanResult: string = ''
  private scroller: Scroller = new Scroller();
  @State currentName: string = ''
  @State ssid: string = ''


  @State state:AnimationStatus = AnimationStatus.Initial
  @State textWifi:string ='未连接'
  @State count:number =0

  //连接、通讯历史记录
  @State msgHistory: string = ''





  @State titleBarModel: TitleBar.Model = new TitleBar.Model()
    .setLeftIcon(null)
    .setTitleTextStyle(FontStyle.Normal)
    .setTitleName("工具")
    .setTitleFontColor(Color.White)
    .setTitleBarBackground($r('app.color.title_bar_bg'))
    .setTitleBarBottomLineColor($r('app.color.title_bar_bg'))

  @State bundleName:string =''
  // 组件生命周期
  async aboutToAppear() {
    this.initDialogConfig()
    this.bundleName = await  AppUtil.getBundleName()
    this.scan()
    // 启动监听
    this.addListener()

    console.info('LifeCycleComponent aboutToAppear');
  }

  initDialogConfig() {
    DialogHelper.setDefaultConfig((config) => {
      config.alignment = DialogAlignment.Center; //弹窗的对齐方式。
      config.offset = { dx: 0, dy: 0 }; //弹窗相对alignment所在位置的偏移量。默认值：{ dx: 0, dy: 0 }
      config.maskColor = 0x33000000; //自定义蒙层颜色。默认值 0x33000000
      config.backgroundColor = $r('app.color.pri_bg'); //弹窗背板颜色。默认值：Color.White
      config.backgroundBlurStyle = BlurStyle.NONE; //弹窗背板模糊材质。默认值：BlurStyle.COMPONENT_ULTRA_THICK
      config.cornerRadius = 20; //设置背板的圆角半径。可分别设置4个圆角的半径。
    })
  }

  // 组件消失生命周期
  aboutToDisappear() {
    console.info('LifeCycleComponent aboutToDisappear');
  }

  // 扫描wifi
  async scan() {


  }
  //当前连接wifi的info和名称
  async getLinkedInfo() {


  }

  // 监听wifi的变化
  addListener() {

  }
  //跳转到市场界面进行好评
  gotoHao(){
    const want: Want = {
      uri: `store://appgallery.huawei.com/app/detail?id=${this.bundleName}`
    };
    const context = getContext(this) as common.UIAbilityContext;
    context.startAbility(want).then(()=>{
      //拉起成功
    }).catch(()=>{
      // 拉起失败
    });
  }



  //好评的自定义内容
  @Builder
  customHaoPingBuilder(content: string) {
    Column() {
      Text(content)
        .fontColor(Color.White)
        .fontSize(16)
      .alignSelf(ItemAlign.Start)
      .fontColor(Color.White)
      .margin({bottom:15})
      .fontSize(16)

      Row(){
        Button('取消')
          .fontColor(Color.White)
          .linearGradient( { direction: GradientDirection.Right, colors:[['#ff37a0fc',0.0],['#67e667',0.5],['#f5856e',1.0]]})
          .height(50)
          .layoutWeight(1)
          .stateEffect(true)
          .margin({right:6})
          .onClick(()=>{
            DialogHelper.closeDialog('haoping'); //关闭弹框
          })
        Button('好评')
          .fontColor(Color.White)
          .linearGradient( { direction: GradientDirection.Right, colors:[['#ff37a0fc',0.0],['#67e667',0.5],['#f5856e',1.0]]})
          .layoutWeight(1)
          .height(50)
          .stateEffect(true)
          .margin({left:6})
          .onClick(()=>{
            DialogHelper.closeDialog('haoping'); //关闭弹框
            this.gotoHao()
            PreferencesUtil.putSync("is_haoping", true);
          })
      }

    }
    .width("100%")
    .padding(10)
  }

  showHaopingDialog(){


    DialogHelper.showCustomContentDialog({
      dialogId:'haoping',
      title: "该功能免费",
      autoCancel: false, //点击遮障层时，不关闭弹窗
      backCancel: true, //点击返回键，不关闭弹窗
      contentBuilder: () => {
        this.customHaoPingBuilder("如果您觉得好用可以给个好评吗?谢谢！\n给个好评吧，非常感谢您的支持！")
      },
      buttons: [],


    })


  }
  //自定义文本和图片
  @Builder
  customSeeBuilder(content: string) {
    Column() {
      Text(content)
        .fontColor(Color.White)
        .fontSize(16)
      // Text(){
      //   Span('点我查看华为截屏教程')
      //     .fontColor($r('app.color.white'))
      //     .decoration({ type: TextDecorationType.Underline, color:$r('app.color.white') })
      //     .onClick(()=>{
      //       DialogHelper.closeDialog('dig'); //关闭弹框
      //       router.pushUrl({url:'pages/WebIndex',
      //         params:{ titleName:'截图教程',webUrl:$rawfile('jieping.html')}
      //       },router.RouterMode.Single);
      //
      //
      //     })
      // }
      // .alignSelf(ItemAlign.Start)
      // .fontColor(Color.White)
      // .visibility(Visibility.None)
      // .margin({bottom:15})
      // .fontSize(16)

      Row(){
        Button('1、截图')
          .fontColor(Color.White)
          .linearGradient( { direction: GradientDirection.Right, colors:[['#ff37a0fc',0.0],['#67e667',0.5],['#f5856e',1.0]]})
          .height(50)
          .layoutWeight(1)
          .stateEffect(true)
          .margin({right:6})
          .onClick(()=>{
            this.goSystemWifiSetting()
          })
        Button('2、选图')
          .fontColor(Color.White)
          .linearGradient( { direction: GradientDirection.Right, colors:[['#ff37a0fc',0.0],['#67e667',0.5],['#f5856e',1.0]]})
          .layoutWeight(1)
          .height(50)
          .stateEffect(true)
          .margin({left:6})
          .onClick(()=>{
            DialogHelper.closeDialog('dig'); //关闭弹框
            this.goSelectPhoto()
          })
      }

    }
    .width("100%")
    .padding(10)
  }
  async showSeePwdDialog(){
    if(Utility.isFreeTime()){
      let isHao:boolean = PreferencesUtil.getBooleanSync('is_haoping');
      if(!isHao){
        this.showHaopingDialog()
        return
      }
    }



    DialogHelper.showCustomContentDialog({
      dialogId:'dig',
      title: "提示:请按如下教程",
      contentBuilder: () => {
        this.customSeeBuilder("第一步：请点击【1、截图】按钮，去系统的WIFI设置界面点到wifi分享二维码界面，然后截图。\n\n第二步：点击【2、选图】按钮，选择该截图的图片进行wifi密码解析。\n")
      },
      buttons: [],


    })



  }



  showFileDialog() {
    let ps: Permissions = 'ohos.permission.READ_MEDIA';
    // let ps: Permissions[] = ['ohos.permission.READ_MEDIA'];
    PermissionUtil.checkPermissions(ps).then((result) => {
      if (result) {
        //有文件权限，直接调用第一步和第二部对话框
        this.showSeePwdDialog()
      } else {
        Logger.info(TAG, 'not file permissions state:')
        //没有文件权限
       // this.showRuqFile();
      }
    })

  }

  // async showRuqFile(){
  //
  //
  //   DialogUtil.showPrimaryDialog({
  //     backgroundColor:$r('app.color.btn_green'),
  //     title: "申请文件权限",
  //     message: '此功能需要读取相册截图的WiFi的二维码图片，从而解析出当前wifi连接的密码。所以需要向您申请文件存储权限，如果紧急将无法使用该功能。\n',
  //     borderStyle:BorderStyle.Dashed,
  //     primaryButton: {
  //       backgroundColor:$r('app.color.btn_green'),
  //       value: "取消申请",
  //       action: () => {
  //
  //       }
  //     },
  //     secondaryButton: {
  //       backgroundColor:$r('app.color.btn_red'),
  //       value: "现在申请",
  //       action: () => {
  //         let ps: Permissions[] = ['ohos.permission.READ_MEDIA', 'ohos.permission.WRITE_MEDIA'];
  //         PermissionUtil.requestPermissions(ps).then((result) => {
  //           if (result) {
  //             this.showSeePwdDialog()
  //           } else {
  //             ToastUtil.showLong("请在设置中打开权限")
  //             // AppUtil.toAppSetting()
  //           }
  //         })
  //       }
  //     },
  //     onWillDismiss: (dismissDialogAction: DismissDialogAction) => {
  //       LogUtil.error("showPrimaryDialog-onWillDismiss: " + JSON.stringify(dismissDialogAction))
  //       if (dismissDialogAction.reason == DismissReason.PRESS_BACK) {
  //         dismissDialogAction.dismiss()
  //       }
  //       if (dismissDialogAction.reason == DismissReason.TOUCH_OUTSIDE) {
  //         dismissDialogAction.dismiss()
  //       }
  //     }
  //   })
  // }




  //拉起相册的选择刚刚截图的二维码图片进行扫描解析密码
  goSelectPhoto(){

     let options = new photoAccessHelper.PhotoSelectOptions();
     options.maxSelectNumber = 1;
     options.MIMEType =photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE;



      //调用系统的相册
      // PickerUtil.selectPhoto(options).then((uris) => {
      //   this.uriStr = uris[0];
      //
      //   Logger.info(TAG, 'select photo uri:' + uris[0])
      //   //获得二维码图片uri用scan进行扫描
      //   ScanUtil.onDetectBarCode(uris[0]).then((scanResult)=>{
      //
      //     this.showPwdResultDialog(scanResult[0].originalValue);
      //     Logger.info(TAG, 'scan select photo result:' + scanResult[0].originalValue)
      //     // Logger.info(TAG, 'scan select photo result:' +JSON.stringify(scanResult, null, 2))
      //   }).catch((err: BusinessError) => {
      //     this.uriStr = `扫描二维码异常：\n${JSON.stringify(err)}`
      //   })
      //
      // }).catch((err: BusinessError) => {
      //   this.uriStr = `调用相册，异常：\n${JSON.stringify(err)}`
      // })



  }

  //自定义文本和图片
  @Builder
  customShowPwdBuilder(result: string) {
    Column() {
      Text('WiFi名称：'+getWiFiName(result)+'\n\nWiFi密码：'+getWiFiPWD(result)+'\n\n加密类型：WPA/WPA2\n')
        .fontColor(Color.White)
        .fontSize(16)
      Row(){
        Button('复制密码')
          .fontColor(Color.White)
          .linearGradient( { direction: GradientDirection.Right, colors:[['#ff37a0fc',0.0],['#67e667',0.5],['#f5856e',1.0]]})
          .height(50)
          .layoutWeight(1)
          .stateEffect(true)
          .onClick(()=>{
            Utility.copyText(getWiFiPWD(result))
            ToastUtil.showToast('复制成功')
            DialogHelper.closeDialog('pwd')
          })

      }

    }
    .width("100%")
    .padding(10)
  }

  //解析二维码的密码的对话框
  showPwdResultDialog(result:string){

    DialogHelper.showCustomContentDialog({
      dialogId:'pwd',
      title: "WiFi详情",
      contentBuilder: () => {
        this.customShowPwdBuilder(result)
      },
      buttons: [],

    })



  }

  //跳转到系统wifi界面
  goSystemWifiSetting(){

    let context = getContext(this) as common.UIAbilityContext;

    let want: Want = {
      bundleName: 'com.huawei.hmos.settings',
      abilityName: 'com.huawei.hmos.settings.MainAbility',
      uri: 'wifi_entry'};
    context.startAbility(want)
      .then(() => {
        // ...
      })
      .catch((err:Error) => {
        console.error(`Failed to startAbility. Code: ${err.name}, message: ${err.message}`);
      });

  }








  build() {
    Scroll(){
    Column() {
      TitleBar({ model: $titleBarModel })
      Column() {

        Shape() {
          Ellipse()
            .height(200)
            .width('100%')
            .fill(Color.White)
            .backgroundColor($r('app.color.title_bar_bg'))
        }

      }

      .width('100%')
      .height(100)
      .alignItems(HorizontalAlign.Start)
      .borderRadius({ bottomLeft: 20, bottomRight: 20 })

      Stack() {


        Column() {
          Grid() {
            ForEach(mainViewModel.getWiFiGridData(), (item: ItemData) => {
              GridItem() {

                Column() {

                  Image(item.img)
                    .width(38)
                    .height(38)
                    .margin({top:22})
                    .alignSelf(ItemAlign.Center)
                    .visibility(item.isHide ? Visibility.None : Visibility.Visible)

                  Text(item.title)
                    .fontSize(12)
                    .fontWeight(300)
                    .fontColor(Color.Grey)
                    .margin({ top: 8 })
                    .visibility(item.isHide ? Visibility.None : Visibility.Visible)


                }
                // .backgroundImage($r('app.media.circle'))
                .backgroundImagePosition(Alignment.Top)
                .backgroundImageSize({width:100,height:100})
                .height('100%')
                .width('100%')
                .onClick(() => {
                  switch (item.id) {
                    case MainViewModel.SAFE_TEST:
                      router.pushUrl({url:'pages/SafeTestIndex'

                      });
                      break
                    case MainViewModel.SEE_PWD:
                      // this.showFileDialog()
                      this.showSeePwdDialog() //鸿蒙系统不需要申请文件权限
                      break
                    case MainViewModel.SPEED_TEST:
                      // router.pushUrl({url:'pages/WebPage',
                      //   params:{ titleName:'网络测速',webUrl:CommonConstants.IS_YUN_CESU2}
                      // });
                      router.pushUrl({
                        url: 'pages/SpeedIndex'
                      });
                      break
                    case MainViewModel.JIAO_CHENG:
                      router.pushUrl({
                        url: 'pages/MacPage'
                      });
                      break
                    case MainViewModel.CAMERA_TEST:
                      router.pushUrl({
                        url: 'pages/AddSpeedPage'
                      });
                      break
                    case MainViewModel.POWER_TEST:
                      //跳转到系统的省电模式

                      router.pushUrl({
                        url: 'pages/CoolingPage'
                      });
                      break

                  }
                })

              }

            })
          }
          .columnsTemplate('1fr 1fr 1fr')
          .rowsTemplate('1fr 1fr')
          .height(230)
          .borderRadius(24)
          .margin({top:50})

        }
      }


      // Column() {
      //   Line().width('100%').height(0.5).backgroundColor($r('app.color.index_tab_unselected_font_color'))
      //   Text(this.textWifi)
      //     .fontSize(13)
      //     .fontColor($r('app.color.title_bar_bg'))
      //     .alignSelf(ItemAlign.Start)
      //     .margin({ left: 15 })
      //     .height(38)
      //     .backgroundColor(Color.White)
      //   Line().width('100%').height(1).backgroundColor($r('app.color.title_bar_bg'))
      //
      // }
      // .layoutWeight(1)

    }
    .width('100%')
    .height('100%')
    .backgroundColor(Color.White)
  }
  .height(1024)
  }




  /**
   * 查看密码的dialgo定布局提示弹窗
   */
  @Builder
  builderCustomDialogTipView() {
    Column() {
      Column({ space: '10vp' }) {
        Text('提示:请按如下教程')
          .fontSize('15fp')
          .fontColor(Color.Black)
          .textAlign(TextAlign.Start)
          .fontWeight(500)

        Text('第一步：点击第一步按钮，去系统的WIFI设置界面点到wifi分享二维码界面，然后截图。\n\n第二步：点击第二步按钮，选择该截图的图片进行wifi密码解析。\n')
          .fontSize('15fp')
          .fontColor(Color.Grey)
          .textAlign(TextAlign.Start)
          .fontWeight(FontWeight.Regular)
          .margin({left:8,right:8})
          .padding(5)

        Row() {
          Button('第一步', { type: ButtonType.Normal, stateEffect: true })
            .fontColor(Color.White)
            .fontSize('13fp')
            .width('50%')
            .backgroundColor('#55ceac')
            .onClick(() => {
              this.goSystemWifiSetting()
            })
            .borderRadius({
              bottomLeft: '5vp',
            })
          Button('第二步', { type: ButtonType.Normal, stateEffect: true })
            .fontColor(Color.White)
            .fontSize('13fp')
            .width('50%')
            .backgroundColor('#ff6b47')
            .onClick(() => {
              this.goSelectPhoto()
            })
            .borderRadius({
              bottomRight: '5vp'
            })
        }
        .justifyContent(FlexAlign.SpaceBetween)
        .width("100%")
        .borderRadius({
          bottomLeft: '5vp',
          bottomRight: '5vp'
        })
      }
      .alignItems(HorizontalAlign.Center)
      .width('100%')
      .backgroundColor(Color.White)
      .borderRadius('5vp')
      .margin({
        top: '15vp'
      })
    }
    .width('100%')
    .borderRadius('5vp')
    .backgroundColor(Color.White)
  }






}


//根据 WIFI:T:WPA;S:Tenda_xiaoke;P:20161221;; 解析出wifi的名称
function getWiFiName(res: string): string {
  let str =''
  if(StrUtil.isNotEmpty(res)){
    if(res.indexOf('S:')!=-1){
      str = res.substring(res.indexOf('S:')+2,res.indexOf(';P:'))
    }
  }
  return str

}

//根据 WIFI:T:WPA;S:Tenda_xiaoke;P:20161221;; 解析出wifi的密码
function getWiFiPWD(res: string): string {
  let str =''
  if(StrUtil.isNotEmpty(res)){
    if(res.indexOf('P:')!=-1){
      str = res.substring(res.indexOf('P:')+2,res.indexOf(';;'))
    }
  }
  return str

}