const ButtonSelect1 = require('ButtonSelect1')
const ViewBase = require('ViewBase');
const MultipleViewData = require('MultipleViewData');

cc.Class({
    extends: ViewBase,
    properties: {
        button1: {
            default: null,
            type: ButtonSelect1,
            serializable: true,
        },

        button2: {
            default: null,
            type: ButtonSelect1,
            serializable: true,
        },

        button3: {
            default: null,
            type: ButtonSelect1,
            serializable: true,
        },

        button4: {
            default: null,
            type: ButtonSelect1,
            serializable: true,
        },

        viewContent: {
            default: null,
            type: cc.Node,
            serializable: true,
        }
    },

    onLoad () {
        this.buttons = [
            this.button1,
            this.button2,
            this.button3,
            this.button4,
        ];

        this.multipleViewData = new MultipleViewData().initRoot(this)
        this.multipleViewData.addViewData(JMC.UIEnum.DreamPopular);
        this.multipleViewData.addViewData(JMC.UIEnum.DreamBrilliant);
        this.multipleViewData.addViewData(JMC.UIEnum.DreamDropRecord);
        this.multipleViewData.addViewData(JMC.UIEnum.DreamStatistics);

        this.curViewType = null
        this.onClickTitle(null, "0")
    },
    
    onClickTitle(event, customEventData) {
        let index = parseInt(customEventData)
        this.updateButtonSelect(index);
        this.curViewType = index;
        this.multipleViewData.curViewType = index;
        this.multipleViewData.createOrShowView(this.curViewType, this.viewContent)
    },

    updateButtonSelect(index) {
        for (let i = 0; i < this.buttons.length; i++) {
            const b = this.buttons[i];
            b.setSelect(index == i)
        }
    },

    createOrShowView(type) {

    }

    // update (dt) {},
});