import Component from '../component';
import ModalSidebar from '../modal-sidebar';
import FormControl from '../form-control';
import {FORM_TYPES} from '../../consts';
import './ServerLogsViewForm.css';

class ServerLogsViewForm extends Component {
    constructor (parentNode) {
        super('#logs-view-form', parentNode);

        this.sidebar = new ModalSidebar({
            content: this.mainNode,
        });

        this.title = this.mainNode.querySelector('.h2');
        this.form = this.mainNode.querySelector('form');

        this.title.textContent = 'Просмотр ошибок сервера';

        const inputs = [
            this.idInput = new FormControl(this.form, {
                id: 'server-logs-view-form-id',
                label: 'id',
            }),
            this.dateInput = new FormControl(this.form, {
                id: 'server-logs-view-form-date',
                label: 'Дата',
            }),
            this.typeInput = new FormControl(this.form, {
                id: 'server-logs-view-form-type',
                label: 'Тип записи',
            }),
            this.messageInput = new FormControl(this.form, {
                id: 'server-logs-view-form-message',
                label: 'Сообщение',
                type: FORM_TYPES.TEXTAREA,
                className: 'ServerLogsViewForm__message',
            }),
            this.stackInput = new FormControl(this.form, {
                id: 'server-logs-view-form-stack',
                label: 'Стек',
                type: FORM_TYPES.TEXTAREA,
                className: 'ServerLogsViewForm__stack',
            }),
        ];
        inputs.forEach((input) => {
            input.disabled(true);
        });
    }

    setForm ({_id, date, message, trace, type}) {
        this.idInput.setValue(_id);
        this.dateInput.setValue(date);
        this.typeInput.setValue(type);
        this.messageInput.setValue(message);
        this.stackInput.setValue(trace);

        this.sidebar.show();
    }
}

export default ServerLogsViewForm;