import { hilog } from '@kit.PerformanceAnalysisKit';
import { MainWindowInfo } from './AppStorageV2Class';
import {ModelView} from './modelView'
import { AppStorageV2 } from '@kit.ArkUI';

class TaskTab{
  icon:string=''
  str:string='default model'
  event:string=''
}
let dTab:Array<TaskTab>=[
  {icon:'',str:'默认任务',event:''}
]

@ComponentV2
export struct ModelViewTab {
  @Local mwInfo: MainWindowInfo = AppStorageV2.connect<MainWindowInfo>(MainWindowInfo, () => new MainWindowInfo())!;

  //顶部导航组件
  private modelViewBarTabs: TabsController = new TabsController();
  //当前的顶部导航选择页
  @Local modelViewBarFocusIndex: number = 0;
  @Local modelFilePath:string='';
  build() {
    Flex({ direction: FlexDirection.Column }) {
      Scroll() {
        Row() {
          ForEach(dTab, (item: TaskTab, index: number) => {
            Row({ space: 0 }) {
              Image($r('app.media.startIcon'))
                .width(this.mwInfo.mWinWidth*0.012)
                .height(this.mwInfo.mWinWidth*0.012)
                .objectFit(ImageFit.Contain)
              Button(item.str)
                .fontWeight(index === this.modelViewBarFocusIndex ? FontWeight.Bold : FontWeight.Normal)
                .width('auto')
                .height(this.mwInfo.mWinWidth*0.012)
                .type(ButtonType.Normal)
              Button('X')
                .fontSize(12)
                .width(this.mwInfo.mWinWidth*0.012)
                .height(this.mwInfo.mWinWidth*0.012)
                .type(ButtonType.Normal)
                .align(Alignment.Center)
            }.onClick(() => {
              this.modelViewBarTabs.changeIndex(index);
              this.modelViewBarFocusIndex = index;
            })
          })
        }
      }.align(Alignment.Start)
      .scrollable(ScrollDirection.Horizontal)
      .scrollBar(BarState.Off)
      .width('100%')
      //分割线
      Divider().vertical(false).strokeWidth(1).color(0x000000).lineCap(LineCapStyle.Round).width('100%').backgroundColor(Color.Gray)
      Tabs({ barPosition: BarPosition.Start, index: 0, controller: this.modelViewBarTabs }) {
        TabContent() {
          ModelView()
        }.align(Alignment.Start)
        .padding(1)
      }.scrollable(false)
      .barHeight(0)
      .height('auto')
      .barMode(BarMode.Fixed)
    }.borderWidth('1')
     .borderColor(Color.Grey)
     .height('auto')
     .backgroundColor('#f3f3f0')
  }
}