import WuhuBase from "../WuhuBase";
import Popup from "../utils/Popup";
import WuhuConfig from "../WuhuConfig";

export default class CustomCssHandler extends WuhuBase {
    className = 'CustomCssHandler';

    constructor() {
        super();
    }

    public handle(): void {
        let pop = new Popup('<div><textarea></textarea><button class="torn-btn">保存</button><style>#wh-popup textarea{display: block;}</style></div>', '自定义CSS');
        let textarea = pop.getElement().querySelector('textarea');
        let button = pop.getElement().querySelector('button');
        textarea.value = WuhuConfig.get('CustomCss') || '';
        button.addEventListener('click', () => {
            WuhuConfig.set('CustomCss', textarea.value || '', true);
        });
    }
}