import server from "../../services/server.js";
import ws from "../../services/ws.js";
import Component from "../../components/component.js";
import utils from "../../services/utils.js";

export default class AbstractSearchOption extends Component {
    constructor(attribute, note) {
        super();

        this.attribute = attribute;
        this.note = note;
    }

    static async setAttribute(noteId, type, name, value = '') {
        await server.put(`notes/${noteId}/set-attribute`, { type, name, value });

        await ws.waitForMaxKnownEntityChangeId();
    }

    async setAttribute(type, name, value = '') {
        await this.constructor.setAttribute(this.note.noteId, type, name, value);
    }

    render() {
        try {
            const $rendered = this.doRender();

            $rendered.find('.search-option-del')
                .on('click', () => this.deleteOption())
                .attr('title', 'Remove this search option');

            utils.initHelpDropdown($rendered);

            return $rendered;
        }
        catch (e) {
            logError(`Failed rendering search option: ${JSON.stringify(this.attribute.dto)} with error: ${e.message} ${e.stack}`);
            return null;
        }
    }

    // to be overriden
    doRender() {}

    async deleteOption() {
        await this.deleteAttribute(this.constructor.attributeType, this.constructor.optionName);

        await ws.waitForMaxKnownEntityChangeId();

        await this.triggerCommand('refreshSearchDefinition');
    }

    async deleteAttribute(type, name) {
        for (const attr of this.note.getOwnedAttributes()) {
            if (attr.type === type && attr.name === name) {
                await server.remove(`notes/${this.note.noteId}/attributes/${attr.attributeId}`);
            }
        }
    }
}