import { _decorator, Component, Label, Node, Sprite } from 'cc';
import { base_ui } from '../../fw/base_ui';
import { car_lib_top } from './car_lib_top';
import { car_lib_bottom } from './car_lib_bottom';
import { car_lib_list_item } from './car_lib_list_item';
import { userDataManager } from '../../manager/userDataManager';
import { uiManager } from '../../manager/uiManager';
import { ClientEvent } from '../../lib/clientEvent';
import { config } from '../../config';
const { ccclass, property } = _decorator;

@ccclass('car_lib')
export class car_lib extends base_ui {
    @property(Node) btn_back:Node = null
    @property(Node) top_node:Node = null
    @property(Node) bottom_node:Node = null
    
    start() {
        this.onButtonListen(this.btn_back, ()=>{
            this.close()
        })

        this.initData()
    }

    initData() {
        this.top_node.getComponent(car_lib_top).init()
        this.bottom_node.getComponent(car_lib_bottom).init(this.onClickListItem.bind(this))
    }

    private onClickListItem(item:car_lib_list_item) {
        userDataManager.user_car_list.default_car_id = item.getData().id
        this.top_node.getComponent(car_lib_top).reloadUserCar()
        ClientEvent.dispatchEvent(config.UI_EVENT.UPDATE_USER_DEFAULT_CAR)
    }
}