/*
 * Copyright (C) 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 { ImageKnifeComponent,ImageKnife,ImageKnifeOption } from '@ohos/libraryimageknife'
import { PageViewModel } from './model/PageViewModel'

@Entry
@Component
struct TestPrefetchToFileCachePage {
  @State imageKnifeOption: ImageKnifeOption = {
    loadSrc:$r('app.media.startIcon'),
    placeholderSrc:$r('app.media.loading'),
    errorholderSrc:$r('app.media.failed')
  }
  preload(url:string) {
    ImageKnife.getInstance().preLoadCache(url)
      .then((cachePath: string) => {
        console.log('preload-fileCachePath==' + cachePath)
      })
      .catch((err: string) => {
        console.error('preload-loadError==' + err)
      })
  }
  preload1(url:string) {
    ImageKnife.getInstance().preLoadCache({
      loadSrc: url,
      onLoadListener: {
        onLoadSuccess:(pixelmap,data)=>{
          console.log('preload-onLoadSuccess==' + data.type)
        },
        onLoadFailed:(err)=>{
          console.error('preload-onLoadFailed==' + err)
        }
      }
    })
      .then((cachePath: string) => {
        console.log('preload-fileCachePath==' + cachePath)
      })
      .catch((err: string) => {
        console.error('preload-loadError==' + err)
      })
  }
  build() {
    Column() {
      Button($r('app.string.Preloading_images_to_file_cache_using_URL')).margin({top:10}).onClick(()=>{
        this.preload(PageViewModel.getGifMenus()[0])
      })
      Button($r('app.string.Preloading_images_to_file_cache_using_option')).margin({top:10}).onClick(()=>{
        this.preload1(PageViewModel.getGifMenus()[0])
      })
      Button($r('app.string.Load_image_offline_after_preloading')).margin({top:10}).onClick(()=>{
        this.imageKnifeOption.loadSrc = PageViewModel.getGifMenus()[0]
      })
      ImageKnifeComponent({
        imageKnifeOption: this.imageKnifeOption
      }).width(300).height(300).margin({top:30})
    }
    .height('100%') .width('100%')
  }
}