import API from "../../api.js";
import BusinessObjects from "../../lib/business_objects/business_objects.js";
import DOM from "../../dom.js";
import Events from "../../lib/events.js";
import TableBasePage from "../base_table.js";
import Utils from "../../lib/utils.js";
import Validation from "../../lib/validation.js";
import DogTableMixinPage from "./mixin_table.js";

export default class PageDogDogs extends TableBasePage {
    static hash = hashPageDogDogs;
    static attrIdRowObject = attrIdDog;
    callSaveTableContent = API.saveDogs;

    constructor(router) {
        super(router);
        this.dogMixin = new DogTableMixinPage(this);
    }

    initialize() {
        this.sharedInitialize();
    }

    hookupFilters() {
        this.sharedHookupFilters();
        this.hookupFilterActive();
    }

    loadRowTable(rowJson) {
        if (rowJson == null) return;
        if (_verbose) { Utils.consoleLogIfNotProductionEnvironment("applying data row: ", rowJson); }
    }
    getJsonRow(row) {
        if (row == null) return;
        let inputName = row.querySelector('td.' + flagName + ' .' + flagName);
        let inputAppearance = row.querySelector('td.' + flagAppearance + ' .' + flagAppearance);
        let inputMassKg = row.querySelector('td.' + flagMassKg + ' .' + flagMassKg);
        let buttonActive = row.querySelector('td.' + flagActive + ' .' + flagActive);

        let jsonRow = {};
        jsonRow[attrIdDog] = row.getAttribute(attrIdDog);
        jsonRow[flagName] = DOM.getElementAttributeValueCurrent(inputName);
        jsonRow[flagAppearance] = DOM.getElementAttributeValueCurrent(inputAppearance);
        jsonRow[flagMassKg] = DOM.getElementAttributeValueCurrent(inputMassKg);
        jsonRow[flagActive] = buttonActive.classList.contains(flagDelete);

        console.log("jsonRow");
        console.log(jsonRow);

        return jsonRow;
    }
    initialiseRowNew(tbody, row) {
    }
    postInitialiseRowNewCallback(tbody) {
    }

    hookupTableMain() {
        super.hookupTableMain();
        this.hookupFieldsNameTable();
        this.hookupFieldsAppearance();
        this.hookupFieldsMassKg();
        this.hookupFieldsNotesTable();
        this.hookupFieldsActive();
    }
    hookupFieldsAppearance() {
        this.hookupChangeHandlerTableCells(flagAppearance);
    }
    hookupFieldsMassKg() {
        this.hookupChangeHandlerTableCells(flagMassKg);
    }

    leave() {
        super.leave();
    }
}