merge with remove-article-confirmation. it closes issue #84

ABNER SILVA DE OLIVEIRA
2 parents e0b8b81d d6122deb
Showing 5 changed files with 38 additions and 9 deletions Show diff stats
src/app/article/article-default-view-component.spec.ts
src/app/article/article-default-view.component.ts
src/languages/en.json
src/languages/pt.json
src/spec/mocks.ts
@@ -19,6 +19,7 @@ describe(&quot;Components&quot;, () =&gt; {
     describe("Article Default View Component", () => {
         let helper: ComponentTestHelper<ArticleDefaultViewComponent>;
         const defaultViewTemplate: string = '<noosfero-default-article [article]="ctrl.article" [profile]="ctrl.profile"></noosfero-default-article>';
+        let notificationService = helpers.mocks.notificationService;
         let articleService: any = helpers.mocks.articleService;
         let article = <noosfero.Article>{
             id: 1,
@@ -29,7 +30,8 @@ describe(&quot;Components&quot;, () =&gt; {
         let state = <ng.ui.IStateService>jasmine.createSpyObj("state", ["go", "transitionTo"]);
         let providers = [
             provide('$state', { useValue: state }),
-            provide('ArticleService', { useValue: articleService })
+            provide('ArticleService', { useValue: articleService }),
+            helpers.createProviderToValue('NotificationService', notificationService),
         ].concat(helpers.provideFilters("translateFilter"));
         /**
@@ -67,23 +69,33 @@ describe(&quot;Components&quot;, () =&gt; {
          * Execute the delete method on the target component
          */
         function doDeleteArticle() {
+            // Create a mock for the notification service confirmation
+            spyOn(helper.component.notificationService, 'confirmation').and.callFake(function (params: Function) {
+
+            });
             // Create a mock for the ArticleService removeArticle method
-            spyOn(helper.component.articleService, 'remove').and.callFake(function(param: noosfero.Article) {
+            spyOn(helper.component.articleService, 'remove').and.callFake(function (param: noosfero.Article) {
+
                 return {
-                    catch: () => {}
+                    catch: () => { }
                 };
             });
             helper.component.delete();
+            expect(notificationService.confirmation).toHaveBeenCalled();
+            helper.component.doDelete();
             expect(articleService.remove).toHaveBeenCalled();
+
             // After the component delete method execution, fire the
             // ArticleEvent.removed event
             simulateRemovedEvent();
         }
         /**
-         * Simulate the ArticleService ArticleEvent.removed event
+         * Simulate the Notification Service confirmation and ArticleService 
+         * notifyArticleRemovedListeners event
          */
         function simulateRemovedEvent() {
+            helper.component.notificationService["confirmation"]({ title: "Title", message: "Message" }, () => { });
             helper.component.articleService["modelRemovedEventEmitter"].next(article);
         }
     });
@@ -5,7 +5,8 @@ import {MacroDirective} from &quot;./macro/macro.directive&quot;;
 import {ArticleToolbarHotspotComponent} from "../hotspot/article-toolbar-hotspot.component";
 import {ArticleContentHotspotComponent} from "../hotspot/article-content-hotspot.component";
 import {ArticleService} from "./../../lib/ng-noosfero-api/http/article.service";
-import {NotificationService} from "./../shared/services/notification.service";
+import { NotificationService } from "./../shared/services/notification.service";
+
 /**
  * @ngdoc controller
  * @name ArticleDefaultView
@@ -17,13 +18,13 @@ import {NotificationService} from &quot;./../shared/services/notification.service&quot;;
     selector: 'noosfero-default-article',
     templateUrl: 'app/article/article.html'
 })
-@Inject("$state", ArticleService)
+@Inject("$state", ArticleService, NotificationService)
 export class ArticleDefaultViewComponent {
     @Input() article: noosfero.Article;
     @Input() profile: noosfero.Profile;
-    constructor(private $state: ng.ui.IStateService, public articleService: ArticleService) {
+    constructor(private $state: ng.ui.IStateService, public articleService: ArticleService, public notificationService: NotificationService) {
         // Subscribe to the Article Removed Event
         this.articleService.subscribeToModelRemoved((article: noosfero.Article) => {
             if (this.article.parent) {
@@ -31,13 +32,20 @@ export class ArticleDefaultViewComponent {
             } else {
                 this.$state.transitionTo('main.profile.info', { profile: this.article.profile.identifier });
             }
+            this.notificationService.success({ title: "article.remove.success.title", message: "article.remove.success.message" });
         });
     }
     delete() {
-        this.articleService.remove(this.article);
+        this.notificationService.confirmation({ title: "article.remove.confirmation.title", message: "article.remove.confirmation.message" }, () => {
+            this.doDelete();
+        });
+
     }
+    doDelete() {
+        this.articleService.remove(this.article);
+    }
 }
 /**
@@ -56,6 +56,10 @@
   "article.basic_editor.cancel": "Cancel",
   "article.basic_editor.success.title": "Good job!",
   "article.basic_editor.success.message": "Article saved!",
+  "article.remove.success.title": "Good job!",
+  "article.remove.success.message": "Article removed!",
+  "article.remove.confirmation.title": "Are you sure?",
+  "article.remove.confirmation.message": "You will not be able to recover this article!",
   "article.basic_editor.visibility": "Visibility",
   "article.basic_editor.visibility.public": "Public",
   "article.basic_editor.visibility.private": "Private",
@@ -53,6 +53,10 @@
   "article.basic_editor.cancel": "Cancelar",
   "article.basic_editor.success.title": "Bom trabalho!",
   "article.basic_editor.success.message": "Artigo salvo com sucesso!",
+  "article.remove.success.title": "Bom trabalho!",
+  "article.remove.success.message": "Artigo removido!",
+  "article.remove.confirmation.title": "Tem certeza?",
+  "article.remove.confirmation.message": "Não será possível recuperar este artigo!",  
   "article.basic_editor.visibility": "Visibilidade",
   "article.basic_editor.visibility.public": "Público",
   "article.basic_editor.visibility.private": "Privado",
@@ -200,6 +200,7 @@ export var mocks: any = {
         translate: (text: string) => { return text; }
     },
     notificationService: {
-        success: () => { }
+        success: () => { },
+        confirmation: () => { }
     }
 };