/*
* Copyright (c) 2023 Shenzhen Kaihong Digital Industry Development 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 napitest from '@ohos.napitest';

let ns: napitest.NodeISayHello =  new napitest.NodeISayHello();
class NodeISayHelloListenerImpl {
    onSayHelloStart(info: object) {
        AppStorage.SetOrCreate("textInfoStart", JSON.stringify(info))
        console.log('napiTestDemo ----onSayHelloStart', JSON.stringify(info));
    }
    onSayHelloEnd(info: object) {
        AppStorage.SetOrCreate("textInfoEnd", JSON.stringify(info))
        console.log('napiTestDemo ----onSayHelloEnd.', JSON.stringify(info));
    }
}

let listener: NodeISayHelloListenerImpl = new NodeISayHelloListenerImpl()

// register注册的回调
function onCallbackfunnm(wid: number) {
    AppStorage.SetOrCreate("callBackNum", JSON.stringify(wid))
    console.info("napiTestDemo ----onCallbackfunnm wid = " + wid)
    return "ocCallbackfuncnm";
}

@Entry
@Component
struct Index {
    @State promiseRes: string = ''
    @State returnVal: string = ''
    @StorageLink("textInfoStart")textInfoStart: string = ""
    @StorageLink("textInfoEnd")textInfoEnd: string = ""
    @StorageLink("callBackNum")callBackNum: string = ""

    build() {
        Row() {
            Column() {
                Button() {
                    Text('注册object回调后SayHello调用回调')
                        .fontSize(20)
                        .fontWeight(FontWeight.Bold)
                }
                .type(ButtonType.Capsule)
                .margin({
                    top: 10
                })
                .backgroundColor('#0D9FFB')
                .width('90%')
                .height('5%')
                .onClick(() => {
                    AppStorage.SetOrCreate("textInfoStart", "")
                    AppStorage.SetOrCreate("textInfoEnd", "")
                    // 注册回调
                    ns.addSayHelloListener(listener);
                    // 调用回调
                    ns.sayHello("js1", "native1", napitest.SayType.kInitiative);
                })

                Button() {
                    Text('注销object回调后SayHello调用回调')
                        .fontSize(20)
                        .fontWeight(FontWeight.Bold)
                }
                .type(ButtonType.Capsule)
                .margin({
                    top: 10
                })
                .backgroundColor('#0D9FFB')
                .width('90%')
                .height('5%')
                .onClick(() => {
                    AppStorage.SetOrCreate("textInfoStart", "")
                    AppStorage.SetOrCreate("textInfoEnd", "")
                    // 注销回调 removeSayHelloListener
                    ns.removeSayHelloListener(listener);
                    // 调用回调
                    ns.sayHello("js2", "native2", napitest.SayType.kInitiative);
                })

                // promise回调
                Button() {
                    Text('Promise 回调')
                        .fontSize(20)
                        .fontWeight(FontWeight.Bold)
                }
                .type(ButtonType.Capsule)
                .margin({
                    top: 10
                })
                .backgroundColor('#0D9FFB')
                .width('90%')
                .height('5%')
                .onClick(async () => {
                    await ns.sayHelloWithResponse("response from", "response to", napitest.SayType.kResponse).then((ret: object) => {
                        this.promiseRes = JSON.stringify(ret);
                        console.info("napiTestDemo ----sayHelloWithResponse ret = " + JSON.stringify(ret));
                    });
                })

                Button() {
                    Text('register回调后sayHi调用回调')
                        .fontSize(20)
                        .fontWeight(FontWeight.Bold)
                }
                .type(ButtonType.Capsule)
                .margin({
                    top: 10
                })
                .backgroundColor('#0D9FFB')
                .width('90%')
                .height('5%')
                .onClick( () => {
                    AppStorage.SetOrCreate("callBackNum", "")
                    // 注册回调
                    ns.registerCallbackfunc(onCallbackfunnm);
                    // 调用回调
                    ns.sayHi("js3", "native3", napitest.SayType.kResponse);
                })

                Button() {
                    Text('unRegister回调后sayHi调用回调')
                        .fontSize(20)
                        .fontWeight(FontWeight.Bold)
                }
                .type(ButtonType.Capsule)
                .margin({
                    top: 10
                })
                .backgroundColor('#0D9FFB')
                .width('90%')
                .height('5%')
                .onClick( () => {
                    AppStorage.SetOrCreate("callBackNum", "")
                    // 注销回调
                    ns.unRegisterCallbackfunc(onCallbackfunnm);
                    // 调用回调
                    ns.sayHi("js4", "native4", napitest.SayType.kResponse);
                })

                // 调用普通函数
                Button() {
                    Text('调用funcTest方法')
                        .fontSize(20)
                        .fontWeight(FontWeight.Bold)
                }
                .type(ButtonType.Capsule)
                .margin({
                    top: 10
                })
                .backgroundColor('#0D9FFB')
                .width('90%')
                .height('5%')
                .onClick( () => {
                    this.returnVal = napitest.funcTest(false);
                    console.info("napiTestDemo ----funcTest returnVal = " + this.returnVal)
                })

                Text('promise回调: promiseResult = ' + this.promiseRes).margin({ top: 10 })
                Text('sayHelloStart回调: info = ' + this.textInfoStart).margin({ top: 10 })
                Text('sayHelloEnd回调: info = ' + this.textInfoEnd).margin({ top: 10 })
                Text('register注册的回调： wid = ' + this.callBackNum).margin({ top: 10 })
                Text('普通方法funcTest返回值： returnVal = ' + this.returnVal).margin({ top: 10 })
            }
            .width('100%')
        }
        .height('100%')
    }
}