Enable block edition when toggle design mode

Victor Costa
1 parent b7f58749
Showing 2 changed files with 9 additions and 11 deletions Show diff stats
src/app/layout/blocks/block.component.ts
src/app/layout/scss/_layout.scss
@@ -4,13 +4,14 @@ import { BlockService } from &#39;../../../lib/ng-noosfero-api/http/block.service&#39;;
 import { NotificationService } from '../../shared/services/notification.service';
 import { AuthService, SessionService, AuthEvents } from "../../login";
 import { TranslatorService } from "../../shared/services/translator.service";
+import { DesignModeService } from "../../admin/layout-edit/designMode.service";
 @Component({
     selector: 'noosfero-block',
     templateUrl: 'app/layout/blocks/block.html',
     directives: [BlockEditionComponent]
 })
-@Inject("$uibModal", "$scope", "$state", "$rootScope", BlockService, NotificationService, AuthService, SessionService, TranslatorService)
+@Inject("$uibModal", "$scope", "$state", "$rootScope", BlockService, NotificationService, AuthService, SessionService, TranslatorService, DesignModeService)
 export class BlockComponent {
     @Input() block: noosfero.Block;
@@ -31,7 +32,8 @@ export class BlockComponent {
         private notificationService: NotificationService,
         private authService: AuthService,
         private session: SessionService,
-        private translatorService: TranslatorService) {
+        private translatorService: TranslatorService,
+        private designModeService: DesignModeService) {
         this.currentUser = this.session.currentUser();
         this.authService.subscribe(AuthEvents[AuthEvents.loginSuccess], () => {
@@ -45,6 +47,10 @@ export class BlockComponent {
         this.$rootScope.$on("$stateChangeSuccess", (event: ng.IAngularEvent, toState: ng.ui.IState) => {
             this.verifyHomepage();
         });
+        this.designModeService.onToggle.subscribe((designModeOn: boolean) => {
+            this.editionMode = designModeOn;
+            this.$scope.$apply();
+        });
     }
     ngOnInit() {
@@ -36,14 +36,6 @@
 	}
 }
-
-body.noosfero-design-on {
-
-	div.content-wrapper {
-		opacity: 0.5;
-	}
-}
-
 ul.nav > li.toggler-container {
 	position: relative;
 	padding-top: 12px;
@@ -55,4 +47,4 @@ ul.nav &gt; li.toggler-container {
 	margin-left: 0px;
 	margin-right: 0px;
 	background-color: #edecec;
-}
 \ No newline at end of file
+}