designModeToggler.component.ts 868 Bytes
import {Component, Inject} from 'ng-forward';
import {DesignModeService} from './designMode.service';
@Component({
    selector: 'noosfero-design-toggler',
    templateUrl: 'app/admin/designModeToggler.html'
})
@Inject(DesignModeService, '$scope')
export class DesignModeTogglerComponent {

    inDesignMode: boolean = false;

    constructor(private designModeService: DesignModeService, private $scope: ng.IScope) {
    }

    ngOnInit() {
        this.designModeService.onToggle.subscribe((editOnOrFalse: boolean) => {
            this.inDesignMode = editOnOrFalse;
            this.$scope.$apply();
        });
    }

    toggleDesignModeOn() {
        if (!this.inDesignMode) {
            this.designModeService.toggle();
        }
    }

    toggleDesignModeOff() {
        if (this.inDesignMode) {
            this.designModeService.toggle();
        }
    }
}