import router from '@ohos.router';
import { BridgeWebViewControl } from 'wdJsBridge';

const TAG = 'WdWebLocalComponent';

@Component
export struct WdWebLocalComponent {
  private webviewControl: BridgeWebViewControl = new BridgeWebViewControl()
  backVisibility: boolean = false
  webResource: Resource = {} as Resource

  build() {
    Column() {
      Row() {
        Image($r("app.media.ic_back"))
          .width(44)
          .padding(13)
          .aspectRatio(1)
          .onClick(() => {
            router.back();
          })
      }.backgroundColor(Color.Black)
      .width('100%')
      .height(44)
      .visibility(this.backVisibility ? Visibility.Visible : Visibility.None)

      Web({ src: this.webResource, controller: this.webviewControl })
        .domStorageAccess(true)
        .databaseAccess(true)
        .javaScriptAccess(true)
        .backgroundColor(Color.Yellow)
    }
  }
}