import subtitleSettings from 'subtitleSettings';
import {UserSettings, currentSettings as userSettings} from 'userSettings';
import autoFocuser from 'autoFocuser';

export class SubtitleController {
    constructor(view, params) {
        this.userId = params.userId || ApiClient.getCurrentUserId();
        this.currentSettings = this.userId === ApiClient.getCurrentUserId() ? userSettings : new UserSettings();
        this.hasChanges = false;
        this.subtitleSettingsInstance = null;
        this.view = view;

        view.addEventListener('viewshow', this.viewShow.bind(this));
        view.addEventListener('change', this.change.bind(this));
        view.addEventListener('viewbeforehide', this.viewBeforeHide.bind(this));
        view.addEventListener('viewdestroy', this.viewDestroy.bind(this));
    }

    viewShow() {
        window.addEventListener('beforeunload', this.beforeUnload.bind(this));

        if (this.subtitleSettingsInstance) {
            this.subtitleSettingsInstance.loadData();
        } else {
            this.subtitleSettingsInstance = new subtitleSettings({
                serverId: ApiClient.serverId(),
                userId: this.userId,
                element: this.view.querySelector('.settingsContainer'),
                userSettings: this.currentSettings,
                enableSaveButton: false,
                enableSaveConfirmation: false,
                autoFocus: autoFocuser.isEnabled()
            });
        }
    }

    viewDestroy() {
        if (this.subtitleSettingsInstance) {
            this.subtitleSettingsInstance.destroy();
            this.subtitleSettingsInstance = null;
        }
    }

    viewBeforeHide() {
        this.hasChanges = false;

        if (this.subtitleSettingsInstance) {
            this.subtitleSettingsInstance.submit();
        }
    }

    change() {
        this.hasChanges = true;
    }

    beforeUnload(e) {
        if (this.hasChanges) {
            e.returnValue = 'You currently have unsaved changes. Are you sure you wish to leave?';
        }
    }
}

export default SubtitleController;