Closing a file that was left open, working on profiling app for memory leak on Windows
This commit is contained in:
215
goTorrentWebUI/lib/TopMenu/Modals/RSSModal/RSSFeedList.js
Normal file
215
goTorrentWebUI/lib/TopMenu/Modals/RSSModal/RSSFeedList.js
Normal file
@@ -0,0 +1,215 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
||||
|
||||
var _react = require('react');
|
||||
|
||||
var _react2 = _interopRequireDefault(_react);
|
||||
|
||||
var _reactDom = require('react-dom');
|
||||
|
||||
var _reactDom2 = _interopRequireDefault(_reactDom);
|
||||
|
||||
var _Button = require('material-ui/Button');
|
||||
|
||||
var _Button2 = _interopRequireDefault(_Button);
|
||||
|
||||
var _TextField = require('material-ui/TextField');
|
||||
|
||||
var _TextField2 = _interopRequireDefault(_TextField);
|
||||
|
||||
var _styles = require('material-ui/styles');
|
||||
|
||||
var _propTypes = require('prop-types');
|
||||
|
||||
var _propTypes2 = _interopRequireDefault(_propTypes);
|
||||
|
||||
var _List = require('material-ui/List');
|
||||
|
||||
var _List2 = _interopRequireDefault(_List);
|
||||
|
||||
var _Dialog = require('material-ui/Dialog');
|
||||
|
||||
var _Dialog2 = _interopRequireDefault(_Dialog);
|
||||
|
||||
var _Link = require('material-ui-icons/Link');
|
||||
|
||||
var _Link2 = _interopRequireDefault(_Link);
|
||||
|
||||
var _reactTooltip = require('react-tooltip');
|
||||
|
||||
var _reactTooltip2 = _interopRequireDefault(_reactTooltip);
|
||||
|
||||
var _Icon = require('material-ui/Icon');
|
||||
|
||||
var _Icon2 = _interopRequireDefault(_Icon);
|
||||
|
||||
var _IconButton = require('material-ui/IconButton');
|
||||
|
||||
var _IconButton2 = _interopRequireDefault(_IconButton);
|
||||
|
||||
var _RssFeed = require('material-ui-icons/RssFeed');
|
||||
|
||||
var _RssFeed2 = _interopRequireDefault(_RssFeed);
|
||||
|
||||
var _AddCircle = require('material-ui-icons/AddCircle');
|
||||
|
||||
var _AddCircle2 = _interopRequireDefault(_AddCircle);
|
||||
|
||||
var _Delete = require('material-ui-icons/Delete');
|
||||
|
||||
var _Delete2 = _interopRequireDefault(_Delete);
|
||||
|
||||
var _reactRedux = require('react-redux');
|
||||
|
||||
var _actions = require('../../../store/actions');
|
||||
|
||||
var actionTypes = _interopRequireWildcard(_actions);
|
||||
|
||||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
||||
|
||||
//Redux
|
||||
|
||||
|
||||
var button = {
|
||||
fontSize: '60px',
|
||||
paddingRight: '20px',
|
||||
paddingLeft: '20px'
|
||||
};
|
||||
|
||||
var smallButton = {
|
||||
width: '36px',
|
||||
height: '36px',
|
||||
padding: '5px'
|
||||
};
|
||||
|
||||
var rssInput = {
|
||||
width: '90%',
|
||||
paddingRight: '10px'
|
||||
};
|
||||
|
||||
var inlineStyle = {
|
||||
display: 'inline-block',
|
||||
backdrop: 'static'
|
||||
};
|
||||
|
||||
var RSSFeedList = function (_React$Component) {
|
||||
_inherits(RSSFeedList, _React$Component);
|
||||
|
||||
function RSSFeedList() {
|
||||
var _ref;
|
||||
|
||||
var _temp, _this, _ret;
|
||||
|
||||
_classCallCheck(this, RSSFeedList);
|
||||
|
||||
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = RSSFeedList.__proto__ || Object.getPrototypeOf(RSSFeedList)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
|
||||
testRSSFeeds: [],
|
||||
showList: false,
|
||||
selectedIndex: 0
|
||||
}, _this.showRSSFiles = function (key) {
|
||||
var RSSTorrentsRequest = {
|
||||
messageType: "rssTorrentsRequest",
|
||||
Payload: [_this.props.RSSList[key].RSSURL]
|
||||
};
|
||||
ws.send(JSON.stringify(RSSTorrentsRequest));
|
||||
|
||||
_this.setState({ selectedIndex: key }); //setting our selected index for styling
|
||||
console.log("RSSFEED", key, "sending message", JSON.stringify(RSSTorrentsRequest));
|
||||
}, _this.getStyle = function (index) {
|
||||
console.log("SettingStye", selectedIndex, index);
|
||||
if (selectedIndex == index) {
|
||||
console.log("Returning activestyle");
|
||||
style = "{{backgroundColor: '#80b3ff'}}";
|
||||
return style;
|
||||
}
|
||||
style = "{{backgroundColor: '#f44295'}}";
|
||||
return style;
|
||||
}, _this.deleteRSSFeed = function (key) {
|
||||
var RSSURLDelete = {
|
||||
messageType: "deleteRSSFeed",
|
||||
Payload: [_this.props.RSSList[key]]
|
||||
};
|
||||
console.log("Deleting THIS", _this.props.RSSList[key]);
|
||||
//ws.send(JSON.stringify(RSSURLDelete));
|
||||
}, _temp), _possibleConstructorReturn(_this, _ret);
|
||||
}
|
||||
|
||||
_createClass(RSSFeedList, [{
|
||||
key: 'render',
|
||||
value: function render() {
|
||||
var _this2 = this;
|
||||
|
||||
//const { classes, onRequestClose, handleRequestClose, handleSubmit } = this.props;
|
||||
if (this.props.RSSList.length > 0 && this.state.showList == false) {
|
||||
console.log("Setting list to show....");
|
||||
this.setState({ showList: true });
|
||||
}
|
||||
|
||||
return _react2.default.createElement(
|
||||
'div',
|
||||
{ style: inlineStyle },
|
||||
this.state.showList == true && //if we have any rss torrent feeds then display them in list }
|
||||
_react2.default.createElement(
|
||||
_List2.default,
|
||||
{ dense: true },
|
||||
this.props.RSSList.map(function (RSSFeed, index) {
|
||||
return _react2.default.createElement(
|
||||
_List.ListItem,
|
||||
{ button: true, onClick: function onClick() {
|
||||
return _this2.showRSSFiles(index);
|
||||
}, key: index },
|
||||
_react2.default.createElement(_List.ListItemText, { primary: RSSFeed.RSSName }),
|
||||
_react2.default.createElement(
|
||||
_List.ListItemSecondaryAction,
|
||||
null,
|
||||
_react2.default.createElement(
|
||||
_IconButton2.default,
|
||||
{ key: index, onClick: function onClick() {
|
||||
return _this2.deleteRSSFeed(index);
|
||||
}, 'aria-label': 'Delete' },
|
||||
_react2.default.createElement(_Delete2.default, null)
|
||||
)
|
||||
)
|
||||
);
|
||||
})
|
||||
)
|
||||
);
|
||||
}
|
||||
}]);
|
||||
|
||||
return RSSFeedList;
|
||||
}(_react2.default.Component);
|
||||
|
||||
;
|
||||
|
||||
var mapStateToProps = function mapStateToProps(state) {
|
||||
return {
|
||||
RSSList: state.RSSList
|
||||
};
|
||||
};
|
||||
|
||||
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
|
||||
return {
|
||||
rssModalOpenState: function rssModalOpenState(RSSModalOpen) {
|
||||
return dispatch({ type: actionTypes.RSS_MODAL_OPEN_STATE, RSSModalOpen: RSSModalOpen });
|
||||
} //sending modal state to backendwebsocket so we can update RSS lists
|
||||
};
|
||||
};
|
||||
exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(RSSFeedList);
|
272
goTorrentWebUI/lib/TopMenu/Modals/RSSModal/RSSModalLayout.js
Normal file
272
goTorrentWebUI/lib/TopMenu/Modals/RSSModal/RSSModalLayout.js
Normal file
@@ -0,0 +1,272 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
||||
|
||||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
||||
|
||||
var _react = require('react');
|
||||
|
||||
var _react2 = _interopRequireDefault(_react);
|
||||
|
||||
var _reactDom = require('react-dom');
|
||||
|
||||
var _reactDom2 = _interopRequireDefault(_reactDom);
|
||||
|
||||
require('../../../../node_modules/react-grid-layout/css/styles.css');
|
||||
|
||||
require('../../../../node_modules/react-resizable/css/styles.css');
|
||||
|
||||
var _reactGridLayout = require('react-grid-layout');
|
||||
|
||||
var _reactGridLayout2 = _interopRequireDefault(_reactGridLayout);
|
||||
|
||||
var _propTypes = require('prop-types');
|
||||
|
||||
var _propTypes2 = _interopRequireDefault(_propTypes);
|
||||
|
||||
var _lodash = require('lodash');
|
||||
|
||||
var _lodash2 = _interopRequireDefault(_lodash);
|
||||
|
||||
var _reactRedux = require('react-redux');
|
||||
|
||||
var _actions = require('../../../store/actions');
|
||||
|
||||
var actionTypes = _interopRequireWildcard(_actions);
|
||||
|
||||
var _TextField = require('material-ui/TextField');
|
||||
|
||||
var _TextField2 = _interopRequireDefault(_TextField);
|
||||
|
||||
var _styles = require('material-ui/styles');
|
||||
|
||||
var _Dialog = require('material-ui/Dialog');
|
||||
|
||||
var _Dialog2 = _interopRequireDefault(_Dialog);
|
||||
|
||||
var _reactTooltip = require('react-tooltip');
|
||||
|
||||
var _reactTooltip2 = _interopRequireDefault(_reactTooltip);
|
||||
|
||||
var _Icon = require('material-ui/Icon');
|
||||
|
||||
var _Icon2 = _interopRequireDefault(_Icon);
|
||||
|
||||
var _RssFeed = require('material-ui-icons/RssFeed');
|
||||
|
||||
var _RssFeed2 = _interopRequireDefault(_RssFeed);
|
||||
|
||||
var _AddCircle = require('material-ui-icons/AddCircle');
|
||||
|
||||
var _AddCircle2 = _interopRequireDefault(_AddCircle);
|
||||
|
||||
var _RSSFeedList = require('./RSSFeedList');
|
||||
|
||||
var _RSSFeedList2 = _interopRequireDefault(_RSSFeedList);
|
||||
|
||||
var _RSSTorrentList = require('./RSSTorrentList');
|
||||
|
||||
var _RSSTorrentList2 = _interopRequireDefault(_RSSTorrentList);
|
||||
|
||||
var _IconButton = require('material-ui/IconButton');
|
||||
|
||||
var _IconButton2 = _interopRequireDefault(_IconButton);
|
||||
|
||||
var _Button = require('material-ui/Button');
|
||||
|
||||
var _Button2 = _interopRequireDefault(_Button);
|
||||
|
||||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
||||
//css for react grid
|
||||
|
||||
//react-grid for layout
|
||||
|
||||
//Redux
|
||||
|
||||
//interior items
|
||||
|
||||
var ReactGridLayout = (0, _reactGridLayout.WidthProvider)(_reactGridLayout2.default);
|
||||
|
||||
var background = {
|
||||
backgroundColor: '#e5e5e5',
|
||||
boxShadow: '0 0 20px #000'
|
||||
};
|
||||
|
||||
var button = {
|
||||
fontSize: '60px',
|
||||
paddingRight: '20px',
|
||||
paddingLeft: '20px'
|
||||
};
|
||||
|
||||
var smallButton = {
|
||||
width: '36px',
|
||||
height: '36px',
|
||||
padding: '5px'
|
||||
};
|
||||
|
||||
var rssInput = {
|
||||
width: '90%',
|
||||
paddingRight: '10px'
|
||||
};
|
||||
|
||||
var inlineStyle = {
|
||||
display: 'inline-block',
|
||||
backdrop: 'static'
|
||||
};
|
||||
|
||||
var RSSModalLayout = function (_React$Component) {
|
||||
_inherits(RSSModalLayout, _React$Component);
|
||||
|
||||
function RSSModalLayout(props) {
|
||||
_classCallCheck(this, RSSModalLayout);
|
||||
|
||||
var _this = _possibleConstructorReturn(this, (RSSModalLayout.__proto__ || Object.getPrototypeOf(RSSModalLayout)).call(this, props));
|
||||
|
||||
_this.handleRSSModalClose = function () {
|
||||
var closeState = false;
|
||||
_this.props.rssModalOpenState(closeState);
|
||||
};
|
||||
|
||||
_this.handleAddRSSFeed = function () {
|
||||
_this.setState({ textValue: "Clear" }); //clearing out the text submitted
|
||||
var RSSURLSubmit = {
|
||||
messageType: "addRSSFeed",
|
||||
Payload: [_this.state.textValue]
|
||||
};
|
||||
ws.send(JSON.stringify(RSSURLSubmit));
|
||||
var RSSRequest = {
|
||||
messageType: "rssFeedRequest"
|
||||
};
|
||||
ws.send(JSON.stringify(RSSRequest)); //Immediatly request an update of the feed when you add a new URL
|
||||
};
|
||||
|
||||
_this.setTextValue = function (event) {
|
||||
_this.setState({ textValue: event.target.value });
|
||||
};
|
||||
|
||||
var layout = [{ i: 'a', x: 0, y: 0, w: 6, h: 1, static: true }, { i: 'b', x: 0, y: 1, w: 1, h: 5, static: true }, { i: 'c', x: 1, y: 1, w: 5, h: 5, minW: 5, minH: 3, static: true }];
|
||||
_this.state = { layout: layout };
|
||||
|
||||
return _this;
|
||||
}
|
||||
|
||||
_createClass(RSSModalLayout, [{
|
||||
key: 'onLayoutChange',
|
||||
value: function onLayoutChange(layout) {
|
||||
this.props.onLayoutChange(layout);
|
||||
}
|
||||
}, {
|
||||
key: 'componentWillReceiveProps',
|
||||
value: function componentWillReceiveProps(nextProps) {
|
||||
console.log("nextprops", nextProps, "Modal", nextProps.RSSModalOpen);
|
||||
}
|
||||
}, {
|
||||
key: 'componentWillMount',
|
||||
value: function componentWillMount() {
|
||||
console.log("Mounting grid");
|
||||
}
|
||||
}, {
|
||||
key: 'render',
|
||||
value: function render() {
|
||||
return _react2.default.createElement(
|
||||
'div',
|
||||
{ style: inlineStyle },
|
||||
_react2.default.createElement(
|
||||
_Dialog.DialogContent,
|
||||
null,
|
||||
_react2.default.createElement(
|
||||
ReactGridLayout,
|
||||
_extends({ layout: this.state.layout, onLayoutChange: this.onLayoutChange
|
||||
}, this.props),
|
||||
_react2.default.createElement(
|
||||
'div',
|
||||
{ key: 'a', sytle: background, className: 'DragHandle' },
|
||||
_react2.default.createElement(_TextField2.default, {
|
||||
style: rssInput,
|
||||
autoFocus: true,
|
||||
margin: 'dense',
|
||||
id: 'name',
|
||||
label: 'Add New RSS URL',
|
||||
type: 'text',
|
||||
placeholder: 'Enter RSS URL Here..',
|
||||
onChange: this.setTextValue
|
||||
}),
|
||||
_react2.default.createElement(
|
||||
_IconButton2.default,
|
||||
{ onClick: this.handleAddRSSFeed, color: 'primary', 'data-tip': 'Add RSS Feed', style: smallButton, 'aria-label': 'Add RSS Feeds' },
|
||||
_react2.default.createElement(_reactTooltip2.default, { place: 'top', type: 'light', effect: 'float' }),
|
||||
_react2.default.createElement(_AddCircle2.default, null)
|
||||
)
|
||||
),
|
||||
_react2.default.createElement(
|
||||
'div',
|
||||
{ key: 'b', style: background, className: 'DragHandle' },
|
||||
_react2.default.createElement(_RSSFeedList2.default, null)
|
||||
),
|
||||
_react2.default.createElement(
|
||||
'div',
|
||||
{ key: 'c', style: background, className: 'DragHandle' },
|
||||
_react2.default.createElement(_RSSTorrentList2.default, null)
|
||||
)
|
||||
)
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_Dialog.DialogActions,
|
||||
null,
|
||||
_react2.default.createElement(
|
||||
_Button2.default,
|
||||
{ onClick: this.handleRSSModalClose, color: 'primary' },
|
||||
'Close'
|
||||
)
|
||||
)
|
||||
);
|
||||
}
|
||||
}]);
|
||||
|
||||
return RSSModalLayout;
|
||||
}(_react2.default.Component);
|
||||
|
||||
RSSModalLayout.propTypes = {
|
||||
onLayoutChange: _propTypes2.default.func.isRequired
|
||||
};
|
||||
RSSModalLayout.defaultProps = {
|
||||
className: "layout",
|
||||
items: 4,
|
||||
rowHeight: 100,
|
||||
onLayoutChange: function onLayoutChange() {},
|
||||
cols: 6,
|
||||
draggableCancel: '.NoDrag',
|
||||
draggableHandle: '.DragHandle'
|
||||
};
|
||||
;
|
||||
|
||||
//module.exports = RSSModalLayout;
|
||||
|
||||
var mapStateToProps = function mapStateToProps(state) {
|
||||
return {
|
||||
RSSList: state.RSSList,
|
||||
RSSModalOpen: state.RSSModalOpen
|
||||
};
|
||||
};
|
||||
|
||||
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
|
||||
return {
|
||||
rssModalOpenState: function rssModalOpenState(RSSModalOpen) {
|
||||
return dispatch({ type: actionTypes.RSS_MODAL_OPEN_STATE, RSSModalOpen: RSSModalOpen });
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(RSSModalLayout);
|
149
goTorrentWebUI/lib/TopMenu/Modals/RSSModal/RSSTorrentList.js
Normal file
149
goTorrentWebUI/lib/TopMenu/Modals/RSSModal/RSSTorrentList.js
Normal file
@@ -0,0 +1,149 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
||||
|
||||
var _react = require('react');
|
||||
|
||||
var _react2 = _interopRequireDefault(_react);
|
||||
|
||||
var _reactDom = require('react-dom');
|
||||
|
||||
var _reactDom2 = _interopRequireDefault(_reactDom);
|
||||
|
||||
var _Button = require('material-ui/Button');
|
||||
|
||||
var _Button2 = _interopRequireDefault(_Button);
|
||||
|
||||
var _dxReactGrid = require('@devexpress/dx-react-grid');
|
||||
|
||||
var _dxReactGridMaterialUi = require('@devexpress/dx-react-grid-material-ui');
|
||||
|
||||
var _reactRedux = require('react-redux');
|
||||
|
||||
var _actions = require('../../../store/actions');
|
||||
|
||||
var actionTypes = _interopRequireWildcard(_actions);
|
||||
|
||||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
||||
|
||||
var tableStyle = {};
|
||||
|
||||
var RSSTorrentList = function (_React$Component) {
|
||||
_inherits(RSSTorrentList, _React$Component);
|
||||
|
||||
function RSSTorrentList(props) {
|
||||
_classCallCheck(this, RSSTorrentList);
|
||||
|
||||
var _this = _possibleConstructorReturn(this, (RSSTorrentList.__proto__ || Object.getPrototypeOf(RSSTorrentList)).call(this, props));
|
||||
|
||||
_this.changeSelection = function (selection) {
|
||||
console.log("TorrentList is changing selection now", selection);
|
||||
_this.setState({ selected: selection });
|
||||
if (selection.length > 0) {
|
||||
//if selection is empty buttons will be default and selectionHashes will be blanked out and pushed to redux
|
||||
console.log("Getting the selected Rows");
|
||||
var selectedRows = []; //array of all the selected Rows
|
||||
selection.forEach(function (element) {
|
||||
selectedRows.push(_this.props.RSSTorrentList[element]); //pushing the selected rows out of torrentlist
|
||||
});
|
||||
_this.setState({ fileSelection: selectedRows });
|
||||
}
|
||||
};
|
||||
|
||||
_this.sendMagnetLinks = function () {
|
||||
var sendMagnetLinks = [];
|
||||
_this.state.fileSelection.forEach(function (element) {
|
||||
//fileselection contains the currently selected rows
|
||||
console.log("element", element);
|
||||
sendMagnetLinks.push(element.TorrentLink);
|
||||
});
|
||||
var magnetLinkSubmit = {
|
||||
MessageType: "magnetLinkSubmit",
|
||||
Payload: sendMagnetLinks
|
||||
};
|
||||
console.log(JSON.stringify(magnetLinkSubmit));
|
||||
ws.send(JSON.stringify(magnetLinkSubmit));
|
||||
};
|
||||
|
||||
_this.state = { //rows are stored in redux they are sent over from the server
|
||||
columns: [{ name: 'TorrentName', title: 'Title' }, { name: 'TorrentLink', title: 'Magnet Link' }, { name: 'PublishDate', title: 'Date Published' }],
|
||||
sorting: [],
|
||||
columnOrder: ['TorrentName', 'TorrentLink', 'PublishDate'],
|
||||
columnWidths: { TorrentName: 450, TorrentLink: 650, PublishDate: 200 },
|
||||
fileSelection: [],
|
||||
selected: []
|
||||
|
||||
};
|
||||
|
||||
_this.changeColumnOrder = function (columnOrder) {
|
||||
return _this.setState({ columnOrder: columnOrder });
|
||||
};
|
||||
_this.changeColumnWidths = function (columnWidths) {
|
||||
return _this.setState({ columnWidths: columnWidths });
|
||||
};
|
||||
_this.changeSorting = function (sorting) {
|
||||
return _this.setState({ sorting: sorting });
|
||||
};
|
||||
|
||||
return _this;
|
||||
}
|
||||
|
||||
_createClass(RSSTorrentList, [{
|
||||
key: 'componentWillReceiveProps',
|
||||
value: function componentWillReceiveProps() {
|
||||
console.log("New torrentlist", this.props.RSSTorrentList);
|
||||
}
|
||||
}, {
|
||||
key: 'render',
|
||||
value: function render() {
|
||||
return (
|
||||
//Buttons here
|
||||
_react2.default.createElement(
|
||||
'div',
|
||||
null,
|
||||
_react2.default.createElement(
|
||||
_Button2.default,
|
||||
{ raised: true, color: 'primary', onClick: this.sendMagnetLinks },
|
||||
'Download Torrents'
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_dxReactGridMaterialUi.Grid,
|
||||
{ rows: this.props.RSSTorrentList, columns: this.state.columns },
|
||||
_react2.default.createElement(_dxReactGrid.SortingState, { sorting: this.state.sorting, onSortingChange: this.changeSorting }),
|
||||
_react2.default.createElement(_dxReactGrid.LocalSorting, null),
|
||||
_react2.default.createElement(_dxReactGridMaterialUi.DragDropContext, null),
|
||||
_react2.default.createElement(_dxReactGrid.SelectionState, { onSelectionChange: this.changeSelection, selection: this.state.selection }),
|
||||
_react2.default.createElement(_dxReactGridMaterialUi.VirtualTableView, { height: 500 }),
|
||||
_react2.default.createElement(_dxReactGridMaterialUi.TableColumnResizing, { columnWidths: this.state.columnWidths, onColumnWidthsChange: this.changeColumnWidths }),
|
||||
_react2.default.createElement(_dxReactGridMaterialUi.TableColumnReordering, { order: this.state.columnOrder, onOrderChange: this.changeColumnOrder }),
|
||||
_react2.default.createElement(_dxReactGridMaterialUi.TableSelection, { selectByRowClick: true, highlightSelected: true }),
|
||||
_react2.default.createElement(_dxReactGridMaterialUi.TableHeaderRow, { allowSorting: true, allowResizing: true, allowDragging: true })
|
||||
)
|
||||
)
|
||||
);
|
||||
}
|
||||
}]);
|
||||
|
||||
return RSSTorrentList;
|
||||
}(_react2.default.Component);
|
||||
|
||||
var mapStateToProps = function mapStateToProps(state) {
|
||||
return {
|
||||
selectionHashes: state.selectionHashes,
|
||||
RSSTorrentList: state.RSSTorrentList
|
||||
};
|
||||
};
|
||||
|
||||
exports.default = (0, _reactRedux.connect)(mapStateToProps)(RSSTorrentList);
|
177
goTorrentWebUI/lib/TopMenu/Modals/RSSModal/addRSSModal.js
Normal file
177
goTorrentWebUI/lib/TopMenu/Modals/RSSModal/addRSSModal.js
Normal file
@@ -0,0 +1,177 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
||||
|
||||
var _react = require('react');
|
||||
|
||||
var _react2 = _interopRequireDefault(_react);
|
||||
|
||||
var _reactDom = require('react-dom');
|
||||
|
||||
var _reactDom2 = _interopRequireDefault(_reactDom);
|
||||
|
||||
var _Button = require('material-ui/Button');
|
||||
|
||||
var _Button2 = _interopRequireDefault(_Button);
|
||||
|
||||
var _TextField = require('material-ui/TextField');
|
||||
|
||||
var _TextField2 = _interopRequireDefault(_TextField);
|
||||
|
||||
var _styles = require('material-ui/styles');
|
||||
|
||||
var _propTypes = require('prop-types');
|
||||
|
||||
var _propTypes2 = _interopRequireDefault(_propTypes);
|
||||
|
||||
var _List = require('material-ui/List');
|
||||
|
||||
var _List2 = _interopRequireDefault(_List);
|
||||
|
||||
var _Dialog = require('material-ui/Dialog');
|
||||
|
||||
var _Dialog2 = _interopRequireDefault(_Dialog);
|
||||
|
||||
var _Link = require('material-ui-icons/Link');
|
||||
|
||||
var _Link2 = _interopRequireDefault(_Link);
|
||||
|
||||
var _reactTooltip = require('react-tooltip');
|
||||
|
||||
var _reactTooltip2 = _interopRequireDefault(_reactTooltip);
|
||||
|
||||
var _Icon = require('material-ui/Icon');
|
||||
|
||||
var _Icon2 = _interopRequireDefault(_Icon);
|
||||
|
||||
var _IconButton = require('material-ui/IconButton');
|
||||
|
||||
var _IconButton2 = _interopRequireDefault(_IconButton);
|
||||
|
||||
var _RssFeed = require('material-ui-icons/RssFeed');
|
||||
|
||||
var _RssFeed2 = _interopRequireDefault(_RssFeed);
|
||||
|
||||
var _AddCircle = require('material-ui-icons/AddCircle');
|
||||
|
||||
var _AddCircle2 = _interopRequireDefault(_AddCircle);
|
||||
|
||||
var _RSSModalLayout = require('./RSSModalLayout');
|
||||
|
||||
var _RSSModalLayout2 = _interopRequireDefault(_RSSModalLayout);
|
||||
|
||||
var _reactRedux = require('react-redux');
|
||||
|
||||
var _actions = require('../../../store/actions');
|
||||
|
||||
var actionTypes = _interopRequireWildcard(_actions);
|
||||
|
||||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
||||
|
||||
//Redux
|
||||
|
||||
|
||||
var button = {
|
||||
fontSize: '60px',
|
||||
paddingRight: '20px',
|
||||
paddingLeft: '20px'
|
||||
};
|
||||
|
||||
var inlineStyle = {
|
||||
display: 'inline-block',
|
||||
backdrop: 'static'
|
||||
};
|
||||
|
||||
var AddRSSModal = function (_React$Component) {
|
||||
_inherits(AddRSSModal, _React$Component);
|
||||
|
||||
function AddRSSModal() {
|
||||
var _ref;
|
||||
|
||||
var _temp, _this, _ret;
|
||||
|
||||
_classCallCheck(this, AddRSSModal);
|
||||
|
||||
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = AddRSSModal.__proto__ || Object.getPrototypeOf(AddRSSModal)).call.apply(_ref, [this].concat(args))), _this), _this.rssModalOpenState = function () {
|
||||
console.log("Opening RSS Modal");
|
||||
_this.props.rssModalOpenState(true);
|
||||
}, _temp), _possibleConstructorReturn(_this, _ret);
|
||||
}
|
||||
|
||||
_createClass(AddRSSModal, [{
|
||||
key: 'componentDidMount',
|
||||
value: function componentDidMount() {
|
||||
//Immediatly request an update of the feed when loading app
|
||||
var RSSRequest = {
|
||||
messageType: "rssFeedRequest"
|
||||
};
|
||||
ws.send(JSON.stringify(RSSRequest));
|
||||
}
|
||||
}, {
|
||||
key: 'render',
|
||||
value: function render() {
|
||||
var _props = this.props,
|
||||
classes = _props.classes,
|
||||
onRequestClose = _props.onRequestClose,
|
||||
handleRequestClose = _props.handleRequestClose,
|
||||
handleSubmit = _props.handleSubmit;
|
||||
|
||||
return _react2.default.createElement(
|
||||
'div',
|
||||
{ style: inlineStyle },
|
||||
_react2.default.createElement(
|
||||
_IconButton2.default,
|
||||
{ onClick: this.rssModalOpenState, color: 'primary', 'data-tip': 'Add RSS URL', style: button, 'aria-label': 'RSS Feeds' },
|
||||
_react2.default.createElement(_reactTooltip2.default, { place: 'top', type: 'light', effect: 'float' }),
|
||||
_react2.default.createElement(_RssFeed2.default, null)
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_Dialog2.default,
|
||||
{ fullScreen: true, open: this.props.RSSModalOpen, onRequestClose: this.handleRequestClose },
|
||||
_react2.default.createElement(
|
||||
_Dialog.DialogTitle,
|
||||
null,
|
||||
'Manage RSS Feeds'
|
||||
),
|
||||
_react2.default.createElement(_RSSModalLayout2.default, null)
|
||||
)
|
||||
);
|
||||
}
|
||||
}]);
|
||||
|
||||
return AddRSSModal;
|
||||
}(_react2.default.Component);
|
||||
|
||||
;
|
||||
|
||||
var mapStateToProps = function mapStateToProps(state) {
|
||||
return {
|
||||
RSSModalOpen: state.RSSModalOpen
|
||||
};
|
||||
};
|
||||
|
||||
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
|
||||
return {
|
||||
rssModalOpenState: function rssModalOpenState(RSSModalOpen) {
|
||||
return dispatch({ type: actionTypes.RSS_MODAL_OPEN_STATE, RSSModalOpen: RSSModalOpen });
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(AddRSSModal);
|
198
goTorrentWebUI/lib/TopMenu/Modals/addTorrentFileModal.js
Normal file
198
goTorrentWebUI/lib/TopMenu/Modals/addTorrentFileModal.js
Normal file
@@ -0,0 +1,198 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
||||
|
||||
var _react = require('react');
|
||||
|
||||
var _react2 = _interopRequireDefault(_react);
|
||||
|
||||
var _reactDom = require('react-dom');
|
||||
|
||||
var _reactDom2 = _interopRequireDefault(_reactDom);
|
||||
|
||||
var _Button = require('material-ui/Button');
|
||||
|
||||
var _Button2 = _interopRequireDefault(_Button);
|
||||
|
||||
var _TextField = require('material-ui/TextField');
|
||||
|
||||
var _TextField2 = _interopRequireDefault(_TextField);
|
||||
|
||||
var _styles = require('material-ui/styles');
|
||||
|
||||
var _propTypes = require('prop-types');
|
||||
|
||||
var _propTypes2 = _interopRequireDefault(_propTypes);
|
||||
|
||||
var _Dialog = require('material-ui/Dialog');
|
||||
|
||||
var _Dialog2 = _interopRequireDefault(_Dialog);
|
||||
|
||||
var _reactTooltip = require('react-tooltip');
|
||||
|
||||
var _reactTooltip2 = _interopRequireDefault(_reactTooltip);
|
||||
|
||||
var _AddBox = require('material-ui-icons/AddBox');
|
||||
|
||||
var _AddBox2 = _interopRequireDefault(_AddBox);
|
||||
|
||||
var _IconButton = require('material-ui/IconButton');
|
||||
|
||||
var _IconButton2 = _interopRequireDefault(_IconButton);
|
||||
|
||||
var _reactDropzone = require('react-dropzone');
|
||||
|
||||
var _reactDropzone2 = _interopRequireDefault(_reactDropzone);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
||||
//import InsertLinkIcon from 'material-ui-icons/Link';
|
||||
|
||||
//import Icon from 'material-ui/Icon';
|
||||
|
||||
|
||||
var button = {
|
||||
fontSize: '60px',
|
||||
paddingRight: '20px',
|
||||
paddingLeft: '20px'
|
||||
};
|
||||
|
||||
var uploadButton = {
|
||||
fontSize: '35px',
|
||||
paddingLeft: '0px'
|
||||
};
|
||||
|
||||
var inlineStyle = {
|
||||
display: 'inline-block'
|
||||
};
|
||||
|
||||
var input = {
|
||||
display: 'none'
|
||||
};
|
||||
|
||||
var addTorrentFilePopup = function (_React$Component) {
|
||||
_inherits(addTorrentFilePopup, _React$Component);
|
||||
|
||||
function addTorrentFilePopup() {
|
||||
var _ref;
|
||||
|
||||
var _temp, _this, _ret;
|
||||
|
||||
_classCallCheck(this, addTorrentFilePopup);
|
||||
|
||||
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = addTorrentFilePopup.__proto__ || Object.getPrototypeOf(addTorrentFilePopup)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
|
||||
open: false,
|
||||
torrentFileName: "",
|
||||
torrentFileValue: [],
|
||||
storageValue: "",
|
||||
showDrop: true
|
||||
}, _this.handleClickOpen = function () {
|
||||
_this.setState({ open: true });
|
||||
}, _this.handleRequestClose = function () {
|
||||
_this.setState({ open: false });
|
||||
}, _this.handleSubmit = function () {
|
||||
_this.setState({ open: false });
|
||||
//let magnetLinkSubmit = this.state.textValue;
|
||||
console.log("File", _this.state.torrentFileValue);
|
||||
var reader = new FileReader();
|
||||
var torrentFileBlob = new Blob(_this.state.torrentFileValue);
|
||||
console.log("Blob", torrentFileBlob);
|
||||
reader.readAsDataURL(torrentFileBlob);
|
||||
reader.onloadend = function () {
|
||||
var base64data = reader.result;
|
||||
console.log("Base64", base64data);
|
||||
|
||||
var torrentFileMessage = {
|
||||
messageType: "torrentFileSubmit",
|
||||
messageDetail: _this.state.torrentFileName,
|
||||
messageDetailTwo: _this.state.storageValue,
|
||||
Payload: [base64data]
|
||||
};
|
||||
console.log("Sending magnet link: ", torrentFileMessage);
|
||||
ws.send(JSON.stringify(torrentFileMessage));
|
||||
};
|
||||
}, _this.onFileLoad = function (file) {
|
||||
_this.setState({ torrentFileName: file[0].name });
|
||||
_this.setState({ showDrop: false });
|
||||
_this.setState({ torrentFileValue: file });
|
||||
console.log("File Name", file[0].name);
|
||||
}, _this.setStorageValue = function (event) {
|
||||
_this.setState({ storageValue: event.target.value });
|
||||
}, _temp), _possibleConstructorReturn(_this, _ret);
|
||||
}
|
||||
|
||||
_createClass(addTorrentFilePopup, [{
|
||||
key: 'render',
|
||||
value: function render() {
|
||||
var _props = this.props,
|
||||
classes = _props.classes,
|
||||
onRequestClose = _props.onRequestClose,
|
||||
handleRequestClose = _props.handleRequestClose,
|
||||
handleSubmit = _props.handleSubmit;
|
||||
|
||||
return _react2.default.createElement(
|
||||
'div',
|
||||
{ style: inlineStyle },
|
||||
_react2.default.createElement(
|
||||
_IconButton2.default,
|
||||
{ onClick: this.handleClickOpen, color: 'primary', 'data-tip': 'Add Torrent File', style: button, centerRipple: true, 'aria-label': 'Add Torrent File' },
|
||||
_react2.default.createElement(_reactTooltip2.default, { place: 'top', type: 'light', effect: 'float' }),
|
||||
_react2.default.createElement(_AddBox2.default, null)
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_Dialog2.default,
|
||||
{ open: this.state.open, onRequestClose: this.handleRequestClose, onEscapeKeyUp: this.handleRequestClose, maxWidth: 'md' },
|
||||
_react2.default.createElement(
|
||||
_Dialog.DialogTitle,
|
||||
null,
|
||||
'Add Torrent File'
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_Dialog.DialogContent,
|
||||
null,
|
||||
_react2.default.createElement(_Dialog.DialogContentText, null),
|
||||
this.state.showDrop && _react2.default.createElement(
|
||||
_reactDropzone2.default,
|
||||
{ disablePreview: true, multiple: false, onDrop: this.onFileLoad },
|
||||
'Upload Torrent Here and Add Storage Path'
|
||||
),
|
||||
this.state.torrentFileName != "" && this.state.torrentFileName,
|
||||
_react2.default.createElement(_TextField2.default, { id: 'storagePath', type: 'text', label: 'Storage Path', placeholder: 'Empty will be default torrent storage path', fullWidth: true, onChange: this.setStorageValue })
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_Dialog.DialogActions,
|
||||
null,
|
||||
_react2.default.createElement(
|
||||
_Button2.default,
|
||||
{ onClick: this.handleRequestClose, color: 'primary' },
|
||||
'Cancel'
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_Button2.default,
|
||||
{ onClick: this.handleSubmit, color: 'primary' },
|
||||
'Submit'
|
||||
)
|
||||
)
|
||||
)
|
||||
);
|
||||
}
|
||||
}]);
|
||||
|
||||
return addTorrentFilePopup;
|
||||
}(_react2.default.Component);
|
||||
|
||||
exports.default = addTorrentFilePopup;
|
||||
;
|
179
goTorrentWebUI/lib/TopMenu/Modals/addTorrentLinkModal.js
Normal file
179
goTorrentWebUI/lib/TopMenu/Modals/addTorrentLinkModal.js
Normal file
@@ -0,0 +1,179 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
||||
|
||||
var _react = require('react');
|
||||
|
||||
var _react2 = _interopRequireDefault(_react);
|
||||
|
||||
var _reactDom = require('react-dom');
|
||||
|
||||
var _reactDom2 = _interopRequireDefault(_reactDom);
|
||||
|
||||
var _Button = require('material-ui/Button');
|
||||
|
||||
var _Button2 = _interopRequireDefault(_Button);
|
||||
|
||||
var _TextField = require('material-ui/TextField');
|
||||
|
||||
var _TextField2 = _interopRequireDefault(_TextField);
|
||||
|
||||
var _styles = require('material-ui/styles');
|
||||
|
||||
var _propTypes = require('prop-types');
|
||||
|
||||
var _propTypes2 = _interopRequireDefault(_propTypes);
|
||||
|
||||
var _Dialog = require('material-ui/Dialog');
|
||||
|
||||
var _Dialog2 = _interopRequireDefault(_Dialog);
|
||||
|
||||
var _Link = require('material-ui-icons/Link');
|
||||
|
||||
var _Link2 = _interopRequireDefault(_Link);
|
||||
|
||||
var _reactTooltip = require('react-tooltip');
|
||||
|
||||
var _reactTooltip2 = _interopRequireDefault(_reactTooltip);
|
||||
|
||||
var _Icon = require('material-ui/Icon');
|
||||
|
||||
var _Icon2 = _interopRequireDefault(_Icon);
|
||||
|
||||
var _IconButton = require('material-ui/IconButton');
|
||||
|
||||
var _IconButton2 = _interopRequireDefault(_IconButton);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
||||
|
||||
var button = {
|
||||
fontSize: '60px',
|
||||
paddingRight: '20px',
|
||||
paddingLeft: '20px'
|
||||
};
|
||||
|
||||
var inlineStyle = {
|
||||
display: 'inline-block',
|
||||
backdrop: 'static'
|
||||
};
|
||||
|
||||
var addTorrentPopup = function (_React$Component) {
|
||||
_inherits(addTorrentPopup, _React$Component);
|
||||
|
||||
function addTorrentPopup() {
|
||||
var _ref;
|
||||
|
||||
var _temp, _this, _ret;
|
||||
|
||||
_classCallCheck(this, addTorrentPopup);
|
||||
|
||||
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = addTorrentPopup.__proto__ || Object.getPrototypeOf(addTorrentPopup)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
|
||||
open: false,
|
||||
magnetLinkValue: "",
|
||||
storageValue: ""
|
||||
|
||||
}, _this.handleClickOpen = function () {
|
||||
_this.setState({ open: true });
|
||||
}, _this.handleRequestClose = function () {
|
||||
_this.setState({ open: false });
|
||||
}, _this.handleSubmit = function () {
|
||||
_this.setState({ open: false });
|
||||
//let magnetLinkSubmit = this.state.textValue;
|
||||
var magnetLinkMessage = {
|
||||
messageType: "magnetLinkSubmit",
|
||||
messageDetail: _this.state.storageValue,
|
||||
Payload: [_this.state.magnetLinkValue]
|
||||
};
|
||||
console.log("Sending magnet link: ", magnetLinkMessage);
|
||||
ws.send(JSON.stringify(magnetLinkMessage));
|
||||
}, _this.setMagnetLinkValue = function (event) {
|
||||
_this.setState({ magnetLinkValue: event.target.value });
|
||||
}, _this.setStorageValue = function (event) {
|
||||
_this.setState({ storageValue: event.target.value });
|
||||
}, _temp), _possibleConstructorReturn(_this, _ret);
|
||||
}
|
||||
|
||||
_createClass(addTorrentPopup, [{
|
||||
key: 'render',
|
||||
value: function render() {
|
||||
var _props = this.props,
|
||||
classes = _props.classes,
|
||||
onRequestClose = _props.onRequestClose,
|
||||
handleRequestClose = _props.handleRequestClose,
|
||||
handleSubmit = _props.handleSubmit;
|
||||
|
||||
return _react2.default.createElement(
|
||||
'div',
|
||||
{ style: inlineStyle },
|
||||
_react2.default.createElement(
|
||||
_IconButton2.default,
|
||||
{ onClick: this.handleClickOpen, color: 'primary', 'data-tip': 'Add Magnet Link', style: button, centerRipple: true, 'aria-label': 'Add Magnet Link' },
|
||||
_react2.default.createElement(_reactTooltip2.default, { place: 'top', type: 'light', effect: 'float' }),
|
||||
_react2.default.createElement(_Link2.default, null)
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_Dialog2.default,
|
||||
{ open: this.state.open, onRequestClose: this.handleRequestClose },
|
||||
_react2.default.createElement(
|
||||
_Dialog.DialogTitle,
|
||||
null,
|
||||
'Add Magnet Link'
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_Dialog.DialogContent,
|
||||
null,
|
||||
_react2.default.createElement(
|
||||
_Dialog.DialogContentText,
|
||||
null,
|
||||
'Add a Magnet Link here and hit submit to add torrent...'
|
||||
),
|
||||
_react2.default.createElement(_TextField2.default, {
|
||||
autoFocus: true,
|
||||
margin: 'dense',
|
||||
id: 'name',
|
||||
label: 'Magnet Link',
|
||||
type: 'text',
|
||||
placeholder: 'Enter Magnet Link Here',
|
||||
fullWidth: true,
|
||||
onChange: this.setMagnetLinkValue
|
||||
}),
|
||||
_react2.default.createElement(_TextField2.default, { id: 'storagePath', type: 'text', label: 'Storage Path', placeholder: 'Empty will be default torrent storage path', fullWidth: true, onChange: this.setStorageValue })
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_Dialog.DialogActions,
|
||||
null,
|
||||
_react2.default.createElement(
|
||||
_Button2.default,
|
||||
{ onClick: this.handleRequestClose, color: 'primary' },
|
||||
'Cancel'
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_Button2.default,
|
||||
{ onClick: this.handleSubmit, color: 'primary' },
|
||||
'Submit'
|
||||
)
|
||||
)
|
||||
)
|
||||
);
|
||||
}
|
||||
}]);
|
||||
|
||||
return addTorrentPopup;
|
||||
}(_react2.default.Component);
|
||||
|
||||
exports.default = addTorrentPopup;
|
||||
;
|
216
goTorrentWebUI/lib/TopMenu/Modals/deleteTorrentModal.js
Normal file
216
goTorrentWebUI/lib/TopMenu/Modals/deleteTorrentModal.js
Normal file
@@ -0,0 +1,216 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
||||
|
||||
var _react = require('react');
|
||||
|
||||
var _react2 = _interopRequireDefault(_react);
|
||||
|
||||
var _reactDom = require('react-dom');
|
||||
|
||||
var _reactDom2 = _interopRequireDefault(_reactDom);
|
||||
|
||||
var _Button = require('material-ui/Button');
|
||||
|
||||
var _Button2 = _interopRequireDefault(_Button);
|
||||
|
||||
var _TextField = require('material-ui/TextField');
|
||||
|
||||
var _TextField2 = _interopRequireDefault(_TextField);
|
||||
|
||||
var _styles = require('material-ui/styles');
|
||||
|
||||
var _propTypes = require('prop-types');
|
||||
|
||||
var _propTypes2 = _interopRequireDefault(_propTypes);
|
||||
|
||||
var _Dialog = require('material-ui/Dialog');
|
||||
|
||||
var _Dialog2 = _interopRequireDefault(_Dialog);
|
||||
|
||||
var _reactTooltip = require('react-tooltip');
|
||||
|
||||
var _reactTooltip2 = _interopRequireDefault(_reactTooltip);
|
||||
|
||||
var _AddBox = require('material-ui-icons/AddBox');
|
||||
|
||||
var _AddBox2 = _interopRequireDefault(_AddBox);
|
||||
|
||||
var _IconButton = require('material-ui/IconButton');
|
||||
|
||||
var _IconButton2 = _interopRequireDefault(_IconButton);
|
||||
|
||||
var _Delete = require('material-ui-icons/Delete');
|
||||
|
||||
var _Delete2 = _interopRequireDefault(_Delete);
|
||||
|
||||
var _reactRedux = require('react-redux');
|
||||
|
||||
var _actions = require('../../store/actions');
|
||||
|
||||
var actionTypes = _interopRequireWildcard(_actions);
|
||||
|
||||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
|
||||
//import InsertLinkIcon from 'material-ui-icons/Link';
|
||||
|
||||
//import Icon from 'material-ui/Icon';
|
||||
|
||||
|
||||
//Redux
|
||||
|
||||
|
||||
var button = {
|
||||
fontSize: '60px',
|
||||
paddingRight: '20px',
|
||||
paddingLeft: '20px'
|
||||
};
|
||||
|
||||
var inlineStyle = {
|
||||
display: 'inline-block'
|
||||
};
|
||||
|
||||
var DeleteTorrentModal = function (_React$Component) {
|
||||
_inherits(DeleteTorrentModal, _React$Component);
|
||||
|
||||
function DeleteTorrentModal() {
|
||||
var _ref;
|
||||
|
||||
var _temp, _this, _ret;
|
||||
|
||||
_classCallCheck(this, DeleteTorrentModal);
|
||||
|
||||
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = DeleteTorrentModal.__proto__ || Object.getPrototypeOf(DeleteTorrentModal)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
|
||||
open: false
|
||||
}, _this.handleDeleteTorrent = function () {
|
||||
var selection = [];
|
||||
var deleteTorrentHashes = {
|
||||
MessageType: "deleteTorrents",
|
||||
MessageDetail: "true",
|
||||
Payload: _this.props.selectionHashes
|
||||
};
|
||||
console.log("Deleting Torrents", deleteTorrentHashes);
|
||||
ws.send(JSON.stringify(deleteTorrentHashes));
|
||||
_this.props.setButtonState(_this.props.selection); //TODO this currently just forces a button refresh, should be a better way to do this
|
||||
_this.props.changeSelection(selection); //purging out our selection after deleting a torent
|
||||
_this.setState({ open: false });
|
||||
}, _this.handleDeleteData = function () {
|
||||
var selection = [];
|
||||
|
||||
var deleteTorrentHashes = {
|
||||
MessageType: "deleteTorrents",
|
||||
MessageDetail: "true",
|
||||
Payload: _this.props.selectionHashes
|
||||
};
|
||||
console.log("Deleting Torrents and Data", deleteTorrentHashes);
|
||||
ws.send(JSON.stringify(deleteTorrentHashes));
|
||||
_this.props.setButtonState(_this.props.selection); //TODO this currently just forces a button refresh, should be a better way to do this
|
||||
_this.props.changeSelection(selection); //purging out our selection after deleting a torent
|
||||
_this.setState({ open: false });
|
||||
}, _this.handleClickOpen = function () {
|
||||
if (_this.props.selection.length > 0) {
|
||||
_this.setState({ open: true });
|
||||
} else {
|
||||
console.log("Select a torrent to delete..");
|
||||
}
|
||||
}, _this.handleRequestClose = function () {
|
||||
_this.setState({ open: false });
|
||||
}, _this.setTextValue = function (event) {
|
||||
_this.setState({ textValue: event.target.value });
|
||||
}, _temp), _possibleConstructorReturn(_this, _ret);
|
||||
}
|
||||
|
||||
_createClass(DeleteTorrentModal, [{
|
||||
key: 'render',
|
||||
value: function render() {
|
||||
var _props = this.props,
|
||||
onRequestClose = _props.onRequestClose,
|
||||
handleRequestClose = _props.handleRequestClose,
|
||||
handleSubmit = _props.handleSubmit;
|
||||
|
||||
return _react2.default.createElement(
|
||||
'div',
|
||||
{ style: inlineStyle },
|
||||
_react2.default.createElement(
|
||||
_IconButton2.default,
|
||||
{ color: this.props.buttonState[0].deleteButton, 'data-tip': 'Delete Torrent', style: button, onClick: this.handleClickOpen, 'aria-label': 'Delete Torrent' },
|
||||
_react2.default.createElement(_reactTooltip2.default, { place: 'top', type: 'error', effect: 'float' }),
|
||||
_react2.default.createElement(_Delete2.default, null)
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_Dialog2.default,
|
||||
{ open: this.state.open, onRequestClose: this.handleRequestClose, onEscapeKeyUp: this.handleRequestClose, maxWidth: 'md' },
|
||||
_react2.default.createElement(
|
||||
_Dialog.DialogTitle,
|
||||
null,
|
||||
'Delete Torrent'
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_Dialog.DialogContent,
|
||||
null,
|
||||
'Are you sure you want to delete Torrent?'
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_Dialog.DialogActions,
|
||||
null,
|
||||
_react2.default.createElement(
|
||||
_Button2.default,
|
||||
{ onClick: this.handleRequestClose, color: 'primary' },
|
||||
'Cancel'
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_Button2.default,
|
||||
{ onClick: this.handleDeleteData, color: 'primary' },
|
||||
'Delete with Data'
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_Button2.default,
|
||||
{ onClick: this.handleDeleteTorrent, color: 'primary' },
|
||||
'Delete just Torrent'
|
||||
)
|
||||
)
|
||||
)
|
||||
);
|
||||
}
|
||||
}]);
|
||||
|
||||
return DeleteTorrentModal;
|
||||
}(_react2.default.Component);
|
||||
|
||||
;
|
||||
|
||||
var mapStateToProps = function mapStateToProps(state) {
|
||||
return {
|
||||
buttonState: state.buttonState,
|
||||
selection: state.selection,
|
||||
selectionHashes: state.selectionHashes
|
||||
};
|
||||
};
|
||||
|
||||
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
|
||||
return {
|
||||
setButtonState: function setButtonState(buttonState) {
|
||||
return dispatch({ type: actionTypes.SET_BUTTON_STATE, buttonState: buttonState });
|
||||
},
|
||||
changeSelection: function changeSelection(selection) {
|
||||
return dispatch({ type: actionTypes.CHANGE_SELECTION, selection: selection });
|
||||
} //used to force a selection empty after deleting torrent
|
||||
};
|
||||
};
|
||||
|
||||
exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(DeleteTorrentModal);
|
226
goTorrentWebUI/lib/TopMenu/topMenu.js
Normal file
226
goTorrentWebUI/lib/TopMenu/topMenu.js
Normal file
@@ -0,0 +1,226 @@
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
|
||||
|
||||
var _react = require('react');
|
||||
|
||||
var _react2 = _interopRequireDefault(_react);
|
||||
|
||||
var _propTypes = require('prop-types');
|
||||
|
||||
var _propTypes2 = _interopRequireDefault(_propTypes);
|
||||
|
||||
require('typeface-roboto');
|
||||
|
||||
var _styles = require('material-ui/styles');
|
||||
|
||||
var _Icon = require('material-ui/Icon');
|
||||
|
||||
var _Icon2 = _interopRequireDefault(_Icon);
|
||||
|
||||
var _IconButton = require('material-ui/IconButton');
|
||||
|
||||
var _IconButton2 = _interopRequireDefault(_IconButton);
|
||||
|
||||
var _addTorrentLinkModal = require('./Modals/addTorrentLinkModal');
|
||||
|
||||
var _addTorrentLinkModal2 = _interopRequireDefault(_addTorrentLinkModal);
|
||||
|
||||
var _addTorrentFileModal = require('./Modals/addTorrentFileModal');
|
||||
|
||||
var _addTorrentFileModal2 = _interopRequireDefault(_addTorrentFileModal);
|
||||
|
||||
var _addRSSModal = require('./Modals/RSSModal/addRSSModal');
|
||||
|
||||
var _addRSSModal2 = _interopRequireDefault(_addRSSModal);
|
||||
|
||||
var _deleteTorrentModal = require('./Modals/deleteTorrentModal');
|
||||
|
||||
var _deleteTorrentModal2 = _interopRequireDefault(_deleteTorrentModal);
|
||||
|
||||
var _PlayArrow = require('material-ui-icons/PlayArrow');
|
||||
|
||||
var _PlayArrow2 = _interopRequireDefault(_PlayArrow);
|
||||
|
||||
var _Stop = require('material-ui-icons/Stop');
|
||||
|
||||
var _Stop2 = _interopRequireDefault(_Stop);
|
||||
|
||||
var _RssFeed = require('material-ui-icons/RssFeed');
|
||||
|
||||
var _RssFeed2 = _interopRequireDefault(_RssFeed);
|
||||
|
||||
var _Settings = require('material-ui-icons/Settings');
|
||||
|
||||
var _Settings2 = _interopRequireDefault(_Settings);
|
||||
|
||||
var _reactTooltip = require('react-tooltip');
|
||||
|
||||
var _reactTooltip2 = _interopRequireDefault(_reactTooltip);
|
||||
|
||||
var _Delete = require('material-ui-icons/Delete');
|
||||
|
||||
var _Delete2 = _interopRequireDefault(_Delete);
|
||||
|
||||
var _AddShoppingCart = require('material-ui-icons/AddShoppingCart');
|
||||
|
||||
var _AddShoppingCart2 = _interopRequireDefault(_AddShoppingCart);
|
||||
|
||||
var _backendWebsocket = require('../BackendComm/backendWebsocket');
|
||||
|
||||
var _backendWebsocket2 = _interopRequireDefault(_backendWebsocket);
|
||||
|
||||
var _reactRedux = require('react-redux');
|
||||
|
||||
var _actions = require('../store/actions');
|
||||
|
||||
var actionTypes = _interopRequireWildcard(_actions);
|
||||
|
||||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } // contains the font for material UI
|
||||
|
||||
//import PauseTorrentIcon from 'material-ui-icons/Pause';
|
||||
|
||||
|
||||
//Redux
|
||||
|
||||
|
||||
var styles = function styles(theme) {
|
||||
return {
|
||||
button: {
|
||||
margin: theme.spacing.unit,
|
||||
fontSize: '60px'
|
||||
},
|
||||
input: {
|
||||
display: 'none'
|
||||
},
|
||||
paddingTest: {
|
||||
display: 'inline-block'
|
||||
},
|
||||
padding: {
|
||||
paddingTop: '10px',
|
||||
paddingLeft: '10px'
|
||||
},
|
||||
verticalDivider: {
|
||||
borderLeft: '2px solid grey',
|
||||
padding: '20px',
|
||||
height: '40px',
|
||||
position: 'absolute',
|
||||
display: 'inline-block',
|
||||
paddingRight: '30px',
|
||||
paddingLeft: '30px'
|
||||
},
|
||||
background: {
|
||||
backgroundColor: theme.palette.background.paper
|
||||
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
var IconButtons = function (_React$Component) {
|
||||
_inherits(IconButtons, _React$Component);
|
||||
|
||||
function IconButtons(props) {
|
||||
_classCallCheck(this, IconButtons);
|
||||
|
||||
var _this = _possibleConstructorReturn(this, (IconButtons.__proto__ || Object.getPrototypeOf(IconButtons)).call(this, props));
|
||||
|
||||
_this.startTorrent = function () {
|
||||
console.log("Starting Torrents", _this.props.selectionHashes);
|
||||
var startTorrentHashes = {
|
||||
MessageType: "startTorrents",
|
||||
Payload: _this.props.selectionHashes
|
||||
//console.log("Peers tab information requested", peerListHashes)
|
||||
};ws.send(JSON.stringify(startTorrentHashes));
|
||||
_this.props.setButtonState(_this.props.selection); //TODO this currently just forces a button refresh, should be a better way to do this
|
||||
};
|
||||
|
||||
_this.stopTorrent = function () {
|
||||
var stopTorrentHashes = {
|
||||
MessageType: "stopTorrents",
|
||||
Payload: _this.props.selectionHashes
|
||||
};
|
||||
console.log("Stopping Torrents", stopTorrentHashes);
|
||||
ws.send(JSON.stringify(stopTorrentHashes));
|
||||
_this.props.setButtonState(_this.props.selection); //TODO this currently just forces a button refresh, should be a better way to do this
|
||||
};
|
||||
|
||||
return _this;
|
||||
}
|
||||
|
||||
_createClass(IconButtons, [{
|
||||
key: 'render',
|
||||
value: function render() {
|
||||
var classes = this.props.classes;
|
||||
|
||||
return _react2.default.createElement(
|
||||
'div',
|
||||
{ className: classes.padding },
|
||||
_react2.default.createElement(_addTorrentFileModal2.default, null),
|
||||
_react2.default.createElement(_addTorrentLinkModal2.default, null),
|
||||
_react2.default.createElement('div', { className: classes.verticalDivider }),
|
||||
_react2.default.createElement(
|
||||
_IconButton2.default,
|
||||
{ color: this.props.buttonState[0].startButton, 'data-tip': 'Start Torrent', className: classes.button, 'aria-label': 'Start Torrent', onClick: this.startTorrent },
|
||||
_react2.default.createElement(_reactTooltip2.default, { place: 'top', type: 'light', effect: 'float' }),
|
||||
_react2.default.createElement(_PlayArrow2.default, null)
|
||||
),
|
||||
_react2.default.createElement(
|
||||
_IconButton2.default,
|
||||
{ color: this.props.buttonState[0].stopButton, 'data-tip': 'Stop Torrent', className: classes.button, onClick: this.stopTorrent, 'aria-label': 'Stop Torrent' },
|
||||
_react2.default.createElement(_reactTooltip2.default, { place: 'top', type: 'light', effect: 'float' }),
|
||||
_react2.default.createElement(_Stop2.default, null)
|
||||
),
|
||||
_react2.default.createElement(_deleteTorrentModal2.default, null),
|
||||
_react2.default.createElement('div', { className: classes.verticalDivider }),
|
||||
_react2.default.createElement(_addRSSModal2.default, null),
|
||||
_react2.default.createElement(
|
||||
_IconButton2.default,
|
||||
{ color: 'primary', 'data-tip': 'Settings', className: classes.button, 'aria-label': 'Settings' },
|
||||
_react2.default.createElement(_reactTooltip2.default, { place: 'top', type: 'light', effect: 'float' }),
|
||||
_react2.default.createElement(_Settings2.default, null)
|
||||
),
|
||||
_react2.default.createElement('div', { className: classes.verticalDivider }),
|
||||
_react2.default.createElement(_backendWebsocket2.default, null)
|
||||
);
|
||||
}
|
||||
}]);
|
||||
|
||||
return IconButtons;
|
||||
}(_react2.default.Component);
|
||||
|
||||
IconButtons.propTypes = {
|
||||
classes: _propTypes2.default.object.isRequired
|
||||
};
|
||||
|
||||
var mapStateToProps = function mapStateToProps(state) {
|
||||
return {
|
||||
buttonState: state.buttonState,
|
||||
selection: state.selection,
|
||||
selectionHashes: state.selectionHashes
|
||||
};
|
||||
};
|
||||
|
||||
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
|
||||
return {
|
||||
setButtonState: function setButtonState(buttonState) {
|
||||
return dispatch({ type: actionTypes.SET_BUTTON_STATE, buttonState: buttonState });
|
||||
},
|
||||
changeSelection: function changeSelection(selection) {
|
||||
return dispatch({ type: actionTypes.CHANGE_SELECTION, selection: selection });
|
||||
} //used to force a selection empty after deleting torrent
|
||||
};
|
||||
};
|
||||
|
||||
exports.default = (0, _styles.withStyles)(styles)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(IconButtons));
|
Reference in New Issue
Block a user