import Group from 'zrender/src/container/Group';
import Text from 'zrender/src/graphic/Text';

class EDetain extends Group {
    constructor(model) {
        super();
        this.model = model;
        this.isNew = false;
        this.detain = null;
        if (this.model.style.StationStand.common.special) {
            this.create('E');
        }
    }

    create(textName) {
        if (!this.isNew) {

            const model = this.model;
            const style = this.model.style;

            this.isNew = true;
            if (style.StationStand.common.special) {
                const height = model.inside ? 30 : -30;
                const position = model.inside ? model.width / 4 : -model.width / 4;
                this.detain = new Text({
                    zlevel: model.zlevel,
                    z: model.z,
                    position: [0, 0],
                    style: {
                        x: model.x + position,
                        y: model.y + height,
                        text: textName,
                        textAlign: model.inside ? 'left' : 'right',
                        fontWeight: 'blod',
                        fontSize: `${style.StationStand.detainCar.fontSize} px  ${style.fontFamily}`,
                        textFill: textName == 'E' ? '#fff' : 'red',
                        textVerticalAlign: 'middle'
                    }
                });
                this.add(this.detain);
            } else {
                this.detain = new Text({
                    zlevel: model.zlevel,
                    z: model.z,
                    position: [0, 0],
                    style: {
                        x: model.x,
                        y: model.y,
                        text: style.StationStand.detainCar.text,
                        textAlign: model.textAlign,
                        textVerticalAlign: model.textVerticalAlign,
                        fontSize: `${style.StationStand.stand.headFontSize} px  ${style.fontFamily}`,
                        textFill: style.StationStand.detainCar.centerTrainColor,
                        textStroke: style.backgroundColor
                    }
                });
                this.add(this.detain);
            }
        }
    }

    setColor(color) {
        this.create();
        this.detain.setStyle('textFill', color);
    }

    hide() {
        this.create();
        this.detain.hide();
    }

    show() {
        this.create('H');
        this.detain.show();
    }
}

export default EDetain;