import Controller from '@ember/controller';
import {action} from '@ember/object';
import {inject as service} from '@ember/service';
import {task} from 'ember-concurrency-decorators';
import {tracked} from '@glimmer/tracking';

export default class MembersAccessController extends Controller {
    @service settings;

    @tracked showLeaveSettingsModal = false;
    @tracked signupAccessOpen = false;
    @tracked postAccessOpen = false;

    leaveRoute(transition) {
        if (this.settings.get('hasDirtyAttributes')) {
            transition.abort();
            this.leaveSettingsTransition = transition;
            this.showLeaveSettingsModal = true;
        }
    }

    @action
    async confirmLeave() {
        this.settings.rollbackAttributes();
        this.showLeaveSettingsModal = false;
        this.leaveSettingsTransition.retry();
    }

    @action
    cancelLeave() {
        this.showLeaveSettingsModal = false;
        this.leaveSettingsTransition = null;
    }

    @action
    toggleSignupAccess() {
        this.signupAccessOpen = !this.signupAccessOpen;
    }

    @action
    togglePostAccess() {
        this.postAccessOpen = !this.postAccessOpen;
    }

    @action
    setDefaultContentVisibility(value) {
        if (this.settings.get('membersSignupAccess') !== 'none') {
            this.settings.set('defaultContentVisibility', value);
        }
    }

    @action
    setSignupAccess(value) {
        this.settings.set('membersSignupAccess', value);
        if (value === 'none') {
            this.settings.set('defaultContentVisibility', 'public');
            this.postAccessOpen = true;
        }
    }

    @task({drop: true})
    *saveSettingsTask() {
        return yield this.settings.save();
    }
}