diff --git a/client/scripts/actions/TorrentActions.js b/client/scripts/actions/TorrentActions.js
index fc81017a..351a78c3 100644
--- a/client/scripts/actions/TorrentActions.js
+++ b/client/scripts/actions/TorrentActions.js
@@ -54,8 +54,8 @@ const TorrentActions = {
});
},
- deleteTorrents: (hash) => {
- return axios.post('/api/client/torrents/delete', {hash})
+ deleteTorrents: (hash, deleteData) => {
+ return axios.post('/api/client/torrents/delete', {hash, deleteData})
.then((json = {}) => {
return json.data;
})
@@ -64,7 +64,8 @@ const TorrentActions = {
type: ActionTypes.CLIENT_REMOVE_TORRENT_SUCCESS,
data: {
data,
- count: hash.length
+ count: hash.length,
+ deleteData
}
});
})
diff --git a/client/scripts/components/Modals/RemoveTorrentsModal/index.js b/client/scripts/components/Modals/RemoveTorrentsModal/index.js
new file mode 100644
index 00000000..a62bae09
--- /dev/null
+++ b/client/scripts/components/Modals/RemoveTorrentsModal/index.js
@@ -0,0 +1,140 @@
+import _ from 'lodash';
+import classnames from 'classnames';
+import {formatMessage, FormattedMessage, injectIntl} from 'react-intl';
+import React from 'react';
+
+import Checkbox from '../../General/FormElements/Checkbox';
+import Modal from '../Modal';
+import SettingsStore from '../../../stores/SettingsStore';
+import stringUtil from '../../../../../shared/util/stringUtil';
+import TorrentActions from '../../../actions/TorrentActions';
+import TorrentStore from '../../../stores/TorrentStore';
+
+const METHODS_TO_BIND = [
+ 'handleRemovalConfirmation',
+ 'handleCheckboxChange'
+];
+
+class RemoveTorrentsModal extends React.Component {
+ constructor() {
+ super();
+
+ this.state = {
+ deleteData: SettingsStore.getFloodSettings('deleteTorrentData')
+ };
+
+ METHODS_TO_BIND.forEach((method) => {
+ this[method] = this[method].bind(this);
+ });
+ }
+
+ getActions(torrents) {
+ if (torrents.length === 0) {
+ return [
+ {
+ clickHandler: null,
+ content: 'OK',
+ triggerDismiss: true,
+ type: 'primary'
+ }
+ ];
+ }
+
+ return [
+ {
+ clickHandler: this.handleRemoveTorrentDecline,
+ content: this.props.intl.formatMessage({
+ id: 'button.no',
+ defaultMessage: 'No'
+ }),
+ triggerDismiss: true,
+ type: 'secondary'
+ },
+ {
+ clickHandler: this.handleRemovalConfirmation.bind(this, torrents),
+ content: this.props.intl.formatMessage({
+ id: 'button.yes',
+ defaultMessage: 'Yes'
+ }),
+ triggerDismiss: true,
+ type: 'primary'
+ }
+ ];
+ }
+
+ getContent(torrents) {
+ let modalContent = null;
+ let deleteDataContent = null;
+ let selectedTorrentCount = torrents.length;
+
+ if (selectedTorrentCount === 0) {
+ modalContent = this.props.intl.formatMessage({
+ id: 'torrents.remove.error.no.torrents.selected',
+ defaultMessage: 'You haven\'t selected any torrents.'
+ });
+ } else {
+ let torrentText = stringUtil.pluralize('torrent', selectedTorrentCount);
+ modalContent = this.props.intl.formatMessage({
+ id: 'torrents.remove.are.you.sure',
+ defaultMessage: `Are you sure you want to remove {count, plural,
+ =0 {no torrents}
+ =1 {one torrent}
+ other {# torrents}
+ }?`
+ }, {
+ count: selectedTorrentCount
+ });
+
+ deleteDataContent = (
+
+ );
+ }
+
+ return (
+
+
+ {deleteDataContent}
+