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);
|
||||
Reference in New Issue
Block a user