Commit 18b99fd31eb720384b213448e31c7ed06fd8cff2
1 parent
b7f58749
Exists in
master
and in
10 other branches
Enable block edition when toggle design mode
Showing
2 changed files
with
9 additions
and
11 deletions
Show diff stats
src/app/layout/blocks/block.component.ts
| ... | ... | @@ -4,13 +4,14 @@ import { BlockService } from '../../../lib/ng-noosfero-api/http/block.service'; |
| 4 | 4 | import { NotificationService } from '../../shared/services/notification.service'; |
| 5 | 5 | import { AuthService, SessionService, AuthEvents } from "../../login"; |
| 6 | 6 | import { TranslatorService } from "../../shared/services/translator.service"; |
| 7 | +import { DesignModeService } from "../../admin/layout-edit/designMode.service"; | |
| 7 | 8 | |
| 8 | 9 | @Component({ |
| 9 | 10 | selector: 'noosfero-block', |
| 10 | 11 | templateUrl: 'app/layout/blocks/block.html', |
| 11 | 12 | directives: [BlockEditionComponent] |
| 12 | 13 | }) |
| 13 | -@Inject("$uibModal", "$scope", "$state", "$rootScope", BlockService, NotificationService, AuthService, SessionService, TranslatorService) | |
| 14 | +@Inject("$uibModal", "$scope", "$state", "$rootScope", BlockService, NotificationService, AuthService, SessionService, TranslatorService, DesignModeService) | |
| 14 | 15 | export class BlockComponent { |
| 15 | 16 | |
| 16 | 17 | @Input() block: noosfero.Block; |
| ... | ... | @@ -31,7 +32,8 @@ export class BlockComponent { |
| 31 | 32 | private notificationService: NotificationService, |
| 32 | 33 | private authService: AuthService, |
| 33 | 34 | private session: SessionService, |
| 34 | - private translatorService: TranslatorService) { | |
| 35 | + private translatorService: TranslatorService, | |
| 36 | + private designModeService: DesignModeService) { | |
| 35 | 37 | |
| 36 | 38 | this.currentUser = this.session.currentUser(); |
| 37 | 39 | this.authService.subscribe(AuthEvents[AuthEvents.loginSuccess], () => { |
| ... | ... | @@ -45,6 +47,10 @@ export class BlockComponent { |
| 45 | 47 | this.$rootScope.$on("$stateChangeSuccess", (event: ng.IAngularEvent, toState: ng.ui.IState) => { |
| 46 | 48 | this.verifyHomepage(); |
| 47 | 49 | }); |
| 50 | + this.designModeService.onToggle.subscribe((designModeOn: boolean) => { | |
| 51 | + this.editionMode = designModeOn; | |
| 52 | + this.$scope.$apply(); | |
| 53 | + }); | |
| 48 | 54 | } |
| 49 | 55 | |
| 50 | 56 | ngOnInit() { | ... | ... |
src/app/layout/scss/_layout.scss
| ... | ... | @@ -36,14 +36,6 @@ |
| 36 | 36 | } |
| 37 | 37 | } |
| 38 | 38 | |
| 39 | - | |
| 40 | -body.noosfero-design-on { | |
| 41 | - | |
| 42 | - div.content-wrapper { | |
| 43 | - opacity: 0.5; | |
| 44 | - } | |
| 45 | -} | |
| 46 | - | |
| 47 | 39 | ul.nav > li.toggler-container { |
| 48 | 40 | position: relative; |
| 49 | 41 | padding-top: 12px; |
| ... | ... | @@ -55,4 +47,4 @@ ul.nav > li.toggler-container { |
| 55 | 47 | margin-left: 0px; |
| 56 | 48 | margin-right: 0px; |
| 57 | 49 | background-color: #edecec; |
| 58 | -} | |
| 59 | 50 | \ No newline at end of file |
| 51 | +} | ... | ... |