Crown.js

class Crown {
    constructor(settings, parentWatch) {
        this.errorChecking(settings);

        this.crown = document.getElementById(settings.id || settings);
        this.parent = parentWatch;
        this.crownActive = false;

        if (!this.parent.testing) this.init();
    }

    errorChecking(settings) {
        if (typeof settings === 'object') {
            if (!settings.id) throw new ReferenceError("The Crown class requires that an ID of the crown element be provided.");
        } else if (typeof settings !== 'string') {
            throw new ReferenceError('The Crown class expects either a settings object or a string containing the element\'s ID.');
        }
    }

    toggleCrown() {
        this.crownActive = !this.crownActive;
        this.parent.dialInstances.forEach((instance) => {
            if (instance.toggleActiveCrown)
                instance.toggleActiveCrown();
        });

        if (this.crownActive) {
            this.parent.stopInterval();
            this.crown.classList.add('active');
            this.parent.dialInstances.forEach((instance) => {
                if (instance.toggleSettingTime)
                    instance.toggleSettingTime();
            });
        } else {
            this.parent.startInterval();
            this.parent.resetActiveDial();
            this.crown.classList.remove('active');
            this.parent.dialInstances.forEach((instance) => {
                if (instance.toggleSettingTime)
                    instance.toggleSettingTime();
                if (instance.updateToManualTime)
                    instance.updateToManualTime();
            });
        }
    }

    updateCursorForTrigger() {
        this.crown.style.cursor = 'pointer';
    }

    init() {
        this.updateCursorForTrigger();
        this.crown.addEventListener('click', () => {
            this.toggleCrown();
        });
    }
}

module.exports = Crown;