From 7f97ce982819a97b50166eae3cac7d0adeaa33a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Wed, 21 Oct 2015 23:45:53 +0200
Subject: [PATCH] Handle deletion method for WalletPieceContainer

---
 .../ascribe_detail/further_details.js         |  2 +-
 .../ascribe_detail/wallet_action_panel.js     |  5 ++-
 .../ascribe_detail/wallet_piece_container.js  |  2 ++
 .../cyland_detail/cyland_piece_container.js   | 33 ++++++++++++++++++-
 .../ikonotv_detail/ikonotv_piece_container.js | 32 +++++++++++++++++-
 5 files changed, 68 insertions(+), 6 deletions(-)

diff --git a/js/components/ascribe_detail/further_details.js b/js/components/ascribe_detail/further_details.js
index 7d4424f3..91ce87c5 100644
--- a/js/components/ascribe_detail/further_details.js
+++ b/js/components/ascribe_detail/further_details.js
@@ -9,7 +9,6 @@ import Form from './../ascribe_forms/form';
 
 import PieceExtraDataForm from './../ascribe_forms/form_piece_extradata';
 
-
 import GlobalNotificationModel from '../../models/global_notification_model';
 import GlobalNotificationActions from '../../actions/global_notification_actions';
 
@@ -17,6 +16,7 @@ import FurtherDetailsFileuploader from './further_details_fileuploader';
 
 import { formSubmissionValidation } from '../ascribe_uploader/react_s3_fine_uploader_utils';
 
+
 let FurtherDetails = React.createClass({
     propTypes: {
         editable: React.PropTypes.bool,
diff --git a/js/components/whitelabel/wallet/components/ascribe_detail/wallet_action_panel.js b/js/components/whitelabel/wallet/components/ascribe_detail/wallet_action_panel.js
index 3e60c653..178be7da 100644
--- a/js/components/whitelabel/wallet/components/ascribe_detail/wallet_action_panel.js
+++ b/js/components/whitelabel/wallet/components/ascribe_detail/wallet_action_panel.js
@@ -2,14 +2,12 @@
 
 import React from 'react';
 
-
 import ListRequestActions from '../../../../ascribe_forms/list_form_request_actions';
 import AclButtonList from '../../../../ascribe_buttons/acl_button_list';
 import DeleteButton from '../../../../ascribe_buttons/delete_button';
 
 import AclProxy from '../../../../acl_proxy';
 
-
 import { mergeOptions } from '../../../../../utils/general_utils';
 
 
@@ -18,6 +16,7 @@ let WalletActionPanel = React.createClass({
         piece: React.PropTypes.object.isRequired,
         currentUser: React.PropTypes.object.isRequired,
         loadPiece: React.PropTypes.func.isRequired,
+        handleDeleteSuccess: React.PropTypes.func.isRequired,
         submitButtonType: React.PropTypes.func.isRequired
     },
 
@@ -62,7 +61,7 @@ let WalletActionPanel = React.createClass({
                         </AclProxy>
                     </AclProxy>
                     <DeleteButton
-                        handleSuccess={this.handleDeleteSuccess}
+                        handleSuccess={this.props.handleDeleteSuccess}
                         piece={this.props.piece}/>
                 </AclButtonList>
             );
diff --git a/js/components/whitelabel/wallet/components/ascribe_detail/wallet_piece_container.js b/js/components/whitelabel/wallet/components/ascribe_detail/wallet_piece_container.js
index 58c3eb61..8a38f02e 100644
--- a/js/components/whitelabel/wallet/components/ascribe_detail/wallet_piece_container.js
+++ b/js/components/whitelabel/wallet/components/ascribe_detail/wallet_piece_container.js
@@ -23,6 +23,7 @@ let WalletPieceContainer = React.createClass({
         piece: React.PropTypes.object.isRequired,
         currentUser: React.PropTypes.object.isRequired,
         loadPiece: React.PropTypes.func.isRequired,
+        handleDeleteSuccess: React.PropTypes.func.isRequired,
         submitButtonType: React.PropTypes.func.isRequired
     },
 
@@ -53,6 +54,7 @@ let WalletPieceContainer = React.createClass({
                         piece={this.props.piece}
                         currentUser={this.props.currentUser}
                         loadPiece={this.props.loadPiece}
+                        handleDeleteSuccess={this.props.handleDeleteSuccess}
                         submitButtonType={this.props.submitButtonType}/>
                     <CollapsibleParagraph
                         title={getLangText('Loan History')}
diff --git a/js/components/whitelabel/wallet/components/cyland/cyland_detail/cyland_piece_container.js b/js/components/whitelabel/wallet/components/cyland/cyland_detail/cyland_piece_container.js
index e86fef3d..79d63abf 100644
--- a/js/components/whitelabel/wallet/components/cyland/cyland_detail/cyland_piece_container.js
+++ b/js/components/whitelabel/wallet/components/cyland/cyland_detail/cyland_piece_container.js
@@ -1,12 +1,18 @@
 'use strict';
 
 import React from 'react';
+import { History } from 'react-router';
 
 import PieceActions from '../../../../../../actions/piece_actions';
 import PieceStore from '../../../../../../stores/piece_store';
 
 import UserStore from '../../../../../../stores/user_store';
 
+import PieceListStore from '../../../../../../stores/piece_list_store';
+import PieceListActions from '../../../../../../actions/piece_list_actions';
+
+import EditionListActions from '../../../../../../actions/edition_list_actions';
+
 import CylandSubmitButton from '../cyland_buttons/cyland_submit_button';
 
 import CollapsibleParagraph from '../../../../../../components/ascribe_collapsible/collapsible_paragraph';
@@ -17,26 +23,34 @@ import WalletPieceContainer from '../../ascribe_detail/wallet_piece_container';
 
 import AscribeSpinner from '../../../../../ascribe_spinner';
 
+import GlobalNotificationModel from '../../../../../../models/global_notification_model';
+import GlobalNotificationActions from '../../../../../../actions/global_notification_actions';
+
 import { getLangText } from '../../../../../../utils/lang_utils';
 import { setDocumentTitle } from '../../../../../../utils/dom_utils';
 import { mergeOptions } from '../../../../../../utils/general_utils';
 
+
 let CylandPieceContainer = React.createClass({
     propTypes: {
         location: React.PropTypes.object,
         params: React.PropTypes.object
     },
 
+    mixins: [History],
+
     getInitialState() {
         return mergeOptions(
             PieceStore.getState(),
-            UserStore.getState()
+            UserStore.getState(),
+            PieceListStore.getState()
         );
     },
 
     componentDidMount() {
         PieceStore.listen(this.onChange);
         UserStore.listen(this.onChange);
+        PieceListStore.listen(this.onChange);
 
         // Every time we're leaving the piece detail page,
         // just reset the piece that is saved in the piece store
@@ -50,6 +64,7 @@ let CylandPieceContainer = React.createClass({
     componentWillUnmount() {
         PieceStore.unlisten(this.onChange);
         UserStore.unlisten(this.onChange);
+        PieceListStore.listen(this.onChange);
     },
 
     onChange(state) {
@@ -60,6 +75,21 @@ let CylandPieceContainer = React.createClass({
         PieceActions.fetchOne(this.props.params.pieceId);
     },
 
+    handleDeleteSuccess(response) {
+        PieceListActions.fetchPieceList(this.state.page, this.state.pageSize, this.state.search,
+                                        this.state.orderBy, this.state.orderAsc, this.state.filterBy);
+
+        // since we're deleting a piece, we just need to close
+        // all editions dialogs and not reload them
+        EditionListActions.closeAllEditionLists();
+        EditionListActions.clearAllEditionSelections();
+
+        let notification = new GlobalNotificationModel(response.notification, 'success');
+        GlobalNotificationActions.appendGlobalNotification(notification);
+
+        this.history.pushState(null, '/collection');
+    },
+
     render() {
         if(this.state.piece && this.state.piece.title) {
             setDocumentTitle([this.state.piece.artist_name, this.state.piece.title].join(', '));
@@ -69,6 +99,7 @@ let CylandPieceContainer = React.createClass({
                     piece={this.state.piece}
                     currentUser={this.state.currentUser}
                     loadPiece={this.loadPiece}
+                    handleDeleteSuccess={this.handleDeleteSuccess}
                     submitButtonType={CylandSubmitButton}>
                     <CollapsibleParagraph
                         title={getLangText('Further Details')}
diff --git a/js/components/whitelabel/wallet/components/ikonotv/ikonotv_detail/ikonotv_piece_container.js b/js/components/whitelabel/wallet/components/ikonotv/ikonotv_detail/ikonotv_piece_container.js
index 21b52761..0c24de95 100644
--- a/js/components/whitelabel/wallet/components/ikonotv/ikonotv_detail/ikonotv_piece_container.js
+++ b/js/components/whitelabel/wallet/components/ikonotv/ikonotv_detail/ikonotv_piece_container.js
@@ -1,12 +1,18 @@
 'use strict';
 
 import React from 'react';
+import { History } from 'react-router';
 
 import PieceActions from '../../../../../../actions/piece_actions';
 import PieceStore from '../../../../../../stores/piece_store';
 
 import UserStore from '../../../../../../stores/user_store';
 
+import PieceListStore from '../../../../../../stores/piece_list_store';
+import PieceListActions from '../../../../../../actions/piece_list_actions';
+
+import EditionListActions from '../../../../../../actions/edition_list_actions';
+
 import IkonotvSubmitButton from '../ikonotv_buttons/ikonotv_submit_button';
 
 import CollapsibleParagraph from '../../../../../../components/ascribe_collapsible/collapsible_paragraph';
@@ -18,6 +24,9 @@ import WalletPieceContainer from '../../ascribe_detail/wallet_piece_container';
 
 import AscribeSpinner from '../../../../../ascribe_spinner';
 
+import GlobalNotificationModel from '../../../../../../models/global_notification_model';
+import GlobalNotificationActions from '../../../../../../actions/global_notification_actions';
+
 import { getLangText } from '../../../../../../utils/lang_utils';
 import { setDocumentTitle } from '../../../../../../utils/dom_utils';
 import { mergeOptions } from '../../../../../../utils/general_utils';
@@ -28,16 +37,20 @@ let IkonotvPieceContainer = React.createClass({
         params: React.PropTypes.object
     },
 
+    mixins: [History],
+
     getInitialState() {
         return mergeOptions(
             PieceStore.getState(),
-            UserStore.getState()
+            UserStore.getState(),
+            PieceListStore.getState()
         );
     },
 
     componentDidMount() {
         PieceStore.listen(this.onChange);
         UserStore.listen(this.onChange);
+        PieceListStore.listen(this.onChange);
 
         // Every time we're leaving the piece detail page,
         // just reset the piece that is saved in the piece store
@@ -59,6 +72,7 @@ let IkonotvPieceContainer = React.createClass({
     componentWillUnmount() {
         PieceStore.unlisten(this.onChange);
         UserStore.unlisten(this.onChange);
+        PieceListStore.listen(this.onChange);
     },
 
     onChange(state) {
@@ -69,6 +83,21 @@ let IkonotvPieceContainer = React.createClass({
         PieceActions.fetchOne(this.props.params.pieceId);
     },
 
+    handleDeleteSuccess(response) {
+        PieceListActions.fetchPieceList(this.state.page, this.state.pageSize, this.state.search,
+                                        this.state.orderBy, this.state.orderAsc, this.state.filterBy);
+
+        // since we're deleting a piece, we just need to close
+        // all editions dialogs and not reload them
+        EditionListActions.closeAllEditionLists();
+        EditionListActions.clearAllEditionSelections();
+
+        let notification = new GlobalNotificationModel(response.notification, 'success');
+        GlobalNotificationActions.appendGlobalNotification(notification);
+
+        this.history.pushState(null, '/collection');
+    },
+
     render() {
         let furtherDetails = (
             <CollapsibleParagraph
@@ -102,6 +131,7 @@ let IkonotvPieceContainer = React.createClass({
                     piece={this.state.piece}
                     currentUser={this.state.currentUser}
                     loadPiece={this.loadPiece}
+                    handleDeleteSuccess={this.handleDeleteSuccess}
                     submitButtonType={IkonotvSubmitButton}>
                     {furtherDetails}
                 </WalletPieceContainer>