class settingsManager {
    constructor(settingsCollectionName) {
        this.settings = [];
        if (settingsCollectionName) {
            this.settingsCollectionName = settingsCollectionName
        } else {
            this.settingsCollectionName = 'settings'
        }
    }

    add(settingObj) {
        this.settings.push(settingObj);
    }

    purgeAll() {
        localStorage.removeItem(this.settingsCollectionName);
    }

    saveAll() {
        var toSave = {
            'settingsSaveTime': Date.now(),
            'settings': {},
        }

        for (var i=0; i<this.settings.length; i++) {
            toSave['settings'][this.settings[i].name] = {};
            toSave['settings'][this.settings[i].name]['type'] = this.settings[i].type;
            toSave['settings'][this.settings[i].name]['data'] = this.settings[i].save();
        }
        localStorage.setItem(this.settingsCollectionName, JSON.stringify(toSave));
    }

    loadAll() {
        var saveData = localStorage.getItem(this.settingsCollectionName);
        if (saveData !== null) {
            var parseData = JSON.parse(saveData);
            for (const setting in parseData['settings']) {
                const evalStr = setting + ".load(" + parseData['settings'][setting]['data'] + ");"
                console.log('will eval: ' + evalStr);
                eval(evalStr);
            }
        } else {
            console.log('settingsManager: loadAll called but ' + this.settingsCollectionName + ' key not found in localStorage');
        }
    }
}

class smGeneric {
    constructor(settingName, initialState) {
        this.name = settingName;
        this.type = 'smGeneric';
        this.onSetFunc = undefined;
        this.onLoadFunc = undefined;
        this.currentState = initialState;
        this.initialState = initialState;
    }

    set(newValue) {
        this.currentState = newValue;

        if (this.onSetFunc) {this.onSetFunc();}
    }

    save() {
        return JSON.stringify({'currentState': this.currentState, 'initialState': this.initialState});
    }

    load(saveData) {        
        this.initialState = saveData['initialState'];
        this.set(saveData['currentState']);

        if (this.onLoadFunc) {this.onLoadFunc();}
    }
}

class smToggle {
    constructor(settingName, initialState=false) {
        this.name = settingName;
        this.type = 'smToggle';
        this.onEnableFunc = undefined;
        this.onDisableFunc = undefined;
        // style lists should contain [style, value] pairs
        this.idsToStyle = [];
        this.onEnableStyles = [];
        this.onDisableStyles = [];
        this.currentState = initialState;
        this.initialState = initialState;
    }

    enable() {
        this.currentState = true;
        if (this.onEnableFunc) { this.onEnableFunc()}
        this.enableStyle();
    }

    enableStyle() {
        for (var i=0; i < this.onEnableStyles.length; i++) {
            for (var j=0; j < this.idsToStyle.length; j++) {
                const evalStr = "document.getElementById('" + this.idsToStyle[j] + "').style." + this.onEnableStyles[i][0] + " = '" + this.onEnableStyles[i][1] + "'";
                eval(evalStr);
            }
        }
    }

    disable() {
        this.currentState = false;
        if (this.onDisableFunc) { this.onDisableFunc()}
        this.disableStyle();
        
    }

    disableStyle() {
        for (var i=0; i < this.onDisableStyles.length; i++) {
            for (var j=0; j < this.idsToStyle.length; j++) {
                const evalStr = "document.getElementById('" + this.idsToStyle[j] + "').style." + this.onDisableStyles[i][0] + " = '" + this.onDisableStyles[i][1] + "'";
                eval(evalStr);
            }
        }
    }

    toggle() {
        if (this.currentState) { this.disable() } else { this.enable() }
    }

    save () {
        return JSON.stringify({'currentState': this.currentState, 'initialState': this.initialState});
    }

    load (saveData) {        
        this.currentState = saveData['currentState'];
        this.initialState = saveData['initialState'];
        if (this.currentState) { this.enableStyle() } else { this.disableStyle();}
    }
}

class smString {
    constructor(settingName, initialState='') {
        this.name = settingName;
        this.type = 'smString';
        this.onSetFunc = undefined;
        // style lists should contain [style, value] pairs
        this.idsToStyle = [];
        this.inputFieldsToUpdate = [];
        this.onSetStyles = [];
        this.currentState = initialState;
        this.initialState = initialState;
    }

    set(newValue) {
        this.currentState = newValue;
        this.setStyle();
        
        this.setInputFields(newValue);

        if (this.onSetFunc) { this.onSetFunc(); }
    }

    setInputFields(newValue) {
        for (var i=0; i< this.inputFieldsToUpdate.length; i++) {
            this.inputFieldsToUpdate[i].value = newValue;
        }
    }

    setStyle() {
        for (var i=0; i < this.onSetStyles.length; i++) {
            for (var j=0; j < this.idsToStyle.length; j++) {
                const evalStr = "document.getElementById('" + this.idsToStyle[j] + "').style." + this.onSetStyles[i][0] + " = '" + this.onSetStyles[i][1] + "'";
                eval(evalStr);
            }
        }
    }

    save () {
        return JSON.stringify({'currentState': this.currentState, 'initialState': this.initialState});
    }

    load (saveData) {        
        this.initialState = saveData['initialState'];
        this.set(saveData['currentState']);
    }
    
}