Closing a file that was left open, working on profiling app for memory leak on Windows
This commit is contained in:
@@ -1,7 +1,6 @@
|
|||||||
package engine
|
package engine
|
||||||
|
|
||||||
import (
|
import (
|
||||||
"fmt"
|
|
||||||
"io"
|
"io"
|
||||||
"os"
|
"os"
|
||||||
"path/filepath"
|
"path/filepath"
|
||||||
@@ -40,22 +39,22 @@ func MoveAndLeaveSymlink(config FullClientSettings, singleTorrent *torrent.Torre
|
|||||||
if oldFileInfo.IsDir() {
|
if oldFileInfo.IsDir() {
|
||||||
os.Mkdir(newFilePath, 0644)
|
os.Mkdir(newFilePath, 0644)
|
||||||
folderCopy.Copy(oldFilePath, newFilePath) //copy the folder to the new location
|
folderCopy.Copy(oldFilePath, newFilePath) //copy the folder to the new location
|
||||||
notifyUser(tStorage, config, singleTorrent)
|
notifyUser(tStorage, config, singleTorrent, db)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
srcFile, err := os.Open(oldFilePath)
|
srcFile, err := os.Open(oldFilePath)
|
||||||
|
defer srcFile.Close()
|
||||||
if err != nil {
|
if err != nil {
|
||||||
Logger.WithFields(logrus.Fields{"Old File Path": oldFilePath, "error": err}).Error("Windows: Cannot open old file for copy")
|
Logger.WithFields(logrus.Fields{"Old File Path": oldFilePath, "error": err}).Error("Windows: Cannot open old file for copy")
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
defer srcFile.Close()
|
|
||||||
destFile, err := os.Create(newFilePath)
|
destFile, err := os.Create(newFilePath)
|
||||||
|
defer destFile.Close()
|
||||||
if err != nil {
|
if err != nil {
|
||||||
Logger.WithFields(logrus.Fields{"New File Path": newFilePath, "error": err}).Error("Windows: Cannot open new file for copying into")
|
Logger.WithFields(logrus.Fields{"New File Path": newFilePath, "error": err}).Error("Windows: Cannot open new file for copying into")
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
defer destFile.Close()
|
|
||||||
bytesWritten, err := io.Copy(destFile, srcFile)
|
bytesWritten, err := io.Copy(destFile, srcFile)
|
||||||
if err != nil {
|
if err != nil {
|
||||||
Logger.WithFields(logrus.Fields{"Old File Path": oldFilePath, "New File Path": newFilePath, "error": err}).Error("Windows: Cannot copy old file into new")
|
Logger.WithFields(logrus.Fields{"Old File Path": oldFilePath, "New File Path": newFilePath, "error": err}).Error("Windows: Cannot copy old file into new")
|
||||||
@@ -66,23 +65,23 @@ func MoveAndLeaveSymlink(config FullClientSettings, singleTorrent *torrent.Torre
|
|||||||
Logger.WithFields(logrus.Fields{"Old File Path": oldFilePath, "New File Path": newFilePath, "error": err}).Error("Windows: Error syncing new file to disk")
|
Logger.WithFields(logrus.Fields{"Old File Path": oldFilePath, "New File Path": newFilePath, "error": err}).Error("Windows: Error syncing new file to disk")
|
||||||
}
|
}
|
||||||
Logger.WithFields(logrus.Fields{"Old File Path": oldFilePath, "New File Path": newFilePath, "bytesWritten": bytesWritten}).Info("Windows Torrent Copy Completed")
|
Logger.WithFields(logrus.Fields{"Old File Path": oldFilePath, "New File Path": newFilePath, "bytesWritten": bytesWritten}).Info("Windows Torrent Copy Completed")
|
||||||
notifyUser(tStorage, config, singleTorrent)
|
notifyUser(tStorage, config, singleTorrent, db)
|
||||||
} else {
|
} else {
|
||||||
err := os.Symlink(oldFilePath, newFilePath) //For all other OS's create a symlink
|
err := os.Symlink(oldFilePath, newFilePath) //For all other OS's create a symlink
|
||||||
if err != nil {
|
if err != nil {
|
||||||
Logger.WithFields(logrus.Fields{"Old File Path": oldFilePath, "New File Path": newFilePath, "error": err}).Error("Error creating symlink")
|
Logger.WithFields(logrus.Fields{"Old File Path": oldFilePath, "New File Path": newFilePath, "error": err}).Error("Error creating symlink")
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
notifyUser(tStorage, config, singleTorrent)
|
notifyUser(tStorage, config, singleTorrent, db)
|
||||||
Logger.WithFields(logrus.Fields{"Old File Path": oldFilePath, "New File Path": newFilePath}).Info("Moving completed torrent")
|
Logger.WithFields(logrus.Fields{"Old File Path": oldFilePath, "New File Path": newFilePath}).Info("Moving completed torrent")
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
tStorage.TorrentMoved = true
|
|
||||||
Storage.AddTorrentLocalStorage(db, tStorage) //Updating the fact that we moved the torrent
|
|
||||||
}
|
}
|
||||||
|
|
||||||
func notifyUser(tStorage Storage.TorrentLocal, config FullClientSettings, singleTorrent *torrent.Torrent) {
|
func notifyUser(tStorage Storage.TorrentLocal, config FullClientSettings, singleTorrent *torrent.Torrent, db *storm.DB) {
|
||||||
fmt.Println("Pushbullet token", config.PushBulletToken)
|
tStorage.TorrentMoved = true
|
||||||
|
Storage.AddTorrentLocalStorage(db, tStorage) //Updating the fact that we moved the torrent
|
||||||
if config.PushBulletToken != "" {
|
if config.PushBulletToken != "" {
|
||||||
pb := pushbullet.New(config.PushBulletToken)
|
pb := pushbullet.New(config.PushBulletToken)
|
||||||
n := requests.NewNote()
|
n := requests.NewNote()
|
||||||
|
|||||||
@@ -85,6 +85,7 @@ func readTorrentFileFromDB(element *Storage.TorrentLocal, tclient *torrent.Clien
|
|||||||
if err != nil {
|
if err != nil {
|
||||||
Logger.WithFields(logrus.Fields{"tempfile": tempFile, "err": err}).Error("Unable to create tempfile")
|
Logger.WithFields(logrus.Fields{"tempfile": tempFile, "err": err}).Error("Unable to create tempfile")
|
||||||
}
|
}
|
||||||
|
defer tempFile.Close() //Todo.. if we remove this do we need to close it?
|
||||||
defer os.Remove(tempFile.Name())
|
defer os.Remove(tempFile.Name())
|
||||||
if _, err := tempFile.Write(element.TorrentFile); err != nil { //writing out out the entire file back into the temp dir from boltdb
|
if _, err := tempFile.Write(element.TorrentFile); err != nil { //writing out out the entire file back into the temp dir from boltdb
|
||||||
Logger.WithFields(logrus.Fields{"tempfile": tempFile, "err": err}).Error("Unable to write to tempfile")
|
Logger.WithFields(logrus.Fields{"tempfile": tempFile, "err": err}).Error("Unable to write to tempfile")
|
||||||
|
|||||||
334
goTorrentWebUI/lib/BackendComm/backendWebsocket.js
Normal file
334
goTorrentWebUI/lib/BackendComm/backendWebsocket.js
Normal file
@@ -0,0 +1,334 @@
|
|||||||
|
'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 _reactTooltip = require('react-tooltip');
|
||||||
|
|
||||||
|
var _reactTooltip2 = _interopRequireDefault(_reactTooltip);
|
||||||
|
|
||||||
|
var _InfoOutline = require('material-ui-icons/InfoOutline');
|
||||||
|
|
||||||
|
var _InfoOutline2 = _interopRequireDefault(_InfoOutline);
|
||||||
|
|
||||||
|
var _reactRedux = require('react-redux');
|
||||||
|
|
||||||
|
var _actions = require('../store/actions');
|
||||||
|
|
||||||
|
var actionTypes = _interopRequireWildcard(_actions);
|
||||||
|
|
||||||
|
var _Select = require('material-ui/Select/Select');
|
||||||
|
|
||||||
|
var _Select2 = _interopRequireDefault(_Select);
|
||||||
|
|
||||||
|
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; }
|
||||||
|
|
||||||
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||||
|
|
||||||
|
var title = document.title; //Set the number of active torrents in the title
|
||||||
|
var torrents = [];
|
||||||
|
var peerList = [];
|
||||||
|
var fileList = [];
|
||||||
|
var RSSList = [];
|
||||||
|
var RSSTorrentList = [];
|
||||||
|
|
||||||
|
var torrentListRequest = {
|
||||||
|
messageType: "torrentListRequest"
|
||||||
|
|
||||||
|
//websocket is started in kickwebsocket.js and is picked up here so "ws" is already defined 22
|
||||||
|
};ws.onmessage = function (evt) {
|
||||||
|
//When we recieve a message from the websocket
|
||||||
|
var serverMessage = JSON.parse(evt.data);
|
||||||
|
//console.log("message", serverMessage.MessageType)
|
||||||
|
switch (serverMessage.MessageType) {
|
||||||
|
|
||||||
|
case "torrentList":
|
||||||
|
//console.log("Recieved Client Update...", serverMessage)
|
||||||
|
//var serverMessage = JSON.parse(evt.data);
|
||||||
|
|
||||||
|
torrents = []; //clearing out the torrent array to make room for new (so that it does keep adding)
|
||||||
|
for (var i = 0; i < serverMessage.total; i++) {
|
||||||
|
var _torrents$push;
|
||||||
|
|
||||||
|
torrents.push((_torrents$push = {
|
||||||
|
TorrentHashString: serverMessage.data[i].TorrentHashString,
|
||||||
|
TorrentName: serverMessage.data[i].TorrentName,
|
||||||
|
DownloadedSize: serverMessage.data[i].DownloadedSize,
|
||||||
|
Size: serverMessage.data[i].Size,
|
||||||
|
DownloadSpeed: serverMessage.data[i].DownloadSpeed,
|
||||||
|
UploadSpeed: serverMessage.data[i].UploadSpeed,
|
||||||
|
PercentDone: serverMessage.data[i].PercentDone,
|
||||||
|
StoragePath: serverMessage.data[i].StoragePath,
|
||||||
|
DateAdded: serverMessage.data[i].DateAdded,
|
||||||
|
SourceType: serverMessage.data[i].SourceType,
|
||||||
|
Status: serverMessage.data[i].Status,
|
||||||
|
BytesCompleted: serverMessage.data[i].BytesCompleted,
|
||||||
|
ActivePeers: serverMessage.data[i].ActivePeers,
|
||||||
|
ETA: serverMessage.data[i].ETA,
|
||||||
|
TotalUploadedSize: serverMessage.data[i].TotalUploadedSize,
|
||||||
|
Ratio: serverMessage.data[i].UploadRatio
|
||||||
|
}, _defineProperty(_torrents$push, 'DateAdded', serverMessage.data[i].DateAdded), _defineProperty(_torrents$push, 'FileNumber', serverMessage.data[i].NumberofFiles), _defineProperty(_torrents$push, 'PieceNumber', serverMessage.data[i].NumberofPieces), _defineProperty(_torrents$push, 'MaxConnections', serverMessage.data[i].MaxConnections), _torrents$push));
|
||||||
|
}
|
||||||
|
var newTitle = '(' + serverMessage.total + ')' + title; //updating the title
|
||||||
|
document.title = newTitle;
|
||||||
|
break;
|
||||||
|
|
||||||
|
case "torrentPeerList":
|
||||||
|
peerList = []; //clearing out the peerlist array to make room for new (so that it does keep adding)
|
||||||
|
|
||||||
|
for (var i = 0; i < serverMessage.TotalPeers; i++) {
|
||||||
|
peerList.push({
|
||||||
|
PeerID: serverMessage.PeerList[i].Id.toString(),
|
||||||
|
IP: serverMessage.PeerList[i].IP,
|
||||||
|
Port: serverMessage.PeerList[i].Port,
|
||||||
|
Source: serverMessage.PeerList[i].Source,
|
||||||
|
SupportsEncryption: serverMessage.PeerList[i].SupportsEncryption.toString()
|
||||||
|
});
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
|
case "torrentFileList":
|
||||||
|
fileList = [];
|
||||||
|
for (var i = 0; i < serverMessage.TotalFiles; i++) {
|
||||||
|
fileList.push({
|
||||||
|
FileName: serverMessage.FileList[i].FileName,
|
||||||
|
FilePath: serverMessage.FileList[i].FilePath,
|
||||||
|
FileSize: serverMessage.FileList[i].FileSize,
|
||||||
|
FilePercent: serverMessage.FileList[i].FilePercent,
|
||||||
|
FilePriority: serverMessage.FileList[i].FilePriority
|
||||||
|
});
|
||||||
|
}
|
||||||
|
console.log("filelist", fileList);
|
||||||
|
break;
|
||||||
|
|
||||||
|
case "speedTab":
|
||||||
|
console.log("Speedtab data requested");
|
||||||
|
break;
|
||||||
|
|
||||||
|
case "loggerData":
|
||||||
|
console.log("Logger data requested");
|
||||||
|
break;
|
||||||
|
|
||||||
|
case "rssListRequest":
|
||||||
|
console.log("RSSListRequest recieved", evt.data);
|
||||||
|
RSSList = [];
|
||||||
|
for (var i = 0; i < serverMessage.TotalRSSFeeds; i++) {
|
||||||
|
RSSList.push({
|
||||||
|
RSSURL: serverMessage.RSSFeeds[i].RSSFeedURL,
|
||||||
|
RSSName: serverMessage.RSSFeeds[i].RSSName
|
||||||
|
});
|
||||||
|
}
|
||||||
|
console.log("RSSURLS", RSSList);
|
||||||
|
console.log("FIRSTURL", RSSList[1]);
|
||||||
|
console.log("FULLURL", RSSList[1].RSSURL);
|
||||||
|
break;
|
||||||
|
|
||||||
|
case "rssTorrentList":
|
||||||
|
//console.log("RSSTorrentList recieved", evt.data)
|
||||||
|
RSSTorrentList = [];
|
||||||
|
for (var i = 0; i < serverMessage.TotalTorrents; i++) {
|
||||||
|
RSSTorrentList.push({
|
||||||
|
TorrentName: serverMessage.Torrents[i].Title,
|
||||||
|
TorrentLink: serverMessage.Torrents[i].Link,
|
||||||
|
PublishDate: serverMessage.Torrents[i].PubDate
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
ws.onclose = function () {
|
||||||
|
console.log('Closing connection');
|
||||||
|
};
|
||||||
|
|
||||||
|
var divStyle = {
|
||||||
|
display: 'inline-block',
|
||||||
|
paddingTop: '10px',
|
||||||
|
paddingLeft: '10px'
|
||||||
|
};
|
||||||
|
|
||||||
|
var buttonStyle = {
|
||||||
|
fontSize: '60px'
|
||||||
|
};
|
||||||
|
|
||||||
|
var BackendSocket = function (_React$Component) {
|
||||||
|
_inherits(BackendSocket, _React$Component);
|
||||||
|
|
||||||
|
function BackendSocket() {
|
||||||
|
var _ref;
|
||||||
|
|
||||||
|
var _temp, _this, _ret;
|
||||||
|
|
||||||
|
_classCallCheck(this, BackendSocket);
|
||||||
|
|
||||||
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||||||
|
args[_key] = arguments[_key];
|
||||||
|
}
|
||||||
|
|
||||||
|
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = BackendSocket.__proto__ || Object.getPrototypeOf(BackendSocket)).call.apply(_ref, [this].concat(args))), _this), _this.selectionHandler = function (selectionHashes, selectedTab) {
|
||||||
|
switch (selectedTab) {
|
||||||
|
case 0:
|
||||||
|
console.log("general tab information requested");
|
||||||
|
break;
|
||||||
|
case 1:
|
||||||
|
var peerListHashes = {
|
||||||
|
MessageType: "torrentPeerListRequest",
|
||||||
|
Payload: selectionHashes
|
||||||
|
};
|
||||||
|
console.log("Peers tab information requested", peerListHashes);
|
||||||
|
ws.send(JSON.stringify(peerListHashes));
|
||||||
|
break;
|
||||||
|
case 2:
|
||||||
|
var fileListHashes = {
|
||||||
|
MessageType: "torrentFileListRequest",
|
||||||
|
Payload: selectionHashes
|
||||||
|
};
|
||||||
|
console.log("Files tab information requested", fileListHashes);
|
||||||
|
ws.send(JSON.stringify(fileListHashes));
|
||||||
|
break;
|
||||||
|
case 3:
|
||||||
|
console.log("Speed tab information requested");
|
||||||
|
break;
|
||||||
|
case 4:
|
||||||
|
console.log("Logger tab information requested");
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
console.log("default tab");
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}, _this.testSelectionLength = function (selection) {
|
||||||
|
if (nextProps.selectionHashes.length > 1) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}, _temp), _possibleConstructorReturn(_this, _ret);
|
||||||
|
}
|
||||||
|
|
||||||
|
_createClass(BackendSocket, [{
|
||||||
|
key: 'componentDidMount',
|
||||||
|
value: function componentDidMount() {
|
||||||
|
var _this2 = this;
|
||||||
|
|
||||||
|
this.timerID = setInterval(function () {
|
||||||
|
return _this2.tick();
|
||||||
|
}, 2000);
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'componentWillUnmount',
|
||||||
|
value: function componentWillUnmount() {
|
||||||
|
clearInterval(this.timerID);
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'tick',
|
||||||
|
value: function tick() {
|
||||||
|
// this tick is the main tick that updates ALL of the components that update on tick... which is a lot
|
||||||
|
if (this.props.RSSList != RSSList & this.props.RSSModalOpen == true) {
|
||||||
|
this.props.newRSSFeedStore(RSSList); //pushing the new RSSList to Redux
|
||||||
|
}
|
||||||
|
if (this.props.RSSTorrentList != RSSTorrentList & this.props.RSSModalOpen == true) {
|
||||||
|
this.props.RSSTorrentList(RSSTorrentList); //pushing the new RSSTorrentList to Redux
|
||||||
|
}
|
||||||
|
|
||||||
|
ws.send(JSON.stringify(torrentListRequest)); //talking to the server to get the torrent list
|
||||||
|
//console.log("Torrentlist", torrents)
|
||||||
|
this.props.setButtonState(this.props.selection); //forcing an update to the buttons
|
||||||
|
this.props.newTorrentList(torrents); //sending the list of torrents to torrentlist.js
|
||||||
|
if (this.props.selectionHashes.length === 1) {
|
||||||
|
switch (this.props.selectedTab) {
|
||||||
|
case 1:
|
||||||
|
var peerListHashes = {
|
||||||
|
MessageType: "torrentPeerListRequest",
|
||||||
|
Payload: this.props.selectionHashes
|
||||||
|
};
|
||||||
|
ws.send(JSON.stringify(peerListHashes));
|
||||||
|
this.props.newPeerList(peerList);
|
||||||
|
break;
|
||||||
|
case 2:
|
||||||
|
var fileListHashes = {
|
||||||
|
MessageType: "torrentFileListRequest",
|
||||||
|
Payload: this.props.selectionHashes
|
||||||
|
};
|
||||||
|
ws.send(JSON.stringify(fileListHashes));
|
||||||
|
this.props.newFileList(fileList);
|
||||||
|
break;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'componentWillReceiveProps',
|
||||||
|
value: function componentWillReceiveProps(nextProps) {
|
||||||
|
console.log("Lenght", nextProps.selectionHashes.length, "value", nextProps.selectionHashes);
|
||||||
|
if (nextProps.selectionHashes.length === 1) {
|
||||||
|
//if we have a selection pass it on for the tabs to verify
|
||||||
|
this.selectionHandler(nextProps.selectionHashes, nextProps.selectedTab);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'render',
|
||||||
|
value: function render() {
|
||||||
|
return _react2.default.createElement(
|
||||||
|
'div',
|
||||||
|
{ style: divStyle },
|
||||||
|
_react2.default.createElement(_InfoOutline2.default, { styles: buttonStyle, color: 'primary', 'data-tip': 'BackendStatus: Green=Good', 'aria-label': 'Settings' })
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}]);
|
||||||
|
|
||||||
|
return BackendSocket;
|
||||||
|
}(_react2.default.Component);
|
||||||
|
|
||||||
|
var mapStateToProps = function mapStateToProps(state) {
|
||||||
|
return {
|
||||||
|
selectionHashes: state.selectionHashes,
|
||||||
|
selectedTab: state.selectedTab,
|
||||||
|
selection: state.selection,
|
||||||
|
RSSModalOpen: state.RSSModalOpen,
|
||||||
|
RSSTorrentList: state.RSSTorrentList
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
|
||||||
|
return {
|
||||||
|
newTorrentList: function newTorrentList(torrentList) {
|
||||||
|
return dispatch({ type: actionTypes.TORRENT_LIST, torrentList: torrentList });
|
||||||
|
},
|
||||||
|
newPeerList: function newPeerList(peerList) {
|
||||||
|
return dispatch({ type: actionTypes.PEER_LIST, peerList: peerList });
|
||||||
|
},
|
||||||
|
newFileList: function newFileList(fileList) {
|
||||||
|
return dispatch({ type: actionTypes.FILE_LIST, fileList: fileList });
|
||||||
|
},
|
||||||
|
setButtonState: function setButtonState(buttonState) {
|
||||||
|
return dispatch({ type: actionTypes.SET_BUTTON_STATE, buttonState: buttonState });
|
||||||
|
},
|
||||||
|
newRSSFeedStore: function newRSSFeedStore(RSSList) {
|
||||||
|
return dispatch({ type: actionTypes.NEW_RSS_FEED_STORE, RSSList: RSSList });
|
||||||
|
},
|
||||||
|
RSSTorrentList: function RSSTorrentList(_RSSTorrentList) {
|
||||||
|
return dispatch({ type: actionTypes.RSS_TORRENT_LIST, RSSTorrentList: _RSSTorrentList });
|
||||||
|
}
|
||||||
|
//changeSelection: (selection) => dispatch({type: actionTypes.CHANGE_SELECTION, selection}),//forcing an update to the buttons
|
||||||
|
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(BackendSocket);
|
||||||
193
goTorrentWebUI/lib/BottomMenu/Tabs/fileTab.js
Normal file
193
goTorrentWebUI/lib/BottomMenu/Tabs/fileTab.js
Normal file
@@ -0,0 +1,193 @@
|
|||||||
|
'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 _progressBarCell = require('../../CustomCells/progressBarCell');
|
||||||
|
|
||||||
|
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 FileTab = function (_React$Component) {
|
||||||
|
_inherits(FileTab, _React$Component);
|
||||||
|
|
||||||
|
function FileTab(props) {
|
||||||
|
_classCallCheck(this, FileTab);
|
||||||
|
|
||||||
|
var _this = _possibleConstructorReturn(this, (FileTab.__proto__ || Object.getPrototypeOf(FileTab)).call(this, props));
|
||||||
|
|
||||||
|
_this.changeSelection = function (selection) {
|
||||||
|
console.log("Filelist 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.fileList[element]); //pushing the selected rows out of torrentlist
|
||||||
|
});
|
||||||
|
_this.setState({ fileSelection: selectedRows });
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
_this.sendPriorityRequest = function (priority, sendfileNames) {
|
||||||
|
_this.state.fileSelection.forEach(function (element) {
|
||||||
|
console.log("element", element);
|
||||||
|
sendFileNames.push(element.FilePath);
|
||||||
|
});
|
||||||
|
var setFilePriority = {
|
||||||
|
MessageType: "setFilePriority",
|
||||||
|
Payload: sendFileNames
|
||||||
|
};
|
||||||
|
console.log(JSON.stringify(setFilePriority));
|
||||||
|
ws.send(JSON.stringify(setFilePriority));
|
||||||
|
};
|
||||||
|
|
||||||
|
_this.setHighPriority = function () {
|
||||||
|
var priorty = "High";
|
||||||
|
var selectionHash = _this.props.selectionHashes[0]; //getting the first element (should be the only one)
|
||||||
|
var sendFileNames = [selectionHash, "High"]; // adding the selection hash as the first element will be stripped out by the server, second element is the prioty request
|
||||||
|
};
|
||||||
|
|
||||||
|
_this.setNormalPriority = function () {
|
||||||
|
var priorty = "Normal";
|
||||||
|
var selectionHash = _this.props.selectionHashes[0]; //getting the first element (should be the only one)
|
||||||
|
var sendFileNames = [selectionHash, "Normal"]; // adding the selection hash as the first element will be stripped out by the server, second element is the prioty request
|
||||||
|
};
|
||||||
|
|
||||||
|
_this.setCancelPriority = function () {
|
||||||
|
var priorty = "Cancel";
|
||||||
|
var selectionHash = _this.props.selectionHashes[0]; //getting the first element (should be the only one)
|
||||||
|
var sendFileNames = [selectionHash, "Cancel"]; // adding the selection hash as the first element will be stripped out by the server, second element is the prioty request
|
||||||
|
};
|
||||||
|
|
||||||
|
_this.state = { //rows are stored in redux they are sent over from the server
|
||||||
|
columns: [{ name: 'FileName', title: 'File Name' }, { name: 'FilePath', title: 'File Path' }, { name: 'FileSize', title: 'File Size' }, { name: 'FilePercent', title: 'File Percent' }, { name: 'FilePriority', title: 'File Priority' }],
|
||||||
|
sorting: [],
|
||||||
|
columnOrder: ['FileName', 'FilePath', 'FileSize', 'FilePercent', 'FilePriority'],
|
||||||
|
columnWidths: { FileName: 450, FilePath: 650, FileSize: 100, FilePercent: 100, FilePriority: 75 },
|
||||||
|
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(FileTab, [{
|
||||||
|
key: 'render',
|
||||||
|
value: function render() {
|
||||||
|
return (
|
||||||
|
//Buttons here
|
||||||
|
_react2.default.createElement(
|
||||||
|
'div',
|
||||||
|
null,
|
||||||
|
'Set File Priority:',
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Button2.default,
|
||||||
|
{ raised: true, color: 'primary', onClick: this.setHighPriority },
|
||||||
|
'High'
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Button2.default,
|
||||||
|
{ raised: true, color: 'primary', onClick: this.setNormalPriority },
|
||||||
|
'Normal'
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Button2.default,
|
||||||
|
{ raised: true, color: 'accent', onClick: this.setCancelPriority },
|
||||||
|
'Do Not Download'
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_dxReactGridMaterialUi.Grid,
|
||||||
|
{ rows: this.props.fileList, 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: 300, tableCellTemplate: function tableCellTemplate(_ref) {
|
||||||
|
var row = _ref.row,
|
||||||
|
column = _ref.column,
|
||||||
|
style = _ref.style;
|
||||||
|
|
||||||
|
if (column.name === 'FilePercent') {
|
||||||
|
return _react2.default.createElement(_progressBarCell.ProgressBarCell, { value: row.FilePercent * 100, style: style });
|
||||||
|
}
|
||||||
|
return undefined;
|
||||||
|
} }),
|
||||||
|
'/>',
|
||||||
|
_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 FileTab;
|
||||||
|
}(_react2.default.Component);
|
||||||
|
|
||||||
|
var mapStateToProps = function mapStateToProps(state) {
|
||||||
|
return {
|
||||||
|
selectionHashes: state.selectionHashes,
|
||||||
|
fileList: state.fileList
|
||||||
|
//fileSelectionNames: state.fileSelectionNames,
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
|
||||||
|
return {
|
||||||
|
|
||||||
|
//changeFileSelection: (fileSelection) => dispatch({type: actionTypes.CHANGE_FILE_SELECTION, fileSelection}),
|
||||||
|
|
||||||
|
sendSelectionHashes: function sendSelectionHashes(selectionHashes) {
|
||||||
|
return dispatch({ type: actionTypes.SELECTION_HASHES, selectionHashes: selectionHashes });
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(FileTab);
|
||||||
325
goTorrentWebUI/lib/BottomMenu/Tabs/generalTab.js
Normal file
325
goTorrentWebUI/lib/BottomMenu/Tabs/generalTab.js
Normal file
@@ -0,0 +1,325 @@
|
|||||||
|
'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 _styles = require('material-ui/styles');
|
||||||
|
|
||||||
|
var _Paper = require('material-ui/Paper');
|
||||||
|
|
||||||
|
var _Paper2 = _interopRequireDefault(_Paper);
|
||||||
|
|
||||||
|
var _Grid = require('material-ui/Grid');
|
||||||
|
|
||||||
|
var _Grid2 = _interopRequireDefault(_Grid);
|
||||||
|
|
||||||
|
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 styles = function styles(theme) {
|
||||||
|
return {
|
||||||
|
root: {
|
||||||
|
flexGrow: 1,
|
||||||
|
marginTop: 0
|
||||||
|
},
|
||||||
|
paper: {
|
||||||
|
padding: 16,
|
||||||
|
textAlign: 'left',
|
||||||
|
color: theme.palette.text.primary
|
||||||
|
},
|
||||||
|
floatRight: {
|
||||||
|
float: 'right'
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
var GeneralTab = function (_React$Component) {
|
||||||
|
_inherits(GeneralTab, _React$Component);
|
||||||
|
|
||||||
|
function GeneralTab(props) {
|
||||||
|
_classCallCheck(this, GeneralTab);
|
||||||
|
|
||||||
|
var _this = _possibleConstructorReturn(this, (GeneralTab.__proto__ || Object.getPrototypeOf(GeneralTab)).call(this, props));
|
||||||
|
|
||||||
|
_this.componentWillReceiveProps = function () {
|
||||||
|
//console.log("recieving props in generaltab", "TYPE", this.props.selectionHashes[Object.keys(this.props.selectionHashes)[0]])
|
||||||
|
if (_this.props.selectionHashes.length === 1) {
|
||||||
|
//if one torrent is selected
|
||||||
|
var selectionHashTemp = _this.props.selectionHashes[Object.keys(_this.props.selectionHashes)[0]]; // extract out the hash of the single selection
|
||||||
|
var selectedTorrentTemp = [];
|
||||||
|
_this.props.torrentList.forEach(function (singleTorrent) {
|
||||||
|
if (singleTorrent.TorrentHashString === selectionHashTemp) {
|
||||||
|
selectedTorrentTemp = singleTorrent;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
//selectedTorrentTemp = this.props.torrentList.filter(torrent => torrent.TorrentHashString === this.props.selectionHashes)
|
||||||
|
//console.log("SelectedTorrentTemp", selectedTorrentTemp)
|
||||||
|
_this.setState({ selectedTorrent: selectedTorrentTemp });
|
||||||
|
} else {
|
||||||
|
_this.setState({ selectedTorrent: [] });
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
_this.state = {
|
||||||
|
selectedTorrent: []
|
||||||
|
};
|
||||||
|
|
||||||
|
return _this;
|
||||||
|
}
|
||||||
|
|
||||||
|
_createClass(GeneralTab, [{
|
||||||
|
key: 'render',
|
||||||
|
value: function render() {
|
||||||
|
var classes = this.props.classes;
|
||||||
|
|
||||||
|
return _react2.default.createElement(
|
||||||
|
'div',
|
||||||
|
{ className: classes.root },
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Grid2.default,
|
||||||
|
{ container: true, spacing: 8 },
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Grid2.default,
|
||||||
|
{ item: true, xs: 12, sm: 4 },
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
{ className: classes.paper },
|
||||||
|
'Torrent Name: ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
'span',
|
||||||
|
{ className: classes.floatRight },
|
||||||
|
this.state.selectedTorrent["TorrentName"],
|
||||||
|
' '
|
||||||
|
)
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
{ className: classes.paper },
|
||||||
|
'Torrent Size: ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
'span',
|
||||||
|
{ className: classes.floatRight },
|
||||||
|
this.state.selectedTorrent["Size"],
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
{ className: classes.paper },
|
||||||
|
'Storage Path: ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
'span',
|
||||||
|
{ className: classes.floatRight },
|
||||||
|
this.state.selectedTorrent["StoragePath"],
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
{ className: classes.paper },
|
||||||
|
'Date Added: ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
'span',
|
||||||
|
{ className: classes.floatRight },
|
||||||
|
' ',
|
||||||
|
this.state.selectedTorrent["DateAdded"],
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
{ className: classes.paper },
|
||||||
|
'Source Type: ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
'span',
|
||||||
|
{ className: classes.floatRight },
|
||||||
|
' ',
|
||||||
|
this.state.selectedTorrent["SourceType"],
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
{ className: classes.paper },
|
||||||
|
'Label: ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
'span',
|
||||||
|
{ className: classes.floatRight },
|
||||||
|
' None '
|
||||||
|
),
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
{ className: classes.paper },
|
||||||
|
'Torrent Hash: ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
'span',
|
||||||
|
{ className: classes.floatRight },
|
||||||
|
' ',
|
||||||
|
this.state.selectedTorrent["TorrentHashString"],
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
' '
|
||||||
|
)
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Grid2.default,
|
||||||
|
{ item: true, xs: 12, sm: 4 },
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
{ className: classes.paper },
|
||||||
|
'Status: ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
'span',
|
||||||
|
{ className: classes.floatRight },
|
||||||
|
this.state.selectedTorrent["Status"],
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
{ className: classes.paper },
|
||||||
|
'Percent Done: ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
'span',
|
||||||
|
{ className: classes.floatRight },
|
||||||
|
this.state.selectedTorrent["PercentDone"],
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
{ className: classes.paper },
|
||||||
|
'Torrent DL Amount: ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
'span',
|
||||||
|
{ className: classes.floatRight },
|
||||||
|
this.state.selectedTorrent["DownloadedSize"],
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
{ className: classes.paper },
|
||||||
|
'Total Upload Amount: ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
'span',
|
||||||
|
{ className: classes.floatRight },
|
||||||
|
this.state.selectedTorrent["TotalUploadedSize"],
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
{ className: classes.paper },
|
||||||
|
'Seeding Ratio: ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
'span',
|
||||||
|
{ className: classes.floatRight },
|
||||||
|
this.state.selectedTorrent["Ratio"],
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
{ className: classes.paper },
|
||||||
|
'ETA: ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
'span',
|
||||||
|
{ className: classes.floatRight },
|
||||||
|
this.state.selectedTorrent["ETA"],
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
{ className: classes.paper },
|
||||||
|
'Max Connections: ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
'span',
|
||||||
|
{ className: classes.floatRight },
|
||||||
|
this.state.selectedTorrent["MaxConnections"],
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
' '
|
||||||
|
)
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Grid2.default,
|
||||||
|
{ item: true, xs: 12, sm: 4 },
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
{ className: classes.paper },
|
||||||
|
'Number of Files: ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
'span',
|
||||||
|
{ className: classes.floatRight },
|
||||||
|
this.state.selectedTorrent["FileNumber"],
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
{ className: classes.paper },
|
||||||
|
'Number of Pieces: ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
'span',
|
||||||
|
{ className: classes.floatRight },
|
||||||
|
this.state.selectedTorrent["PieceNumber"],
|
||||||
|
' '
|
||||||
|
),
|
||||||
|
' '
|
||||||
|
)
|
||||||
|
)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}]);
|
||||||
|
|
||||||
|
return GeneralTab;
|
||||||
|
}(_react2.default.Component);
|
||||||
|
|
||||||
|
var mapStateToProps = function mapStateToProps(state) {
|
||||||
|
return {
|
||||||
|
selectionHashes: state.selectionHashes,
|
||||||
|
torrentList: state.torrentList
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
exports.default = (0, _styles.withStyles)(styles)((0, _reactRedux.connect)(mapStateToProps)(GeneralTab));
|
||||||
96
goTorrentWebUI/lib/BottomMenu/Tabs/peerTab.js
Normal file
96
goTorrentWebUI/lib/BottomMenu/Tabs/peerTab.js
Normal file
@@ -0,0 +1,96 @@
|
|||||||
|
'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 _reactBootstrapTable = require('react-bootstrap-table');
|
||||||
|
|
||||||
|
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 PeerTab = function (_React$Component) {
|
||||||
|
_inherits(PeerTab, _React$Component);
|
||||||
|
|
||||||
|
function PeerTab(props) {
|
||||||
|
_classCallCheck(this, PeerTab);
|
||||||
|
|
||||||
|
var _this = _possibleConstructorReturn(this, (PeerTab.__proto__ || Object.getPrototypeOf(PeerTab)).call(this, props));
|
||||||
|
|
||||||
|
_this.state = { //rows are stored in redux they are sent over from the server
|
||||||
|
columns: [{ name: 'PeerID', title: 'Peer ID' }, { name: 'IP', title: 'IP Address' },
|
||||||
|
//{ name: 'Country', title: 'Country of Origin'}, //TODO map IP to country
|
||||||
|
{ name: 'Port', title: 'Port' }, { name: 'Source', title: 'Source' }, //T=Tracker, I=Incoming, Hg=DHTGetPeers, Ha=DHTAnnouncePeer, X=PEX
|
||||||
|
{ name: 'SupportsEncryption', title: 'Supports Encryption' }],
|
||||||
|
sorting: [],
|
||||||
|
columnOrder: ['PeerID', 'IP', 'Port', 'Source', 'SupportsEncryption'],
|
||||||
|
columnWidths: { PeerID: 250, IP: 150, Port: 100, Source: 150, SupportsEncryption: 150 }
|
||||||
|
};
|
||||||
|
|
||||||
|
_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(PeerTab, [{
|
||||||
|
key: 'render',
|
||||||
|
value: function render() {
|
||||||
|
return _react2.default.createElement(
|
||||||
|
_dxReactGridMaterialUi.Grid,
|
||||||
|
{ rows: this.props.peerList, 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(_dxReactGridMaterialUi.VirtualTableView, { height: 350 }),
|
||||||
|
_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.TableHeaderRow, { allowSorting: true, allowResizing: true, allowDragging: true })
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}]);
|
||||||
|
|
||||||
|
return PeerTab;
|
||||||
|
}(_react2.default.Component);
|
||||||
|
|
||||||
|
var mapStateToProps = function mapStateToProps(state) {
|
||||||
|
return {
|
||||||
|
selectionHashes: state.selectionHashes,
|
||||||
|
peerList: state.peerList
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
exports.default = (0, _reactRedux.connect)(mapStateToProps)(PeerTab);
|
||||||
183
goTorrentWebUI/lib/BottomMenu/bottomMenu.js
Normal file
183
goTorrentWebUI/lib/BottomMenu/bottomMenu.js
Normal file
@@ -0,0 +1,183 @@
|
|||||||
|
'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 _AppBar = require('material-ui/AppBar');
|
||||||
|
|
||||||
|
var _AppBar2 = _interopRequireDefault(_AppBar);
|
||||||
|
|
||||||
|
var _Tabs = require('material-ui/Tabs');
|
||||||
|
|
||||||
|
var _Tabs2 = _interopRequireDefault(_Tabs);
|
||||||
|
|
||||||
|
var _generalTab = require('./Tabs/generalTab');
|
||||||
|
|
||||||
|
var _generalTab2 = _interopRequireDefault(_generalTab);
|
||||||
|
|
||||||
|
var _peerTab = require('./Tabs/peerTab');
|
||||||
|
|
||||||
|
var _peerTab2 = _interopRequireDefault(_peerTab);
|
||||||
|
|
||||||
|
var _fileTab = require('./Tabs/fileTab');
|
||||||
|
|
||||||
|
var _fileTab2 = _interopRequireDefault(_fileTab);
|
||||||
|
|
||||||
|
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
|
||||||
|
|
||||||
|
|
||||||
|
//Redux
|
||||||
|
|
||||||
|
|
||||||
|
function TabContainer(props) {
|
||||||
|
return _react2.default.createElement(
|
||||||
|
'div',
|
||||||
|
{ style: { padding: 8 * 3 } },
|
||||||
|
props.children
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
TabContainer.propTypes = {
|
||||||
|
children: _propTypes2.default.node.isRequired
|
||||||
|
};
|
||||||
|
|
||||||
|
var styles = function styles(theme) {
|
||||||
|
return {
|
||||||
|
root: {
|
||||||
|
// flexGrow: 1,
|
||||||
|
// marginTop: theme.spacing.unit * 3,
|
||||||
|
//backgroundColor: theme.palette.background.paper,
|
||||||
|
backgroundColor: '#e5e5e5',
|
||||||
|
height: '100%',
|
||||||
|
boxShadow: '0 0 20px #000'
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
var BasicTabs = function (_React$Component) {
|
||||||
|
_inherits(BasicTabs, _React$Component);
|
||||||
|
|
||||||
|
function BasicTabs() {
|
||||||
|
var _ref;
|
||||||
|
|
||||||
|
var _temp, _this, _ret;
|
||||||
|
|
||||||
|
_classCallCheck(this, BasicTabs);
|
||||||
|
|
||||||
|
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
||||||
|
args[_key] = arguments[_key];
|
||||||
|
}
|
||||||
|
|
||||||
|
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = BasicTabs.__proto__ || Object.getPrototypeOf(BasicTabs)).call.apply(_ref, [this].concat(args))), _this), _this.handleChange = function (event, value) {
|
||||||
|
//this.setState({ value });
|
||||||
|
_this.props.changeTab(value);
|
||||||
|
}, _temp), _possibleConstructorReturn(_this, _ret);
|
||||||
|
}
|
||||||
|
|
||||||
|
_createClass(BasicTabs, [{
|
||||||
|
key: 'render',
|
||||||
|
value: function render() {
|
||||||
|
var classes = this.props.classes;
|
||||||
|
|
||||||
|
|
||||||
|
return _react2.default.createElement(
|
||||||
|
'div',
|
||||||
|
{ className: classes.root },
|
||||||
|
_react2.default.createElement(
|
||||||
|
'div',
|
||||||
|
{ className: 'DragHandle' },
|
||||||
|
' ',
|
||||||
|
_react2.default.createElement(
|
||||||
|
_AppBar2.default,
|
||||||
|
{ position: 'static' },
|
||||||
|
_react2.default.createElement(
|
||||||
|
_Tabs2.default,
|
||||||
|
{ value: this.props.selectedTab, onChange: this.handleChange },
|
||||||
|
_react2.default.createElement(_Tabs.Tab, { label: 'General' }),
|
||||||
|
_react2.default.createElement(_Tabs.Tab, { label: 'Peers' }),
|
||||||
|
_react2.default.createElement(_Tabs.Tab, { label: 'Files' }),
|
||||||
|
_react2.default.createElement(_Tabs.Tab, { label: 'Speed' }),
|
||||||
|
_react2.default.createElement(_Tabs.Tab, { label: 'Logger', href: '#basic-tabs' })
|
||||||
|
)
|
||||||
|
)
|
||||||
|
),
|
||||||
|
this.props.selectedTab === 0 && _react2.default.createElement(
|
||||||
|
TabContainer,
|
||||||
|
null,
|
||||||
|
_react2.default.createElement(_generalTab2.default, null)
|
||||||
|
),
|
||||||
|
this.props.selectedTab === 1 && _react2.default.createElement(
|
||||||
|
TabContainer,
|
||||||
|
null,
|
||||||
|
_react2.default.createElement(_peerTab2.default, null)
|
||||||
|
),
|
||||||
|
this.props.selectedTab === 2 && _react2.default.createElement(
|
||||||
|
TabContainer,
|
||||||
|
null,
|
||||||
|
_react2.default.createElement(_fileTab2.default, null)
|
||||||
|
),
|
||||||
|
this.props.selectedTab === 3 && _react2.default.createElement(
|
||||||
|
TabContainer,
|
||||||
|
null,
|
||||||
|
'Speed'
|
||||||
|
),
|
||||||
|
this.props.selectedTab === 4 && _react2.default.createElement(
|
||||||
|
TabContainer,
|
||||||
|
null,
|
||||||
|
'Logger'
|
||||||
|
)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}]);
|
||||||
|
|
||||||
|
return BasicTabs;
|
||||||
|
}(_react2.default.Component);
|
||||||
|
|
||||||
|
BasicTabs.propTypes = {
|
||||||
|
classes: _propTypes2.default.object.isRequired
|
||||||
|
};
|
||||||
|
|
||||||
|
var mapStateToProps = function mapStateToProps(state) {
|
||||||
|
return {
|
||||||
|
selectedTab: state.selectedTab
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
|
||||||
|
return {
|
||||||
|
changeTab: function changeTab(selectedTab) {
|
||||||
|
return dispatch({ type: actionTypes.SELECTED_TAB, selectedTab: selectedTab });
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
exports.default = (0, _styles.withStyles)(styles)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(BasicTabs));
|
||||||
80
goTorrentWebUI/lib/CustomCells/progressBarCell.js
Normal file
80
goTorrentWebUI/lib/CustomCells/progressBarCell.js
Normal file
@@ -0,0 +1,80 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
Object.defineProperty(exports, "__esModule", {
|
||||||
|
value: true
|
||||||
|
});
|
||||||
|
exports.ProgressBarCell = exports.ProgressBarCellBase = undefined;
|
||||||
|
|
||||||
|
var _react = require('react');
|
||||||
|
|
||||||
|
var _react2 = _interopRequireDefault(_react);
|
||||||
|
|
||||||
|
var _propTypes = require('prop-types');
|
||||||
|
|
||||||
|
var _propTypes2 = _interopRequireDefault(_propTypes);
|
||||||
|
|
||||||
|
var _materialUi = require('material-ui');
|
||||||
|
|
||||||
|
var _styles = require('material-ui/styles');
|
||||||
|
|
||||||
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||||
|
|
||||||
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||||
|
|
||||||
|
var styles = function styles(theme) {
|
||||||
|
var _progressText;
|
||||||
|
|
||||||
|
return {
|
||||||
|
progressBarCell: {
|
||||||
|
paddingLeft: theme.spacing.unit,
|
||||||
|
paddingRight: theme.spacing.unit,
|
||||||
|
borderBottom: '1px solid ' + theme.palette.text.lightDivider
|
||||||
|
},
|
||||||
|
progressBar: {
|
||||||
|
backgroundColor: theme.palette.primary[300],
|
||||||
|
float: 'left',
|
||||||
|
height: theme.spacing.unit,
|
||||||
|
whiteSpace: 'nowrap'
|
||||||
|
},
|
||||||
|
progressText: (_progressText = {
|
||||||
|
display: 'inline-block',
|
||||||
|
fontSize: '1em',
|
||||||
|
textAlign: 'right',
|
||||||
|
verticalAlign: 'text-top'
|
||||||
|
}, _defineProperty(_progressText, 'fontSize', '12px'), _defineProperty(_progressText, 'fontWeight', 'bold'), _defineProperty(_progressText, 'margin', '5px'), _defineProperty(_progressText, 'whiteSpace', 'nowrap'), _progressText)
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
var ProgressBarCellBase = exports.ProgressBarCellBase = function ProgressBarCellBase(_ref) {
|
||||||
|
var value = _ref.value,
|
||||||
|
classes = _ref.classes,
|
||||||
|
style = _ref.style;
|
||||||
|
return _react2.default.createElement(
|
||||||
|
_materialUi.TableCell,
|
||||||
|
{
|
||||||
|
className: classes.progressBarCell,
|
||||||
|
style: style
|
||||||
|
|
||||||
|
},
|
||||||
|
_react2.default.createElement('div', {
|
||||||
|
className: classes.progressBar,
|
||||||
|
style: { width: value + '%' },
|
||||||
|
title: value.toFixed(1) + '%'
|
||||||
|
}),
|
||||||
|
_react2.default.createElement(
|
||||||
|
'div',
|
||||||
|
{ className: classes.progressText },
|
||||||
|
value
|
||||||
|
)
|
||||||
|
);
|
||||||
|
};
|
||||||
|
ProgressBarCellBase.propTypes = {
|
||||||
|
value: _propTypes2.default.number.isRequired,
|
||||||
|
classes: _propTypes2.default.object.isRequired,
|
||||||
|
style: _propTypes2.default.object
|
||||||
|
};
|
||||||
|
ProgressBarCellBase.defaultProps = {
|
||||||
|
style: {}
|
||||||
|
};
|
||||||
|
|
||||||
|
var ProgressBarCell = exports.ProgressBarCell = (0, _styles.withStyles)(styles, { name: 'ProgressBarCell' })(ProgressBarCellBase);
|
||||||
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));
|
||||||
159
goTorrentWebUI/lib/app.js
Normal file
159
goTorrentWebUI/lib/app.js
Normal file
@@ -0,0 +1,159 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
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 _redux = require('redux');
|
||||||
|
|
||||||
|
var _reactRedux = require('react-redux');
|
||||||
|
|
||||||
|
var _reducer = require('./store/reducer');
|
||||||
|
|
||||||
|
var _reducer2 = _interopRequireDefault(_reducer);
|
||||||
|
|
||||||
|
var _topMenu = require('./TopMenu/topMenu');
|
||||||
|
|
||||||
|
var _topMenu2 = _interopRequireDefault(_topMenu);
|
||||||
|
|
||||||
|
var _bottomMenu = require('./BottomMenu/bottomMenu');
|
||||||
|
|
||||||
|
var _bottomMenu2 = _interopRequireDefault(_bottomMenu);
|
||||||
|
|
||||||
|
var _leftMenu = require('./leftMenu/leftMenu');
|
||||||
|
|
||||||
|
var _leftMenu2 = _interopRequireDefault(_leftMenu);
|
||||||
|
|
||||||
|
var _torrentlist = require('./torrentlist');
|
||||||
|
|
||||||
|
var _torrentlist2 = _interopRequireDefault(_torrentlist);
|
||||||
|
|
||||||
|
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
|
||||||
|
|
||||||
|
//Menu and torrentlist imports
|
||||||
|
|
||||||
|
|
||||||
|
var reduxStore = (0, _redux.createStore)(_reducer2.default);
|
||||||
|
|
||||||
|
var ReactGridLayout = (0, _reactGridLayout.WidthProvider)(_reactGridLayout2.default);
|
||||||
|
|
||||||
|
var background = {
|
||||||
|
backgroundColor: '#e5e5e5',
|
||||||
|
boxShadow: '0 0 20px #000'
|
||||||
|
};
|
||||||
|
|
||||||
|
var BasicLayout = function (_React$PureComponent) {
|
||||||
|
_inherits(BasicLayout, _React$PureComponent);
|
||||||
|
|
||||||
|
function BasicLayout(props) {
|
||||||
|
_classCallCheck(this, BasicLayout);
|
||||||
|
|
||||||
|
var _this = _possibleConstructorReturn(this, (BasicLayout.__proto__ || Object.getPrototypeOf(BasicLayout)).call(this, props));
|
||||||
|
|
||||||
|
var layout = [{ i: 'a', x: 0, y: 0, w: 6, h: 1, static: true }, { i: 'b', x: 0, y: 1, w: 1, h: 9, static: true }, { i: 'c', x: 1, y: 1, w: 5, h: 5, minW: 5, minH: 3, static: true }, { i: 'd', x: 1, y: 6, w: 5, h: 4, minW: 5, minH: 1, static: true }];
|
||||||
|
_this.state = { layout: layout };
|
||||||
|
return _this;
|
||||||
|
}
|
||||||
|
|
||||||
|
_createClass(BasicLayout, [{
|
||||||
|
key: 'onLayoutChange',
|
||||||
|
value: function onLayoutChange(layout) {
|
||||||
|
this.props.onLayoutChange(layout);
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'render',
|
||||||
|
value: function render() {
|
||||||
|
return _react2.default.createElement(
|
||||||
|
ReactGridLayout,
|
||||||
|
_extends({ layout: this.state.layout, onLayoutChange: this.onLayoutChange
|
||||||
|
}, this.props),
|
||||||
|
_react2.default.createElement(
|
||||||
|
'div',
|
||||||
|
{ key: 'a', style: background, className: 'DragHandle' },
|
||||||
|
_react2.default.createElement(_topMenu2.default, null)
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
'div',
|
||||||
|
{ key: 'b', style: background, className: 'DragHandle' },
|
||||||
|
_react2.default.createElement(_leftMenu2.default, null)
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
'div',
|
||||||
|
{ key: 'c', style: background, className: 'DragHandle' },
|
||||||
|
_react2.default.createElement(_torrentlist2.default, null)
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
'div',
|
||||||
|
{ key: 'd' },
|
||||||
|
_react2.default.createElement(_bottomMenu2.default, null)
|
||||||
|
)
|
||||||
|
) //returning our 4 grids
|
||||||
|
|
||||||
|
;
|
||||||
|
}
|
||||||
|
}]);
|
||||||
|
|
||||||
|
return BasicLayout;
|
||||||
|
}(_react2.default.PureComponent);
|
||||||
|
|
||||||
|
BasicLayout.propTypes = {
|
||||||
|
onLayoutChange: _propTypes2.default.func.isRequired
|
||||||
|
};
|
||||||
|
BasicLayout.defaultProps = {
|
||||||
|
className: "layout",
|
||||||
|
items: 4,
|
||||||
|
rowHeight: 100,
|
||||||
|
onLayoutChange: function onLayoutChange() {},
|
||||||
|
cols: 6,
|
||||||
|
draggableCancel: '.NoDrag',
|
||||||
|
draggableHandle: '.DragHandle'
|
||||||
|
};
|
||||||
|
;
|
||||||
|
|
||||||
|
module.exports = BasicLayout;
|
||||||
|
|
||||||
|
//if (require.main === module) {
|
||||||
|
// require('../test-hook.jsx')(module.exports);
|
||||||
|
//}
|
||||||
|
|
||||||
|
_reactDom2.default.render(_react2.default.createElement(
|
||||||
|
_reactRedux.Provider,
|
||||||
|
{ store: reduxStore },
|
||||||
|
_react2.default.createElement(BasicLayout, null)
|
||||||
|
), //wrapping redux around our app
|
||||||
|
document.getElementById('app'));
|
||||||
257
goTorrentWebUI/lib/leftMenu/leftMenu.js
Normal file
257
goTorrentWebUI/lib/leftMenu/leftMenu.js
Normal file
@@ -0,0 +1,257 @@
|
|||||||
|
'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 _List = require('material-ui/List');
|
||||||
|
|
||||||
|
var _List2 = _interopRequireDefault(_List);
|
||||||
|
|
||||||
|
var _Divider = require('material-ui/Divider');
|
||||||
|
|
||||||
|
var _Divider2 = _interopRequireDefault(_Divider);
|
||||||
|
|
||||||
|
var _FileDownload = require('material-ui-icons/FileDownload');
|
||||||
|
|
||||||
|
var _FileDownload2 = _interopRequireDefault(_FileDownload);
|
||||||
|
|
||||||
|
var _FileUpload = require('material-ui-icons/FileUpload');
|
||||||
|
|
||||||
|
var _FileUpload2 = _interopRequireDefault(_FileUpload);
|
||||||
|
|
||||||
|
var _SwapVert = require('material-ui-icons/SwapVert');
|
||||||
|
|
||||||
|
var _SwapVert2 = _interopRequireDefault(_SwapVert);
|
||||||
|
|
||||||
|
var _AllInclusive = require('material-ui-icons/AllInclusive');
|
||||||
|
|
||||||
|
var _AllInclusive2 = _interopRequireDefault(_AllInclusive);
|
||||||
|
|
||||||
|
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
|
||||||
|
|
||||||
|
|
||||||
|
//react redux
|
||||||
|
|
||||||
|
|
||||||
|
//TODO, clean up the goddamn variable names you are all over the place
|
||||||
|
var styles = function styles(theme) {
|
||||||
|
return {
|
||||||
|
root: {
|
||||||
|
width: '100%',
|
||||||
|
maxWidth: 360,
|
||||||
|
backgroundColor: '#e5e5e5'
|
||||||
|
},
|
||||||
|
icons: {
|
||||||
|
width: '40px',
|
||||||
|
height: '40px'
|
||||||
|
},
|
||||||
|
inactiveIcon: {
|
||||||
|
width: '40px',
|
||||||
|
height: '40px',
|
||||||
|
color: 'red'
|
||||||
|
},
|
||||||
|
active: {
|
||||||
|
backgroundColor: '#80b3ff'
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
var SimpleList = function (_React$Component) {
|
||||||
|
_inherits(SimpleList, _React$Component);
|
||||||
|
|
||||||
|
function SimpleList(props) {
|
||||||
|
_classCallCheck(this, SimpleList);
|
||||||
|
|
||||||
|
var _this = _possibleConstructorReturn(this, (SimpleList.__proto__ || Object.getPrototypeOf(SimpleList)).call(this, props));
|
||||||
|
|
||||||
|
_initialiseProps.call(_this);
|
||||||
|
|
||||||
|
var classes = _this.props.classes;
|
||||||
|
|
||||||
|
_this.state = {
|
||||||
|
allTorrentsClass: classes.active,
|
||||||
|
downloadingClass: '',
|
||||||
|
seedingClass: '',
|
||||||
|
activeTorrentsClass: '',
|
||||||
|
completedTorrentsClass: '',
|
||||||
|
allID: "All",
|
||||||
|
downloadingID: "Downloading",
|
||||||
|
seedingID: "Seeding",
|
||||||
|
activeID: "Active",
|
||||||
|
completedID: "Completed"
|
||||||
|
|
||||||
|
};
|
||||||
|
return _this;
|
||||||
|
}
|
||||||
|
|
||||||
|
_createClass(SimpleList, [{
|
||||||
|
key: 'render',
|
||||||
|
value: function render() {
|
||||||
|
var _this2 = this;
|
||||||
|
|
||||||
|
var classes = this.props.classes;
|
||||||
|
|
||||||
|
return _react2.default.createElement(
|
||||||
|
'div',
|
||||||
|
{ className: classes.root },
|
||||||
|
_react2.default.createElement(
|
||||||
|
_List2.default,
|
||||||
|
{ dense: true },
|
||||||
|
_react2.default.createElement(
|
||||||
|
_List.ListItem,
|
||||||
|
{ dense: true, className: this.state.allTorrentsClass, button: true, onClick: function onClick() {
|
||||||
|
return _this2.setFilter('', _this2.state.allID);
|
||||||
|
} },
|
||||||
|
_react2.default.createElement(
|
||||||
|
_List.ListItemIcon,
|
||||||
|
{ className: classes.icons },
|
||||||
|
_react2.default.createElement(_AllInclusive2.default, null)
|
||||||
|
),
|
||||||
|
_react2.default.createElement(_List.ListItemText, { primary: 'All Torrents' })
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_List.ListItem,
|
||||||
|
{ className: this.state.downloadingClass, button: true, onClick: function onClick() {
|
||||||
|
return _this2.setFilter('Downloading', _this2.state.downloadingID);
|
||||||
|
} },
|
||||||
|
_react2.default.createElement(
|
||||||
|
_List.ListItemIcon,
|
||||||
|
{ className: classes.icons },
|
||||||
|
_react2.default.createElement(_FileDownload2.default, null)
|
||||||
|
),
|
||||||
|
_react2.default.createElement(_List.ListItemText, { primary: 'Downloading Torrents' })
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_List.ListItem,
|
||||||
|
{ className: this.state.seedingClass, button: true, onClick: function onClick() {
|
||||||
|
return _this2.setFilter('Seeding', _this2.state.seedingID);
|
||||||
|
} },
|
||||||
|
_react2.default.createElement(
|
||||||
|
_List.ListItemIcon,
|
||||||
|
{ className: classes.icons },
|
||||||
|
_react2.default.createElement(_FileUpload2.default, null)
|
||||||
|
),
|
||||||
|
_react2.default.createElement(_List.ListItemText, { primary: 'Seeding Torrents' })
|
||||||
|
),
|
||||||
|
_react2.default.createElement(
|
||||||
|
_List.ListItem,
|
||||||
|
{ className: this.state.completedTorrentsClass, button: true, onClick: function onClick() {
|
||||||
|
return _this2.setFilter('Completed', _this2.state.completedID);
|
||||||
|
} },
|
||||||
|
_react2.default.createElement(
|
||||||
|
_List.ListItemIcon,
|
||||||
|
{ className: classes.inactiveIcon },
|
||||||
|
_react2.default.createElement(_SwapVert2.default, null)
|
||||||
|
),
|
||||||
|
_react2.default.createElement(_List.ListItemText, { primary: 'Completed Torrents' })
|
||||||
|
)
|
||||||
|
),
|
||||||
|
_react2.default.createElement(_Divider2.default, null)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}]);
|
||||||
|
|
||||||
|
return SimpleList;
|
||||||
|
}(_react2.default.Component);
|
||||||
|
|
||||||
|
var _initialiseProps = function _initialiseProps() {
|
||||||
|
var _this3 = this;
|
||||||
|
|
||||||
|
this.setActiveElement = function (listItem) {};
|
||||||
|
|
||||||
|
this.setFilter = function (filterState, id) {
|
||||||
|
var classes = _this3.props.classes;
|
||||||
|
|
||||||
|
filterState = [{ columnName: 'Status', value: filterState }];
|
||||||
|
_this3.props.changeFilter(filterState); //dispatch to redux
|
||||||
|
console.log("Switching filters classes", id);
|
||||||
|
switch (id) {//TODO.. there has to be a better fucking way to do this
|
||||||
|
case "All":
|
||||||
|
_this3.state.allTorrentsClass = classes.active;
|
||||||
|
_this3.state.downloadingClass = '';
|
||||||
|
_this3.state.seedingClass = '';
|
||||||
|
_this3.state.activeTorrentsClass = '';
|
||||||
|
_this3.state.completedTorrentsClass = '';
|
||||||
|
break;
|
||||||
|
case "Downloading":
|
||||||
|
console.log("Downloading...");
|
||||||
|
_this3.state.downloadingClass = classes.active;
|
||||||
|
_this3.state.allTorrentsClass = '';
|
||||||
|
_this3.state.seedingClass = '';
|
||||||
|
_this3.state.activeTorrentsClass = '';
|
||||||
|
_this3.state.completedTorrentsClass = '';
|
||||||
|
break;
|
||||||
|
case "Seeding":
|
||||||
|
_this3.state.seedingClass = classes.active;
|
||||||
|
_this3.state.allTorrentsClass = '';
|
||||||
|
_this3.state.downloadingClass = '';
|
||||||
|
_this3.state.activeTorrentsClass = '';
|
||||||
|
_this3.state.completedTorrentsClass = '';
|
||||||
|
break;
|
||||||
|
case "Active":
|
||||||
|
_this3.state.activeTorrentsClass = classes.active;
|
||||||
|
_this3.state.allTorrentsClass = '';
|
||||||
|
_this3.state.downloadingClass = '';
|
||||||
|
_this3.state.seedingClass = '';
|
||||||
|
_this3.state.completedTorrentsClass = '';
|
||||||
|
break;
|
||||||
|
case "Completed":
|
||||||
|
_this3.state.completedTorrentsClass = classes.active;
|
||||||
|
_this3.state.allTorrentsClass = '';
|
||||||
|
_this3.state.downloadingClass = '';
|
||||||
|
_this3.state.seedingClass = '';
|
||||||
|
_this3.state.activeTorrentsClass = '';
|
||||||
|
break;
|
||||||
|
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
SimpleList.propTypes = {
|
||||||
|
classes: _propTypes2.default.object.isRequired
|
||||||
|
};
|
||||||
|
|
||||||
|
var mapStateToProps = function mapStateToProps(state) {
|
||||||
|
return {
|
||||||
|
filter: state.filter
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
|
||||||
|
return {
|
||||||
|
changeFilter: function changeFilter(filter) {
|
||||||
|
return dispatch({ type: actionTypes.CHANGE_FILTER, filter: filter });
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
exports.default = (0, _styles.withStyles)(styles)((0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(SimpleList));
|
||||||
18
goTorrentWebUI/lib/store/actions.js
Normal file
18
goTorrentWebUI/lib/store/actions.js
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
Object.defineProperty(exports, "__esModule", {
|
||||||
|
value: true
|
||||||
|
});
|
||||||
|
var SORTLIST = exports.SORTLIST = 'SORTLIST';
|
||||||
|
var CHANGE_SELECTION = exports.CHANGE_SELECTION = 'CHANGE_SELECTION';
|
||||||
|
var CHANGE_FILTER = exports.CHANGE_FILTER = 'CHANGE_FILTER';
|
||||||
|
var TORRENT_LIST = exports.TORRENT_LIST = 'TORRENT_LIST';
|
||||||
|
var SET_BUTTON_STATE = exports.SET_BUTTON_STATE = 'BUTTON_STATE';
|
||||||
|
var SELECTION_HASHES = exports.SELECTION_HASHES = 'SELECTION_HASHES';
|
||||||
|
var SELECTED_TAB = exports.SELECTED_TAB = 'SELECTED_TAB';
|
||||||
|
var PEER_LIST = exports.PEER_LIST = 'PEER_LIST';
|
||||||
|
var FILE_LIST = exports.FILE_LIST = 'FILE_LIST';
|
||||||
|
var CHANGE_FILE_SELECTION = exports.CHANGE_FILE_SELECTION = 'CHANGE_FILE_SELECTION';
|
||||||
|
var NEW_RSS_FEED_STORE = exports.NEW_RSS_FEED_STORE = 'NEW_RSS_FEED_STORE';
|
||||||
|
var RSS_MODAL_OPEN_STATE = exports.RSS_MODAL_OPEN_STATE = 'RSS_MODAL_OPEN_STATE';
|
||||||
|
var RSS_TORRENT_LIST = exports.RSS_TORRENT_LIST = 'RSS_TORRENT_LIST';
|
||||||
159
goTorrentWebUI/lib/store/reducer.js
Normal file
159
goTorrentWebUI/lib/store/reducer.js
Normal file
@@ -0,0 +1,159 @@
|
|||||||
|
"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 _actions = require("./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; } }
|
||||||
|
|
||||||
|
var initialState = {
|
||||||
|
buttonStateDefault: [{ startButton: "default", stopButton: "default", deleteButton: "default", fSeedButton: "default", fRecheckButton: "default" }],
|
||||||
|
buttonState: [{ startButton: "default", stopButton: "default", deleteButton: "default", fSeedButton: "default", fRecheckButton: "default" }],
|
||||||
|
sorting: [],
|
||||||
|
selection: [],
|
||||||
|
selectionHashes: [],
|
||||||
|
filter: ["Status", ""],
|
||||||
|
columnName: "Status",
|
||||||
|
torrentList: [],
|
||||||
|
peerList: [],
|
||||||
|
fileList: [],
|
||||||
|
torrentDetailInfo: [],
|
||||||
|
selectedTab: 0,
|
||||||
|
RSSList: [],
|
||||||
|
RSSTorrentList: [],
|
||||||
|
RSSModalOpen: false
|
||||||
|
};
|
||||||
|
|
||||||
|
var reducer = function reducer() {
|
||||||
|
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
|
||||||
|
var action = arguments[1];
|
||||||
|
|
||||||
|
switch (action.type) {
|
||||||
|
|
||||||
|
case actionTypes.CHANGE_SELECTION:
|
||||||
|
console.log("Change Selection", action.selection);
|
||||||
|
return _extends({}, state, {
|
||||||
|
peerList: [], //changing selection will purge out all of the old data
|
||||||
|
fileList: [],
|
||||||
|
selectionHashes: [],
|
||||||
|
selection: action.selection
|
||||||
|
});
|
||||||
|
|
||||||
|
case actionTypes.NEW_RSS_FEED_STORE:
|
||||||
|
console.log("New RSS Feed Store", action.RSSList);
|
||||||
|
return _extends({}, state, {
|
||||||
|
RSSList: action.RSSList
|
||||||
|
});
|
||||||
|
|
||||||
|
case actionTypes.RSS_TORRENT_LIST:
|
||||||
|
console.log("New RSS Torrent List IN REDUCER", action.RSSTorrentList);
|
||||||
|
return _extends({}, state, {
|
||||||
|
RSSTorrentList: action.RSSTorrentList
|
||||||
|
});
|
||||||
|
|
||||||
|
case actionTypes.SELECTION_HASHES:
|
||||||
|
console.log("Selection hashes REDUX", action.selectionHashes);
|
||||||
|
return _extends({}, state, {
|
||||||
|
selectionHashes: action.selectionHashes
|
||||||
|
});
|
||||||
|
|
||||||
|
case actionTypes.SORTLIST:
|
||||||
|
//TODO do I even need this in redux?
|
||||||
|
console.log("List Sort", action.sorting);
|
||||||
|
return state;
|
||||||
|
|
||||||
|
case actionTypes.CHANGE_FILTER:
|
||||||
|
return _extends({}, state, {
|
||||||
|
filter: action.filter
|
||||||
|
});
|
||||||
|
|
||||||
|
case actionTypes.TORRENT_LIST:
|
||||||
|
return _extends({}, state, {
|
||||||
|
torrentList: action.torrentList
|
||||||
|
});
|
||||||
|
|
||||||
|
case actionTypes.PEER_LIST:
|
||||||
|
return _extends({}, state, {
|
||||||
|
peerList: action.peerList
|
||||||
|
});
|
||||||
|
|
||||||
|
case actionTypes.FILE_LIST:
|
||||||
|
return _extends({}, state, {
|
||||||
|
fileList: action.fileList
|
||||||
|
});
|
||||||
|
|
||||||
|
case actionTypes.SELECTED_TAB:
|
||||||
|
return _extends({}, state, {
|
||||||
|
selectedTab: action.selectedTab
|
||||||
|
});
|
||||||
|
|
||||||
|
case actionTypes.RSS_MODAL_OPEN_STATE:
|
||||||
|
console.log("Setting RSS Modal State...", action.RSSModalOpen);
|
||||||
|
return _extends({}, state, {
|
||||||
|
RSSModalOpen: action.RSSModalOpen
|
||||||
|
});
|
||||||
|
|
||||||
|
case actionTypes.SET_BUTTON_STATE:
|
||||||
|
if (action.buttonState.length === 0) {
|
||||||
|
//if selection is empty buttons will be default and selectionHashes will be blanked out and pushed to redux
|
||||||
|
var _buttonStateFinal = state.buttonStateDefault; //if no selection dispatch that to redux
|
||||||
|
return _extends({}, state, {
|
||||||
|
buttonState: _buttonStateFinal
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
// if we have selection continue on with logic to determine button state
|
||||||
|
var selectedRows = []; //array of all the selected Rows
|
||||||
|
action.buttonState.forEach(function (element) {
|
||||||
|
selectedRows.push(state.torrentList[element]); //pushing the selected rows out of torrentlist
|
||||||
|
});
|
||||||
|
|
||||||
|
var buttonStateTest = selectedRows.filter(function (element) {
|
||||||
|
//TODO fix this bad mess... we literally just need to filter for stopped and go from there
|
||||||
|
var result = [];
|
||||||
|
if (element.Status === "Downloading" || element.Status === "Awaiting Peers" || element.Status === "Seeding" || element.Status === "Completed") {
|
||||||
|
result.push(element.Status);
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
var buttonStateTest2 = selectedRows.filter(function (element) {
|
||||||
|
return element.Status === "Stopped";
|
||||||
|
});
|
||||||
|
|
||||||
|
if (buttonStateTest.length > 0 && buttonStateTest2.length === 0) {
|
||||||
|
|
||||||
|
var _buttonStateFinal2 = [{ startButton: "default", stopButton: "primary", deleteButton: "accent", fSeedButton: "default", fRecheckButton: "primary" }];
|
||||||
|
return _extends({}, state, {
|
||||||
|
buttonState: _buttonStateFinal2
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (buttonStateTest.length === 0 && buttonStateTest2.length > 0) {
|
||||||
|
var _buttonStateFinal3 = [{ startButton: "primary", stopButton: "default", deleteButton: "accent", fSeedButton: "default", fRecheckButton: "primary" }];
|
||||||
|
return _extends({}, state, {
|
||||||
|
buttonState: _buttonStateFinal3
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (buttonStateTest.length > 0 && buttonStateTest2.length > 0) {
|
||||||
|
var _buttonStateFinal4 = [{ startButton: "primary", stopButton: "primary", deleteButton: "accent", fSeedButton: "default", fRecheckButton: "primary" }];
|
||||||
|
return _extends({}, state, {
|
||||||
|
buttonState: _buttonStateFinal4
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return _extends({}, state, {
|
||||||
|
buttonState: buttonStateFinal
|
||||||
|
});
|
||||||
|
|
||||||
|
default:
|
||||||
|
return state;
|
||||||
|
};
|
||||||
|
|
||||||
|
console.log("no actiontypes found", action);
|
||||||
|
return state;
|
||||||
|
};
|
||||||
|
exports.default = reducer;
|
||||||
212
goTorrentWebUI/lib/torrentlist.js
Normal file
212
goTorrentWebUI/lib/torrentlist.js
Normal file
@@ -0,0 +1,212 @@
|
|||||||
|
'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 _reactBootstrapTableAllMin = require('../node_modules/react-bootstrap-table/dist/react-bootstrap-table-all.min.css');
|
||||||
|
|
||||||
|
var _reactBootstrapTableAllMin2 = _interopRequireDefault(_reactBootstrapTableAllMin);
|
||||||
|
|
||||||
|
var _reactBootstrapTable = require('react-bootstrap-table');
|
||||||
|
|
||||||
|
var _Paper = require('material-ui/Paper');
|
||||||
|
|
||||||
|
var _Paper2 = _interopRequireDefault(_Paper);
|
||||||
|
|
||||||
|
var _dxReactGrid = require('@devexpress/dx-react-grid');
|
||||||
|
|
||||||
|
var _dxReactGridMaterialUi = require('@devexpress/dx-react-grid-material-ui');
|
||||||
|
|
||||||
|
var _progressBarCell = require('./CustomCells/progressBarCell');
|
||||||
|
|
||||||
|
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; }
|
||||||
|
//react redux
|
||||||
|
|
||||||
|
|
||||||
|
/* var torrentLinkSubmit = document.getElementById('torrentLinkSubmit');
|
||||||
|
var magnetLink = document.getElementById('magnetLink');
|
||||||
|
var myTextArea = document.getElementById("loggerData");
|
||||||
|
var torrentHash = document.getElementById("hash");
|
||||||
|
initialize an empty torrents field before update.
|
||||||
|
var torrentLinkSubmit = document.getElementById('torrentLinkSubmit');
|
||||||
|
var magnetLink = document.getElementById('magnetLink');
|
||||||
|
var myTextArea = document.getElementById("loggerData");
|
||||||
|
var torrentHash = document.getElementById("hash");
|
||||||
|
var torrentLinkSubmit = document.getElementById('torrentLinkSubmit');
|
||||||
|
var torrentLinkModal = document.getElementById('addTorrentLinkModal');
|
||||||
|
var btnTorrentLink = document.getElementById("addTorrentLink");
|
||||||
|
*/
|
||||||
|
|
||||||
|
function sendEvent(message) {
|
||||||
|
ws.send(message);
|
||||||
|
console.log('Sending message... ', message);
|
||||||
|
}
|
||||||
|
|
||||||
|
var TorrentListTable = function (_React$Component) {
|
||||||
|
_inherits(TorrentListTable, _React$Component);
|
||||||
|
|
||||||
|
function TorrentListTable(props) {
|
||||||
|
_classCallCheck(this, TorrentListTable);
|
||||||
|
|
||||||
|
var _this = _possibleConstructorReturn(this, (TorrentListTable.__proto__ || Object.getPrototypeOf(TorrentListTable)).call(this, props));
|
||||||
|
|
||||||
|
_this.determineSelectionHashes = function (selectedRows) {
|
||||||
|
//console.log("CurrentSelectionHashes", this.props.selectionHashes)
|
||||||
|
var selectionHashes = []; //rebuilding our selection hashes from our currently selected rows
|
||||||
|
selectedRows.forEach(function (element) {
|
||||||
|
selectionHashes.push(element.TorrentHashString); //push the selection hash to the temp array
|
||||||
|
});
|
||||||
|
_this.props.sendSelectionHashes(selectionHashes); //push the result to redux
|
||||||
|
};
|
||||||
|
|
||||||
|
_this.changeSelection = function (selection) {
|
||||||
|
//console.log("TOrrentlist is changing selection now", selection)
|
||||||
|
_this.props.changeSelection(selection); //dispatch selection to redux, also clear out anything tied to the old selection (peerlists, filelists, etc)
|
||||||
|
|
||||||
|
if (selection.length === 0) {
|
||||||
|
//if selection is empty buttons will be default and selectionHashes will be blanked out and pushed to redux
|
||||||
|
_this.props.setButtonState(selection); //if no selection dispatch that to redux
|
||||||
|
} else {
|
||||||
|
// if we have selection continue on with logic to determine button state
|
||||||
|
var selectedRows = []; //array of all the selected Rows
|
||||||
|
selection.forEach(function (element) {
|
||||||
|
selectedRows.push(_this.props.torrentList[element]); //pushing the selected rows out of torrentlist
|
||||||
|
});
|
||||||
|
//console.log("Determining selection hashses")
|
||||||
|
_this.determineSelectionHashes(selectedRows); //pulling the torrent hashes for the selcted rows
|
||||||
|
_this.props.setButtonState(selection);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
_this.filterHandler = function (filter) {
|
||||||
|
//TODO, figure out how to do multiple filter
|
||||||
|
//console.log("Changing FIlter", filter)
|
||||||
|
if (filter.value === "Active") {
|
||||||
|
console.log("This filter doesn't fucking work");
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
_this.state = { //rows are stored in redux they are sent over from the server
|
||||||
|
columns: [{ name: 'TorrentName', title: 'Torrent Name' }, { name: 'DownloadedSize', title: 'Dl Size' }, { name: 'Size', title: 'Size' }, { name: 'PercentDone', title: 'Percent Done' }, { name: 'Status', title: 'Status' }, { name: 'DownloadSpeed', title: 'DL Speed' }, { name: 'UploadSpeed', title: 'UL Speed' }, { name: 'ActivePeers', title: 'Active Peers' }, { name: 'ETA', title: 'ETA' }, { name: 'Ratio', title: 'Ratio' }, { name: 'DateAdded', title: 'Date Added' }, { name: 'Availability', title: 'Availability' }],
|
||||||
|
columnOrder: ['TorrentName', 'DownloadedSize', 'Size', 'PercentDone', 'Status', 'DownloadSpeed', 'UploadSpeed', 'ActivePeers', 'ETA', 'Ratio', 'DateAdded', 'Availability'],
|
||||||
|
columnWidths: { TorrentName: 250, DownloadedSize: 100, Size: 100, PercentDone: 175, Status: 150, DownloadSpeed: 100, UploadSpeed: 100, ActivePeers: 100, ETA: 100, Ratio: 75, DateAdded: 100, Availability: 75 },
|
||||||
|
prevSelection: [], //just used to pull data from cell (temp Prevcell holder), real selection is in Redux
|
||||||
|
pageSizes: [5, 10, 15, 0],
|
||||||
|
currentPage: 0
|
||||||
|
};
|
||||||
|
|
||||||
|
_this.changeColumnOrder = function (columnOrder) {
|
||||||
|
return _this.setState({ columnOrder: columnOrder });
|
||||||
|
};
|
||||||
|
_this.changeColumnWidths = function (columnWidths) {
|
||||||
|
return _this.setState({ columnWidths: columnWidths });
|
||||||
|
};
|
||||||
|
_this.changePageSize = function (pageSize) {
|
||||||
|
return _this.setState({ pageSize: pageSize });
|
||||||
|
};
|
||||||
|
_this.changeCurrentPage = function (currentPage) {
|
||||||
|
return _this.setState({ currentPage: currentPage });
|
||||||
|
};
|
||||||
|
return _this;
|
||||||
|
}
|
||||||
|
|
||||||
|
_createClass(TorrentListTable, [{
|
||||||
|
key: 'componentWillReceiveProps',
|
||||||
|
value: function componentWillReceiveProps(nextProps) {
|
||||||
|
//this is for setting the filter when the left menu activates a new filter
|
||||||
|
if (this.props.filter != nextProps.filter) {
|
||||||
|
this.filterHandler(nextProps.filter);
|
||||||
|
}
|
||||||
|
//console.log("Recieving new props", nextProps.selection)
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'render',
|
||||||
|
value: function render() {
|
||||||
|
return _react2.default.createElement(
|
||||||
|
_Paper2.default,
|
||||||
|
null,
|
||||||
|
_react2.default.createElement(
|
||||||
|
_dxReactGridMaterialUi.Grid,
|
||||||
|
{ rows: this.props.torrentList, columns: this.state.columns },
|
||||||
|
_react2.default.createElement(_dxReactGrid.FilteringState, { filters: this.props.filter }),
|
||||||
|
_react2.default.createElement(_dxReactGrid.SortingState, { sorting: this.props.sorting, onSortingChange: this.props.changeSorting }),
|
||||||
|
_react2.default.createElement(_dxReactGrid.SelectionState, { onSelectionChange: this.changeSelection, selection: this.props.selection }),
|
||||||
|
_react2.default.createElement(_dxReactGrid.LocalFiltering, null),
|
||||||
|
_react2.default.createElement(_dxReactGrid.LocalSorting, null),
|
||||||
|
_react2.default.createElement(_dxReactGridMaterialUi.VirtualTableView, { height: 530, tableCellTemplate: function tableCellTemplate(_ref) {
|
||||||
|
var row = _ref.row,
|
||||||
|
column = _ref.column,
|
||||||
|
style = _ref.style;
|
||||||
|
|
||||||
|
if (column.name === 'PercentDone') {
|
||||||
|
return _react2.default.createElement(_progressBarCell.ProgressBarCell, { value: row.PercentDone * 100, style: style });
|
||||||
|
}
|
||||||
|
return undefined;
|
||||||
|
} }),
|
||||||
|
_react2.default.createElement(_dxReactGridMaterialUi.DragDropContext, null),
|
||||||
|
_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 TorrentListTable;
|
||||||
|
}(_react2.default.Component);
|
||||||
|
|
||||||
|
var mapStateToProps = function mapStateToProps(state) {
|
||||||
|
return {
|
||||||
|
filter: state.filter,
|
||||||
|
torrentList: state.torrentList,
|
||||||
|
buttonState: state.buttonState,
|
||||||
|
buttonStateDefault: state.buttonStateDefault, //all default
|
||||||
|
selectionHashes: state.selectionHashes,
|
||||||
|
selection: state.selection
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
var mapDispatchToProps = function mapDispatchToProps(dispatch) {
|
||||||
|
return {
|
||||||
|
changeSorting: function changeSorting(sorting) {
|
||||||
|
return dispatch({ type: actionTypes.SORTLIST, sorting: sorting });
|
||||||
|
},
|
||||||
|
changeSelection: function changeSelection(selection) {
|
||||||
|
return dispatch({ type: actionTypes.CHANGE_SELECTION, selection: selection });
|
||||||
|
},
|
||||||
|
setButtonState: function setButtonState(buttonState) {
|
||||||
|
return dispatch({ type: actionTypes.SET_BUTTON_STATE, buttonState: buttonState });
|
||||||
|
},
|
||||||
|
sendSelectionHashes: function sendSelectionHashes(selectionHashes) {
|
||||||
|
return dispatch({ type: actionTypes.SELECTION_HASHES, selectionHashes: selectionHashes });
|
||||||
|
}
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(TorrentListTable);
|
||||||
12
main.go
12
main.go
@@ -6,11 +6,14 @@ import (
|
|||||||
"fmt"
|
"fmt"
|
||||||
"html/template"
|
"html/template"
|
||||||
"io/ioutil"
|
"io/ioutil"
|
||||||
|
|
||||||
"net/http"
|
"net/http"
|
||||||
"os"
|
"os"
|
||||||
"path/filepath"
|
"path/filepath"
|
||||||
"strings"
|
"strings"
|
||||||
|
|
||||||
|
_ "net/http/pprof"
|
||||||
|
|
||||||
"github.com/anacrolix/torrent"
|
"github.com/anacrolix/torrent"
|
||||||
"github.com/asdine/storm"
|
"github.com/asdine/storm"
|
||||||
Engine "github.com/deranjer/goTorrent/engine"
|
Engine "github.com/deranjer/goTorrent/engine"
|
||||||
@@ -59,6 +62,7 @@ func main() {
|
|||||||
if Config.LoggingOutput == "file" {
|
if Config.LoggingOutput == "file" {
|
||||||
os.Remove("logs/server.log") //cleanup the old log on every restart
|
os.Remove("logs/server.log") //cleanup the old log on every restart
|
||||||
file, err := os.OpenFile("logs/server.log", os.O_CREATE|os.O_WRONLY, 0666) //creating the log file
|
file, err := os.OpenFile("logs/server.log", os.O_CREATE|os.O_WRONLY, 0666) //creating the log file
|
||||||
|
defer file.Close() //TODO.. since we write to this constantly how does close work?
|
||||||
if err != nil {
|
if err != nil {
|
||||||
fmt.Println("Unable to create file for logging.... please check permissions.. forcing output to stdout")
|
fmt.Println("Unable to create file for logging.... please check permissions.. forcing output to stdout")
|
||||||
Logger.Out = os.Stdout
|
Logger.Out = os.Stdout
|
||||||
@@ -95,9 +99,9 @@ func main() {
|
|||||||
TorrentLocalArray = Storage.FetchAllStoredTorrents(db) //pulling in all the already added torrents
|
TorrentLocalArray = Storage.FetchAllStoredTorrents(db) //pulling in all the already added torrents
|
||||||
|
|
||||||
if TorrentLocalArray != nil { //the first creation of the running torrent array //since we are adding all of them in we use a coroutine... just allows the web ui to load then it will load in the torrents
|
if TorrentLocalArray != nil { //the first creation of the running torrent array //since we are adding all of them in we use a coroutine... just allows the web ui to load then it will load in the torrents
|
||||||
go func() { //TODO instead of running all torrent fetches in coroutine see if possible to run each single one in a routine so we don't wait for ALL of them to be verified
|
//go func() { //TODO instead of running all torrent fetches in coroutine see if possible to run each single one in a routine so we don't wait for ALL of them to be verified
|
||||||
RunningTorrentArray = Engine.CreateRunningTorrentArray(tclient, TorrentLocalArray, PreviousTorrentArray, Config, db)
|
RunningTorrentArray = Engine.CreateRunningTorrentArray(tclient, TorrentLocalArray, PreviousTorrentArray, Config, db)
|
||||||
}()
|
//}()
|
||||||
} else {
|
} else {
|
||||||
Logger.Info("Database is empty, no torrents loaded")
|
Logger.Info("Database is empty, no torrents loaded")
|
||||||
}
|
}
|
||||||
@@ -122,7 +126,7 @@ func main() {
|
|||||||
})
|
})
|
||||||
http.HandleFunc("/websocket", func(w http.ResponseWriter, r *http.Request) { //websocket is the main data pipe to the frontend
|
http.HandleFunc("/websocket", func(w http.ResponseWriter, r *http.Request) { //websocket is the main data pipe to the frontend
|
||||||
conn, err := upgrader.Upgrade(w, r, nil)
|
conn, err := upgrader.Upgrade(w, r, nil)
|
||||||
|
defer conn.Close() //defer closing the websocket until done.
|
||||||
if err != nil {
|
if err != nil {
|
||||||
Logger.WithFields(logrus.Fields{"error": err}).Fatal("Unable to create websocket!")
|
Logger.WithFields(logrus.Fields{"error": err}).Fatal("Unable to create websocket!")
|
||||||
return
|
return
|
||||||
|
|||||||
Reference in New Issue
Block a user