1 files changed, 81 insertions, 32 deletions

diff --git a/public/bundle.js b/public/bundle.js
index 61bf865..170f3eb 100644
--- a/public/bundle.js
+++ b/public/bundle.js
@@ -1748,6 +1748,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
+var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
 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 _preact = __webpack_require__(/*! preact */ "./node_modules/preact/dist/preact.esm.js");
@@ -1756,12 +1760,6 @@ var _reactRedux = __webpack_require__(/*! react-redux */ "./node_modules/react-r
 
 var _redux = __webpack_require__(/*! redux */ "./node_modules/redux/es/redux.js");
 
-var _live = __webpack_require__(/*! ../live/live.actions */ "./app/client/live/live.actions.js");
-
-var liveActions = _interopRequireWildcard(_live);
-
-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 _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; }
@@ -1785,8 +1783,7 @@ var Select = function (_Component) {
     value: function handleChange(e) {
       clearTimeout(this.timeout);
       var new_value = e.target.value;
-      this.props.actions.set_param(this.props.name, new_value);
-      this.props.onChange && this.props.onChange(new_value);
+      this.props.onChange && this.props.onChange(this.props.name, new_value);
     }
   }, {
     key: 'render',
@@ -1795,7 +1792,14 @@ var Select = function (_Component) {
       var options = (this.props.options || []).map(function (key, i) {
         var name = void 0,
             value = void 0;
-        if (typeof key == 'string') {
+        if ((typeof key === 'undefined' ? 'undefined' : _typeof(key)) === 'object' && key.length) {
+          var _key = _slicedToArray(key, 2);
+
+          name = _key[0];
+          value = _key[1];
+
+          console.log(name, value);
+        } else if (typeof key === 'string') {
           name = key.length < 4 ? key.toUpperCase() : key;
           value = key;
         } else {
@@ -1843,16 +1847,14 @@ function capitalize(s) {
   });
 }
 
-var mapStateToProps = function mapStateToProps(state) {
+var mapStateToProps = function mapStateToProps(state, props) {
   return {
-    opt: state.live.opt
+    opt: props.opt || state.live.opt
   };
 };
 
 var mapDispatchToProps = function mapDispatchToProps(dispatch, ownProps) {
-  return {
-    actions: (0, _redux.bindActionCreators)(liveActions, dispatch)
-  };
+  return {};
 };
 
 exports.default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(Select);
@@ -4295,7 +4297,8 @@ var LivePix2Pix = function (_Component) {
               (0, _preact.h)(_select2.default, {
                 name: 'send_image',
                 title: 'view mode',
-                options: ['a', 'b', 'sequence', 'recursive']
+                options: ['a', 'b', 'sequence', 'recursive'],
+                onChange: this.props.actions.set_param
               }),
               (0, _preact.h)(_select2.default, {
                 name: 'sequence_name',
@@ -5004,17 +5007,12 @@ var SampleRNNDatasets = function (_Component) {
           'Loading'
         );
       }
-      console.log(samplernn);
       if (!samplernn.data.folders.length) {
         console.log('no folders, redirect to /new');
         return history.push('/samplernn/new/');
       }
-      console.log('render app');
       var folder = samplernn.folder;
-      console.log(folder);
       if (!folder || !folder.name) return;
-      console.log(folder.name);
-
       return (0, _preact.h)(
         'div',
         { 'class': 'rows params datasets' },
@@ -5155,15 +5153,13 @@ var _samplernn = __webpack_require__(/*! ./samplernn.actions */ "./app/client/mo
 
 var samplernnActions = _interopRequireWildcard(_samplernn);
 
-var _dataset = __webpack_require__(/*! ../../dataset/dataset.form */ "./app/client/dataset/dataset.form.js");
-
-var _dataset2 = _interopRequireDefault(_dataset);
+var _select = __webpack_require__(/*! ../../common/select.component */ "./app/client/common/select.component.js");
 
-var _dataset3 = __webpack_require__(/*! ../../dataset/dataset.new */ "./app/client/dataset/dataset.new.js");
+var _select2 = _interopRequireDefault(_select);
 
-var _dataset4 = _interopRequireDefault(_dataset3);
+var _textInput = __webpack_require__(/*! ../../common/textInput.component */ "./app/client/common/textInput.component.js");
 
-var _fileList = __webpack_require__(/*! ../../common/fileList.component */ "./app/client/common/fileList.component.js");
+var _textInput2 = _interopRequireDefault(_textInput);
 
 var _samplernn2 = __webpack_require__(/*! ./samplernn.datasets */ "./app/client/modules/samplernn/samplernn.datasets.js");
 
@@ -5190,7 +5186,13 @@ var SampleRNNImport = function (_Component) {
   function SampleRNNImport() {
     _classCallCheck(this, SampleRNNImport);
 
-    return _possibleConstructorReturn(this, (SampleRNNImport.__proto__ || Object.getPrototypeOf(SampleRNNImport)).apply(this, arguments));
+    var _this = _possibleConstructorReturn(this, (SampleRNNImport.__proto__ || Object.getPrototypeOf(SampleRNNImport)).call(this));
+
+    _this.state = {
+      folder: 1,
+      url_base: ''
+    };
+    return _this;
   }
 
   _createClass(SampleRNNImport, [{
@@ -5198,6 +5200,14 @@ var SampleRNNImport = function (_Component) {
     value: function render() {
       var _this2 = this;
 
+      var datasets = [];
+      if (this.props.samplernn.data) {
+        datasets = (this.props.samplernn.data.folders || []).map(function (folder) {
+          console.log(folder.id, folder.name);
+          return [folder.name, folder.id];
+        });
+        console.log(datasets);
+      }
       return (0, _preact.h)(
         'div',
         { className: 'app' },
@@ -5207,22 +5217,61 @@ var SampleRNNImport = function (_Component) {
           (0, _preact.h)(
             'h1',
             null,
-            'import'
+            'Import'
+          )
+        ),
+        (0, _preact.h)(
+          'div',
+          { 'class': 'params form row' },
+          (0, _preact.h)(
+            'div',
+            { 'class': 'col' },
+            (0, _preact.h)(
+              'h2',
+              null,
+              'Import to dataset'
+            ),
+            (0, _preact.h)(_select2.default, {
+              title: 'Destination dataset',
+              options: datasets,
+              name: 'folder',
+              opt: this.state,
+              onChange: function onChange(name, value) {
+                return _this2.setState({ folder: value });
+              }
+            }),
+            (0, _preact.h)(_textInput2.default, {
+              title: 'URL base',
+              value: this.state.url_base,
+              placeholder: 'http://',
+              onSave: function onSave(value) {
+                return _this2.setState({ url_base: value });
+              }
+            })
           )
         ),
         (0, _preact.h)(_samplernn3.default, {
           id: 'unsorted',
           history: this.props.history,
-          beforeRow: function beforeRow(row) {
-            return _this2.beforeRow(row);
+          beforeRow: function beforeRow(dataset) {
+            return _this2.beforeRow(dataset);
+          },
+          afterRow: function afterRow(dataset) {
+            return _this2.afterRow(dataset);
           }
         })
       );
     }
   }, {
     key: 'beforeRow',
-    value: function beforeRow(row) {
-      console.log(row);
+    value: function beforeRow(dataset) {
+      // console.log(dataset)
+      return null;
+    }
+  }, {
+    key: 'afterRow',
+    value: function afterRow(dataset) {
+      return null;
     }
   }]);