From 2263f412817d6d2d36372e7617feb0d97fa57af8 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Tue, 4 Jul 2017 02:11:44 +0200 Subject: break out browser and tasks --- public/bundle.js | 1079 +++++++++++++++++++++++++++++++++--------------------- 1 file changed, 669 insertions(+), 410 deletions(-) (limited to 'public/bundle.js') diff --git a/public/bundle.js b/public/bundle.js index ffe8908..374e60f 100644 --- a/public/bundle.js +++ b/public/bundle.js @@ -1385,6 +1385,65 @@ process.umask = function() { return 0; }; /***/ }), /* 5 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__BrowserRouter__ = __webpack_require__(25); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "BrowserRouter", function() { return __WEBPACK_IMPORTED_MODULE_0__BrowserRouter__["a"]; }); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__HashRouter__ = __webpack_require__(42); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "HashRouter", function() { return __WEBPACK_IMPORTED_MODULE_1__HashRouter__["a"]; }); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Link__ = __webpack_require__(20); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Link", function() { return __WEBPACK_IMPORTED_MODULE_2__Link__["a"]; }); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__MemoryRouter__ = __webpack_require__(44); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MemoryRouter", function() { return __WEBPACK_IMPORTED_MODULE_3__MemoryRouter__["a"]; }); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__NavLink__ = __webpack_require__(45); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "NavLink", function() { return __WEBPACK_IMPORTED_MODULE_4__NavLink__["a"]; }); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__Prompt__ = __webpack_require__(46); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Prompt", function() { return __WEBPACK_IMPORTED_MODULE_5__Prompt__["a"]; }); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__Redirect__ = __webpack_require__(47); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Redirect", function() { return __WEBPACK_IMPORTED_MODULE_6__Redirect__["a"]; }); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Route__ = __webpack_require__(48); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Route", function() { return __WEBPACK_IMPORTED_MODULE_7__Route__["a"]; }); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__Router__ = __webpack_require__(49); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Router", function() { return __WEBPACK_IMPORTED_MODULE_8__Router__["a"]; }); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__StaticRouter__ = __webpack_require__(50); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "StaticRouter", function() { return __WEBPACK_IMPORTED_MODULE_9__StaticRouter__["a"]; }); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__Switch__ = __webpack_require__(51); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Switch", function() { return __WEBPACK_IMPORTED_MODULE_10__Switch__["a"]; }); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__matchPath__ = __webpack_require__(52); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "matchPath", function() { return __WEBPACK_IMPORTED_MODULE_11__matchPath__["a"]; }); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__withRouter__ = __webpack_require__(53); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "withRouter", function() { return __WEBPACK_IMPORTED_MODULE_12__withRouter__["a"]; }); + + + + + + + + + + + + + + + + + + + + + + + + + + + +/***/ }), +/* 6 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -1450,65 +1509,6 @@ if (process.env.NODE_ENV !== 'production') { module.exports = warning; /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4))) - -/***/ }), -/* 6 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__BrowserRouter__ = __webpack_require__(25); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "BrowserRouter", function() { return __WEBPACK_IMPORTED_MODULE_0__BrowserRouter__["a"]; }); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__HashRouter__ = __webpack_require__(42); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "HashRouter", function() { return __WEBPACK_IMPORTED_MODULE_1__HashRouter__["a"]; }); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Link__ = __webpack_require__(20); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Link", function() { return __WEBPACK_IMPORTED_MODULE_2__Link__["a"]; }); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__MemoryRouter__ = __webpack_require__(44); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "MemoryRouter", function() { return __WEBPACK_IMPORTED_MODULE_3__MemoryRouter__["a"]; }); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__NavLink__ = __webpack_require__(45); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "NavLink", function() { return __WEBPACK_IMPORTED_MODULE_4__NavLink__["a"]; }); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__Prompt__ = __webpack_require__(46); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Prompt", function() { return __WEBPACK_IMPORTED_MODULE_5__Prompt__["a"]; }); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__Redirect__ = __webpack_require__(47); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Redirect", function() { return __WEBPACK_IMPORTED_MODULE_6__Redirect__["a"]; }); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Route__ = __webpack_require__(48); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Route", function() { return __WEBPACK_IMPORTED_MODULE_7__Route__["a"]; }); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__Router__ = __webpack_require__(49); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Router", function() { return __WEBPACK_IMPORTED_MODULE_8__Router__["a"]; }); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__StaticRouter__ = __webpack_require__(50); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "StaticRouter", function() { return __WEBPACK_IMPORTED_MODULE_9__StaticRouter__["a"]; }); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__Switch__ = __webpack_require__(51); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Switch", function() { return __WEBPACK_IMPORTED_MODULE_10__Switch__["a"]; }); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__matchPath__ = __webpack_require__(52); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "matchPath", function() { return __WEBPACK_IMPORTED_MODULE_11__matchPath__["a"]; }); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__withRouter__ = __webpack_require__(53); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "withRouter", function() { return __WEBPACK_IMPORTED_MODULE_12__withRouter__["a"]; }); - - - - - - - - - - - - - - - - - - - - - - - - - - /***/ }), /* 7 */ @@ -1582,73 +1582,65 @@ var createPath = exports.createPath = function createPath(location) { /***/ (function(module, exports, __webpack_require__) { "use strict"; -/* WEBPACK VAR INJECTION */(function(process) {/** - * Copyright 2013-2015, Facebook, Inc. - * All rights reserved. - * - * This source code is licensed under the BSD-style license found in the - * LICENSE file in the root directory of this source tree. An additional grant - * of patent rights can be found in the PATENTS file in the same directory. - */ - -/** - * Use invariant() to assert state which your program assumes to be true. - * - * Provide sprintf-style format (only %s is supported) and arguments - * to provide information about what broke and what you were - * expecting. - * - * The invariant message will be stripped in production, but the invariant - * will remain to ensure logic does not differ in production. - */ - -var invariant = function(condition, format, a, b, c, d, e, f) { - if (process.env.NODE_ENV !== 'production') { - if (format === undefined) { - throw new Error('invariant requires an error message argument'); - } - } - - if (!condition) { - var error; - if (format === undefined) { - error = new Error( - 'Minified exception occurred; use the non-minified dev environment ' + - 'for the full error message and additional helpful warnings.' - ); - } else { - var args = [a, b, c, d, e, f]; - var argIndex = 0; - error = new Error( - format.replace(/%s/g, function() { return args[argIndex++]; }) - ); - error.name = 'Invariant Violation'; +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.default = { + folder: crud('folder'), + file: crud('file'), + task: crud('task'), + job: crud('job'), + upload: function upload(folder_id, files) { + var data = new FormData(); + for (var i = 0; i < files.length; i++) { + data.append('file', files[i]); } - - error.framesToPop = 1; // we don't care about invariant's own frame - throw error; + return fetch('/folders/' + folder_id, postBody(data)).then(function (req) { + return req.json(); + }).catch(error); } }; -module.exports = invariant; -/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4))) +function crud(type_s) { + var type = '/' + type_s + 's/'; + return { + index: function index(data) { + return fetch(_get_url(type, data), _get_headers()).then(function (req) { + return req.json(); + }).catch(error); + }, -/***/ }), -/* 9 */ -/***/ (function(module, exports, __webpack_require__) { + show: function show(id) { + return fetch(type + id).then(function (req) { + return req.json(); + }).catch(error); + }, -"use strict"; + create: function create(data) { + return fetch(type, post(data)).then(function (req) { + return req.json(); + }).catch(error); + }, + update: function update(data) { + return fetch(type + data.id, put(data)).then(function (req) { + return req.json(); + }).catch(error); + }, + + destroy: function destroy(data) { + return fetch(type + data.id, _destroy(data)).then(function (req) { + return req.json(); + }).catch(error); + } + }; +} -Object.defineProperty(exports, "__esModule", { - value: true -}); function _get_url(_url, data) { var url = new URL(window.location.origin + _url); - console.log(_url, data, window.location.origin); if (data) { Object.keys(data).forEach(function (key) { return url.searchParams.append(key, data[key]); @@ -1706,55 +1698,66 @@ function _destroy(data) { function error(err) { console.warn(err); } -function crud(type_s) { - var type = '/' + type_s + 's/'; - return { - index: function index(data) { - return fetch(_get_url(type, data), _get_headers()).then(function (req) { - return req.json(); - }).catch(error); - }, - show: function show(id) { - return fetch(type + id).then(function (req) { - return req.json(); - }).catch(error); - }, +/***/ }), +/* 9 */ +/***/ (function(module, exports, __webpack_require__) { - create: function create(data) { - return fetch(type, post(data)).then(function (req) { - return req.json(); - }).catch(error); - }, +"use strict"; +/* WEBPACK VAR INJECTION */(function(process) {/** + * Copyright 2013-2015, Facebook, Inc. + * All rights reserved. + * + * This source code is licensed under the BSD-style license found in the + * LICENSE file in the root directory of this source tree. An additional grant + * of patent rights can be found in the PATENTS file in the same directory. + */ - update: function update(data) { - return fetch(type + data.id, put(data)).then(function (req) { - return req.json(); - }).catch(error); - }, - destroy: function destroy(data) { - return fetch(type + data.id, _destroy(data)).then(function (req) { - return req.json(); - }).catch(error); + +/** + * Use invariant() to assert state which your program assumes to be true. + * + * Provide sprintf-style format (only %s is supported) and arguments + * to provide information about what broke and what you were + * expecting. + * + * The invariant message will be stripped in production, but the invariant + * will remain to ensure logic does not differ in production. + */ + +var invariant = function(condition, format, a, b, c, d, e, f) { + if (process.env.NODE_ENV !== 'production') { + if (format === undefined) { + throw new Error('invariant requires an error message argument'); } - }; -} + } -exports.default = { - folder: crud('folder'), - file: crud('file'), - upload: function upload(folder_id, files) { - var data = new FormData(); - for (var i = 0; i < files.length; i++) { - data.append('file', files[i]); + if (!condition) { + var error; + if (format === undefined) { + error = new Error( + 'Minified exception occurred; use the non-minified dev environment ' + + 'for the full error message and additional helpful warnings.' + ); + } else { + var args = [a, b, c, d, e, f]; + var argIndex = 0; + error = new Error( + format.replace(/%s/g, function() { return args[argIndex++]; }) + ); + error.name = 'Invariant Violation'; } - return fetch('/folders/' + folder_id, postBody(data)).then(function (req) { - return req.json(); - }).catch(error); + + error.framesToPop = 1; // we don't care about invariant's own frame + throw error; } }; +module.exports = invariant; + +/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(4))) + /***/ }), /* 10 */ /***/ (function(module, exports, __webpack_require__) { @@ -1975,7 +1978,7 @@ var locationsAreEqual = exports.locationsAreEqual = function locationsAreEqual(a exports.__esModule = true; -var _warning = __webpack_require__(5); +var _warning = __webpack_require__(6); var _warning2 = _interopRequireDefault(_warning); @@ -2062,9 +2065,9 @@ exports.default = createTransitionManager; /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_warning__ = __webpack_require__(5); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_warning__ = __webpack_require__(6); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_warning___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_warning__); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_invariant__ = __webpack_require__(8); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_invariant__ = __webpack_require__(9); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_invariant___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_invariant__); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react__ = __webpack_require__(1); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_prop_types__ = __webpack_require__(0); @@ -2389,7 +2392,7 @@ var isExtraneousPopstateEvent = exports.isExtraneousPopstateEvent = function isE /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_warning__ = __webpack_require__(5); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_warning__ = __webpack_require__(6); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_warning___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_warning__); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react__ = __webpack_require__(1); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types__ = __webpack_require__(0); @@ -2630,57 +2633,7 @@ Link.contextTypes = { /* harmony default export */ __webpack_exports__["a"] = (Link); /***/ }), -/* 21 */ -/***/ (function(module, exports, __webpack_require__) { - -"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 _preact = __webpack_require__(3); - -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 Modal = function (_Component) { - _inherits(Modal, _Component); - - function Modal(props) { - _classCallCheck(this, Modal); - - return _possibleConstructorReturn(this, (Modal.__proto__ || Object.getPrototypeOf(Modal)).call(this)); - } - - _createClass(Modal, [{ - key: 'render', - value: function render() { - var className = this.props.visible ? 'modal visible' : 'modal'; - return (0, _preact.h)( - 'div', - { 'class': className }, - (0, _preact.h)( - 'div', - { 'class': 'inner' }, - this.props.children - ) - ); - } - }]); - - return Modal; -}(_preact.Component); - -exports.default = Modal; - -/***/ }), +/* 21 */, /* 22 */ /***/ (function(module, exports, __webpack_require__) { @@ -2693,7 +2646,7 @@ var _App = __webpack_require__(23); var _App2 = _interopRequireDefault(_App); -var _reactRouterDom = __webpack_require__(6); +var _reactRouterDom = __webpack_require__(5); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } @@ -2722,21 +2675,21 @@ var _preact = __webpack_require__(3); var _util = __webpack_require__(24); -var _reactRouterDom = __webpack_require__(6); +var _reactRouterDom = __webpack_require__(5); var _Header = __webpack_require__(54); var _Header2 = _interopRequireDefault(_Header); -var _Folders = __webpack_require__(55); +var _Browser = __webpack_require__(61); -var _Folders2 = _interopRequireDefault(_Folders); +var _Browser2 = _interopRequireDefault(_Browser); -var _Folder = __webpack_require__(57); +var _Tasks = __webpack_require__(59); -var _Folder2 = _interopRequireDefault(_Folder); +var _Tasks2 = _interopRequireDefault(_Tasks); -var _client = __webpack_require__(9); +var _client = __webpack_require__(8); var _client2 = _interopRequireDefault(_client); @@ -2754,72 +2707,27 @@ var App = function (_Component) { _inherits(App, _Component); function App(props) { - _classCallCheck(this, App); - - var _this = _possibleConstructorReturn(this, (App.__proto__ || Object.getPrototypeOf(App)).call(this)); - - var openFolders = JSON.parse(localStorage['openFolders'] || 'null'); - _this.state = { - folders: [], - openFolders: openFolders || [] - }; - _client2.default.folder.index().then(function (folders) { - return _this.setState({ folders: folders }); - }); - return _this; - } - - _createClass(App, [{ - key: 'openFolder', - value: function openFolder(folder) { - if (this.state.openFolders.indexOf(folder.id) === -1) { - var newOpenFolders = this.state.openFolders.concat(folder.id); - localStorage['openFolders'] = JSON.stringify(newOpenFolders); - this.setState({ openFolders: newOpenFolders }); - } - } - }, { - key: 'closeFolder', - value: function closeFolder(folder) { - var openFolders = this.state.openFolders.filter(function (folder_id) { - return folder_id !== folder.id; - }); - localStorage['openFolders'] = JSON.stringify(openFolders); - this.setState({ openFolders: openFolders }); - } - }, { - key: 'addFolder', - value: function addFolder(folder) { - this.setState({ folders: this.state.folders.concat([folder]) }); - } - }, { + _classCallCheck(this, App); + + var _this = _possibleConstructorReturn(this, (App.__proto__ || Object.getPrototypeOf(App)).call(this)); + + _this.state = {}; + return _this; + } + + _createClass(App, [{ key: 'render', value: function render() { - var _this2 = this; - - var openFolders = this.state.openFolders.map(function (folder_id) { - var folder_list = _this2.state.folders.filter(function (folder) { - return folder.id === folder_id; - }); - if (!folder_list.length) return; - var folder = folder_list[0]; - return (0, _preact.h)(_Folder2.default, { - folder: folder, - onClose: function onClose() { - return _this2.closeFolder(folder); - } - }); - }); return (0, _preact.h)( 'div', null, (0, _preact.h)(_Header2.default, null), - (0, _preact.h)(_Folders2.default, { folders: this.state.folders, openFolder: function openFolder(folder) { - return _this2.openFolder(folder); - }, addFolder: function addFolder(folder) { - return _this2.addFolder(folder); - } }), - openFolders + (0, _preact.h)( + 'div', + { 'class': 'columns' }, + (0, _preact.h)(_Browser2.default, null), + (0, _preact.h)(_Tasks2.default, null) + ) ); } }]); @@ -3605,11 +3513,11 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol 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 _warning = __webpack_require__(5); +var _warning = __webpack_require__(6); var _warning2 = _interopRequireDefault(_warning); -var _invariant = __webpack_require__(8); +var _invariant = __webpack_require__(9); var _invariant2 = _interopRequireDefault(_invariant); @@ -4099,7 +4007,7 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol 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 _warning = __webpack_require__(5); +var _warning = __webpack_require__(6); var _warning2 = _interopRequireDefault(_warning); @@ -4878,7 +4786,7 @@ module.exports = Array.isArray || function (arr) { /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_invariant__ = __webpack_require__(8); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_invariant__ = __webpack_require__(9); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_invariant___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_invariant__); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_react__ = __webpack_require__(1); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_prop_types__ = __webpack_require__(0); @@ -5056,7 +4964,7 @@ StaticRouter.childContextTypes = { /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(1); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(0); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_warning__ = __webpack_require__(5); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_warning__ = __webpack_require__(6); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_warning___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_warning__); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__matchPath__ = __webpack_require__(16); function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } @@ -5303,11 +5211,11 @@ exports.__esModule = 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 _warning = __webpack_require__(5); +var _warning = __webpack_require__(6); var _warning2 = _interopRequireDefault(_warning); -var _invariant = __webpack_require__(8); +var _invariant = __webpack_require__(9); var _invariant2 = _interopRequireDefault(_invariant); @@ -5689,98 +5597,405 @@ var NavLink = function NavLink(_ref) { }); }; -NavLink.propTypes = { - to: __WEBPACK_IMPORTED_MODULE_3__Link__["a" /* default */].propTypes.to, - exact: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool, - strict: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool, - location: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object, - activeClassName: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string, - className: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string, - activeStyle: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object, - style: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object, - isActive: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func -}; +NavLink.propTypes = { + to: __WEBPACK_IMPORTED_MODULE_3__Link__["a" /* default */].propTypes.to, + exact: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool, + strict: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.bool, + location: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object, + activeClassName: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string, + className: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.string, + activeStyle: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object, + style: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.object, + isActive: __WEBPACK_IMPORTED_MODULE_1_prop_types___default.a.func +}; + +NavLink.defaultProps = { + activeClassName: 'active' +}; + +/* harmony default export */ __webpack_exports__["a"] = (NavLink); + +/***/ }), +/* 46 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_router__ = __webpack_require__(2); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_router__["b"]; }); + + +/***/ }), +/* 47 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_router__ = __webpack_require__(2); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_router__["c"]; }); + + +/***/ }), +/* 48 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_router__ = __webpack_require__(2); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_router__["d"]; }); + + +/***/ }), +/* 49 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_router__ = __webpack_require__(2); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_router__["e"]; }); + + +/***/ }), +/* 50 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_router__ = __webpack_require__(2); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_router__["f"]; }); + + +/***/ }), +/* 51 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_router__ = __webpack_require__(2); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_router__["g"]; }); + + +/***/ }), +/* 52 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_router__ = __webpack_require__(2); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_router__["h"]; }); + + +/***/ }), +/* 53 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_router__ = __webpack_require__(2); +/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_router__["i"]; }); + + +/***/ }), +/* 54 */ +/***/ (function(module, exports, __webpack_require__) { + +"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 _preact = __webpack_require__(3); + +var _reactRouterDom = __webpack_require__(5); + +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 Header = function (_Component) { + _inherits(Header, _Component); + + function Header(props) { + _classCallCheck(this, Header); + + var _this = _possibleConstructorReturn(this, (Header.__proto__ || Object.getPrototypeOf(Header)).call(this)); + + _this.state = {}; + return _this; + } + + _createClass(Header, [{ + key: 'render', + value: function render() { + return (0, _preact.h)( + 'div', + { 'class': 'header' }, + (0, _preact.h)( + 'b', + null, + 'spawn cortex' + ) + ); + } + }]); + + return Header; +}(_preact.Component); + +exports.default = Header; + +/***/ }), +/* 55 */, +/* 56 */ +/***/ (function(module, exports, __webpack_require__) { + +"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 _preact = __webpack_require__(3); + +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 Modal = function (_Component) { + _inherits(Modal, _Component); + + function Modal(props) { + _classCallCheck(this, Modal); + + return _possibleConstructorReturn(this, (Modal.__proto__ || Object.getPrototypeOf(Modal)).call(this)); + } + + _createClass(Modal, [{ + key: 'render', + value: function render() { + var className = this.props.visible ? 'modal visible' : 'modal'; + return (0, _preact.h)( + 'div', + { 'class': className }, + (0, _preact.h)( + 'div', + { 'class': 'inner' }, + this.props.children + ), + (0, _preact.h)( + 'div', + { 'class': 'close', onClick: this.props.onClose }, + '\xD7' + ) + ); + } + }]); + + return Modal; +}(_preact.Component); + +exports.default = Modal; + +/***/ }), +/* 57 */, +/* 58 */, +/* 59 */ +/***/ (function(module, exports, __webpack_require__) { + +"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 _preact = __webpack_require__(3); + +var _reactRouterDom = __webpack_require__(5); + +var _TaskForm = __webpack_require__(60); + +var _TaskForm2 = _interopRequireDefault(_TaskForm); + +var _client = __webpack_require__(8); + +var _client2 = _interopRequireDefault(_client); + +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 Tasks = function (_Component) { + _inherits(Tasks, _Component); -NavLink.defaultProps = { - activeClassName: 'active' -}; + function Tasks(props) { + _classCallCheck(this, Tasks); -/* harmony default export */ __webpack_exports__["a"] = (NavLink); + var _this = _possibleConstructorReturn(this, (Tasks.__proto__ || Object.getPrototypeOf(Tasks)).call(this)); -/***/ }), -/* 46 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { + _this.state = { + adding: false + }; + _client2.default.task.index().then(function (tasks) { + return _this.setState({ tasks: tasks }); + }); + return _this; + } -"use strict"; -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_router__ = __webpack_require__(2); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_router__["b"]; }); + _createClass(Tasks, [{ + key: 'render', + value: function render() { + var _this2 = this; + + var tasks = (this.props.tasks || []).map(function (task, i) { + return (0, _preact.h)( + 'div', + { key: i, onClick: function onClick() { + return _this2.toggle(task); + } }, + (0, _preact.h)( + 'span', + { 'class': 'name' }, + task.name + ) + ); + }); + return (0, _preact.h)( + 'div', + { 'class': 'column' }, + (0, _preact.h)( + 'div', + { 'class': 'window' }, + (0, _preact.h)( + 'div', + { 'class': 'heading' }, + (0, _preact.h)( + 'b', + null, + 'tasks' + ) + ), + (0, _preact.h)(_TaskForm2.default, null), + (0, _preact.h)( + 'div', + { 'class': 'list' }, + tasks + ) + ) + ); + } + }]); + + return Tasks; +}(_preact.Component); +exports.default = Tasks; /***/ }), -/* 47 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { +/* 60 */ +/***/ (function(module, exports, __webpack_require__) { "use strict"; -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_router__ = __webpack_require__(2); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_router__["c"]; }); -/***/ }), -/* 48 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { +Object.defineProperty(exports, "__esModule", { + value: true +}); -"use strict"; -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_router__ = __webpack_require__(2); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_router__["d"]; }); +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__(3); -/***/ }), -/* 49 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { +var _reactRouterDom = __webpack_require__(5); -"use strict"; -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_router__ = __webpack_require__(2); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_router__["e"]; }); +var _client = __webpack_require__(8); +var _client2 = _interopRequireDefault(_client); -/***/ }), -/* 50 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -"use strict"; -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_router__ = __webpack_require__(2); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_router__["f"]; }); +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; } +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } -/***/ }), -/* 51 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { +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; } -"use strict"; -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_router__ = __webpack_require__(2); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_router__["g"]; }); +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 TaskForm = function (_Component) { + _inherits(TaskForm, _Component); -/***/ }), -/* 52 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { + function TaskForm(props) { + _classCallCheck(this, TaskForm); -"use strict"; -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_router__ = __webpack_require__(2); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_router__["h"]; }); + var _this = _possibleConstructorReturn(this, (TaskForm.__proto__ || Object.getPrototypeOf(TaskForm)).call(this)); + _this.state = { + name: '' + }; + _this.updateState = _this.updateState.bind(_this); + _this.handleSubmit = _this.handleSubmit.bind(_this); + return _this; + } -/***/ }), -/* 53 */ -/***/ (function(module, __webpack_exports__, __webpack_require__) { + _createClass(TaskForm, [{ + key: 'updateState', + value: function updateState(event) { + var _setState; -"use strict"; -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react_router__ = __webpack_require__(2); -/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0_react_router__["i"]; }); + var name = event.target.name; + var value = event.target.value; + console.log(name, value); + this.setState((_setState = {}, _defineProperty(_setState, name, value), _defineProperty(_setState, 'error', null), _setState)); + } + }, { + key: 'updateAlpha', + value: function updateAlpha(event) { + var name = event.target.name; + var value = event.target.value; + console.log(name, value); + this.setState({ + alphaValue: value, + alpha: '1e' + value, + error: null + }); + } + }, { + key: 'handleSubmit', + value: function handleSubmit(event) { + var _this2 = this; + + event.preventDefault(); + var rec = Object.assign({}, this.state); + delete rec.error; + this.props.onClose(); + _client2.default.folder.create(rec).then(function (data) { + _this2.props.addFolder(data); + }); + } + }, { + key: 'render', + value: function render() { + return (0, _preact.h)(TaskFormView, { currentTask: this.state }); + } + }]); + + return TaskForm; +}(_preact.Component); +exports.default = TaskForm; /***/ }), -/* 54 */ +/* 61 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -5794,7 +6009,19 @@ var _createClass = function () { function defineProperties(target, props) { for var _preact = __webpack_require__(3); -var _reactRouterDom = __webpack_require__(6); +var _Folders = __webpack_require__(62); + +var _Folders2 = _interopRequireDefault(_Folders); + +var _Folder = __webpack_require__(64); + +var _Folder2 = _interopRequireDefault(_Folder); + +var _client = __webpack_require__(8); + +var _client2 = _interopRequireDefault(_client); + +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"); } } @@ -5802,40 +6029,89 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen 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 Header = function (_Component) { - _inherits(Header, _Component); +var Browser = function (_Component) { + _inherits(Browser, _Component); - function Header(props) { - _classCallCheck(this, Header); + function Browser(props) { + _classCallCheck(this, Browser); - var _this = _possibleConstructorReturn(this, (Header.__proto__ || Object.getPrototypeOf(Header)).call(this)); + var _this = _possibleConstructorReturn(this, (Browser.__proto__ || Object.getPrototypeOf(Browser)).call(this)); - _this.state = {}; + var openFolders = JSON.parse(localStorage['openFolders'] || 'null'); + _this.state = { + folders: [], + openFolders: openFolders || [] + }; + _client2.default.folder.index().then(function (folders) { + return _this.setState({ folders: folders }); + }); return _this; } - _createClass(Header, [{ + _createClass(Browser, [{ + key: 'openFolder', + value: function openFolder(folder) { + if (this.state.openFolders.indexOf(folder.id) === -1) { + var newOpenFolders = this.state.openFolders.concat(folder.id); + localStorage['openFolders'] = JSON.stringify(newOpenFolders); + this.setState({ openFolders: newOpenFolders }); + } + } + }, { + key: 'closeFolder', + value: function closeFolder(folder) { + var openFolders = this.state.openFolders.filter(function (folder_id) { + return folder_id !== folder.id; + }); + localStorage['openFolders'] = JSON.stringify(openFolders); + this.setState({ openFolders: openFolders }); + } + }, { + key: 'addFolder', + value: function addFolder(folder) { + this.setState({ folders: this.state.folders.concat([folder]) }); + } + }, { key: 'render', value: function render() { + var _this2 = this; + + var openFolders = this.state.openFolders.map(function (folder_id) { + var folder_list = _this2.state.folders.filter(function (folder) { + return folder.id === folder_id; + }); + if (!folder_list.length) return; + var folder = folder_list[0]; + return (0, _preact.h)(_Folder2.default, { + folder: folder, + onClose: function onClose() { + return _this2.closeFolder(folder); + } + }); + }); return (0, _preact.h)( 'div', - { 'class': 'header' }, - (0, _preact.h)( - 'b', - null, - 'spawn cortex' - ) + { 'class': 'column' }, + (0, _preact.h)(_Folders2.default, { folders: this.state.folders, + openFolder: function openFolder(folder) { + return _this2.openFolder(folder); + }, + addFolder: function addFolder(folder) { + return _this2.addFolder(folder); + } + }), + openFolders ); } }]); - return Header; + return Browser; }(_preact.Component); -exports.default = Header; +exports.default = Browser; /***/ }), -/* 55 */ +/* 62 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -5849,17 +6125,15 @@ var _createClass = function () { function defineProperties(target, props) { for var _preact = __webpack_require__(3); -var _reactRouterDom = __webpack_require__(6); - -var _Modal = __webpack_require__(21); +var _Modal = __webpack_require__(56); var _Modal2 = _interopRequireDefault(_Modal); -var _FolderForm = __webpack_require__(56); +var _FolderForm = __webpack_require__(63); var _FolderForm2 = _interopRequireDefault(_FolderForm); -var _client = __webpack_require__(9); +var _client = __webpack_require__(8); var _client2 = _interopRequireDefault(_client); @@ -5914,7 +6188,6 @@ var Folders = function (_Component) { value: function render() { var _this3 = this; - console.log(this.props); var folders = (this.props.folders || []).map(function (folder, i) { return (0, _preact.h)( 'div', @@ -5930,14 +6203,14 @@ var Folders = function (_Component) { }); return (0, _preact.h)( 'div', - { 'class': 'folders' }, + { 'class': 'window' }, (0, _preact.h)( 'div', { 'class': 'heading' }, (0, _preact.h)( 'b', null, - 'folders' + 'browser' ), (0, _preact.h)( 'div', @@ -5975,7 +6248,7 @@ var Folders = function (_Component) { exports.default = Folders; /***/ }), -/* 56 */ +/* 63 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -5989,9 +6262,7 @@ var _createClass = function () { function defineProperties(target, props) { for var _preact = __webpack_require__(3); -var _reactRouterDom = __webpack_require__(6); - -var _client = __webpack_require__(9); +var _client = __webpack_require__(8); var _client2 = _interopRequireDefault(_client); @@ -6053,7 +6324,7 @@ var FolderForm = function (_Component) { (0, _preact.h)( 'h1', null, - 'Create a new folder' + 'new folder' ), (0, _preact.h)( 'div', @@ -6063,13 +6334,7 @@ var FolderForm = function (_Component) { { 'for': 'folders_folder_name' }, 'Name' ), - (0, _preact.h)('input', { type: 'text', id: 'folders_folder_name', name: 'name', value: this.state.name, onChange: this.updateState }), - (0, _preact.h)( - 'label', - { 'for': 'folders_folder_description' }, - 'Description' - ), - (0, _preact.h)('textarea', { id: 'folders_folder_description', name: 'description', value: this.state.description, onChange: this.updateState }) + (0, _preact.h)('input', { type: 'text', id: 'folders_folder_name', name: 'name', value: this.state.name, onChange: this.updateState }) ), (0, _preact.h)( 'div', @@ -6091,7 +6356,7 @@ var FolderForm = function (_Component) { exports.default = FolderForm; /***/ }), -/* 57 */ +/* 64 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -6105,17 +6370,11 @@ var _createClass = function () { function defineProperties(target, props) { for var _preact = __webpack_require__(3); -var _reactRouterDom = __webpack_require__(6); - -var _Modal = __webpack_require__(21); - -var _Modal2 = _interopRequireDefault(_Modal); - -var _client = __webpack_require__(9); +var _client = __webpack_require__(8); var _client2 = _interopRequireDefault(_client); -var _FileUploadButton = __webpack_require__(58); +var _FileUploadButton = __webpack_require__(65); var _FileUploadButton2 = _interopRequireDefault(_FileUploadButton); @@ -6151,7 +6410,6 @@ var Folder = function (_Component) { _createClass(Folder, [{ key: 'addFiles', value: function addFiles(newFiles) { - console.log(newFiles); if (!newFiles) return; var files = this.state.files.concat(newFiles).sort(function (a, b) { return b.id - a.id; @@ -6161,11 +6419,9 @@ var Folder = function (_Component) { }, { key: 'handleClick', value: function handleClick(file) { - console.log(file); if (file.type === 'audio') { this.audio.setAttribute('src', mp3path(file)); this.audio.play(); - console.log(pngpath(file)); document.body.style.backgroundImage = 'url(' + pngpath(file) + ')'; } } @@ -6174,7 +6430,6 @@ var Folder = function (_Component) { value: function render() { var _this2 = this; - console.log(this.props); var files = this.state.files.map(toFilenamePair).sort(sortByFilename).map(fromPair).map(function (file, i) { if (!file) return; return (0, _preact.h)( @@ -6191,12 +6446,30 @@ var Folder = function (_Component) { 'span', { 'class': 'mime' }, file.mime + ), + (0, _preact.h)( + 'span', + { 'class': 'actions' }, + (0, _preact.h)( + 'span', + { onClick: function onClick() { + return _this2.props.setContent(file); + } }, + 'content >' + ), + (0, _preact.h)( + 'span', + { onClick: function onClick() { + return _this2.props.setStyle(file); + } }, + 'style >' + ) ) ); }); return (0, _preact.h)( 'div', - { 'class': 'folders' }, + { 'class': 'window' }, (0, _preact.h)( 'div', { 'class': 'heading' }, @@ -6255,7 +6528,7 @@ function pngpath(file) { } /***/ }), -/* 58 */ +/* 65 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -6269,20 +6542,10 @@ var _createClass = function () { function defineProperties(target, props) { for var _preact = __webpack_require__(3); -var _reactRouterDom = __webpack_require__(6); - -var _Modal = __webpack_require__(21); - -var _Modal2 = _interopRequireDefault(_Modal); - -var _client = __webpack_require__(9); +var _client = __webpack_require__(8); var _client2 = _interopRequireDefault(_client); -var _FileUploadButton = __webpack_require__(58); - -var _FileUploadButton2 = _interopRequireDefault(_FileUploadButton); - 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"); } } @@ -6311,17 +6574,13 @@ var Folder = function (_Component) { var name = event.target.name; var files = event.target.files; - console.log(name, files); - _client2.default.upload(this.props.folder.id, files).then(function (got_files) { - console.log(got_files); _this2.props.addFiles(got_files); }); } }, { key: 'render', value: function render() { - console.log(this.props); var files = (this.props.folder.files || []).map(function (file, i) { return (0, _preact.h)( 'div', -- cgit v1.2.3-70-g09d2