diff --git a/src/main/resources/dist/saiku/saiku.css b/src/main/resources/dist/saiku/saiku.css index 7353e4c..a4bcd15 100644 --- a/src/main/resources/dist/saiku/saiku.css +++ b/src/main/resources/dist/saiku/saiku.css @@ -920,8 +920,7 @@ a.waves-effect .waves-ripple { TABS ========================================================================= */ .tabs-navigation { - max-height: 50px; - padding: 0 20px; + max-height: 30px; border-bottom: 1px solid #ddd; } .tabs-menu { @@ -935,11 +934,12 @@ a.waves-effect .waves-ripple { } .tabs-menu-item a { display: block; - height: 50px; - padding: 0 40px; - line-height: 50px; + height: 30px; + padding: 0 20px; + line-height: 30px; color: #a9a9a9; border-bottom: 0; + cursor: pointer; } .tabs-menu-item:not(.is-active) a:hover { color: #3498db; @@ -947,7 +947,7 @@ a.waves-effect .waves-ripple { .tabs-menu-item.is-active a { color: #333; border: 1px solid #ddd; - border-top: 2px solid #3498db; + border-top: 2px solid #333; border-bottom: 0; background: #fff; } diff --git a/src/main/resources/dist/saiku/saiku.js b/src/main/resources/dist/saiku/saiku.js index c32f836..2e55517 100644 --- a/src/main/resources/dist/saiku/saiku.js +++ b/src/main/resources/dist/saiku/saiku.js @@ -80,28 +80,28 @@ var _componentsSaikuLogin2 = _interopRequireDefault(_componentsSaikuLogin); - var _componentsSaikuLockScreen = __webpack_require__(244); + var _componentsSaikuLockScreen = __webpack_require__(233); var _componentsSaikuLockScreen2 = _interopRequireDefault(_componentsSaikuLockScreen); - var _componentsSaikuWorkspace = __webpack_require__(233); + var _componentsSaikuWorkspace = __webpack_require__(234); var _componentsSaikuWorkspace2 = _interopRequireDefault(_componentsSaikuWorkspace); - var _componentsSaikuNotFound = __webpack_require__(238); + var _componentsSaikuNotFound = __webpack_require__(240); var _componentsSaikuNotFound2 = _interopRequireDefault(_componentsSaikuNotFound); // webpack loaders - __webpack_require__(239); + __webpack_require__(241); - __webpack_require__(240); + __webpack_require__(242); var routes = _react2['default'].createElement( _reactRouter.Router, { history: (0, _history.createHistory)() }, - _react2['default'].createElement(_reactRouter.Route, { path: '/', component: _componentsSaikuLogin2['default'] }), + _react2['default'].createElement(_reactRouter.Route, { path: '/', component: _componentsSaikuWorkspace2['default'] }), _react2['default'].createElement(_reactRouter.Route, { path: '/workspace/', component: _componentsSaikuWorkspace2['default'] }), _react2['default'].createElement(_reactRouter.Route, { path: '/lockscreen/', component: _componentsSaikuLockScreen2['default'] }), _react2['default'].createElement(_reactRouter.Route, { path: '*', component: _componentsSaikuNotFound2['default'] }) @@ -39896,23 +39896,219 @@ var _bootstrapIndex = __webpack_require__(222); + var LockScreen = (function (_React$Component) { + _inherits(LockScreen, _React$Component); + + function LockScreen() { + _classCallCheck(this, LockScreen); + + _get(Object.getPrototypeOf(LockScreen.prototype), 'constructor', this).apply(this, arguments); + } + + _createClass(LockScreen, [{ + key: 'login', + value: function login(event) { + event.preventDefault(); + this.props.history.pushState(null, '/workspace/'); + } + }, { + key: 'render', + value: function render() { + return _react2['default'].createElement( + 'div', + null, + _react2['default'].createElement('div', { className: 'bg-page' }), + _react2['default'].createElement(_bootstrapIndex.Clearfix, null), + _react2['default'].createElement( + 'div', + { className: 'wrapper-page' }, + _react2['default'].createElement( + 'div', + { className: 'content-box' }, + _react2['default'].createElement( + 'div', + { className: 'panel-heading' }, + _react2['default'].createElement( + _bootstrapIndex.Col, + { xs: 3 }, + _react2['default'].createElement('img', { + src: '../dist/assets/images/saiku/logo-small.png', + width: '40', + height: '40' + }) + ), + _react2['default'].createElement( + _bootstrapIndex.Col, + { xs: 9 }, + _react2['default'].createElement( + 'h4', + { className: 'text-left' }, + 'Sign In to ', + _react2['default'].createElement( + 'strong', + null, + 'Saiku Analytics' + ) + ) + ), + _react2['default'].createElement(_bootstrapIndex.Clearfix, null) + ), + _react2['default'].createElement( + 'div', + { className: 'panel-body' }, + _react2['default'].createElement( + 'form', + { className: 'text-center', role: 'form' }, + _react2['default'].createElement( + 'div', + { className: 'user-thumb' }, + _react2['default'].createElement('img', { + src: '../dist/assets/images/users/user2.jpg', + className: 'img-responsive img-circle img-thumbnail' + }) + ), + _react2['default'].createElement( + _bootstrapIndex.FormGroup, + null, + _react2['default'].createElement( + 'h3', + null, + 'Tom Barber' + ), + _react2['default'].createElement( + 'p', + { className: 'text-muted' }, + 'Enter your password to access the Saiku Analytics.' + ), + _react2['default'].createElement( + 'div', + { className: 'input-group m-t-30' }, + _react2['default'].createElement(_bootstrapIndex.Input, { + type: 'password', + ref: 'password', + placeholder: 'Password', + required: true + }), + _react2['default'].createElement( + 'span', + { className: 'input-group-btn' }, + _react2['default'].createElement( + _bootstrapIndex.Button, + { + type: 'submit', + bsStyle: 'default', + className: 'w-sm waves-effect waves-light', + block: true, + onClick: this.login.bind(this) + }, + 'Unlock' + ) + ) + ) + ), + _react2['default'].createElement( + _bootstrapIndex.FormGroup, + null, + _react2['default'].createElement( + _bootstrapIndex.Col, + { xs: 12, className: 'text-right' }, + _react2['default'].createElement( + 'a', + { href: '#' }, + 'Login with another account' + ) + ) + ) + ) + ) + ), + _react2['default'].createElement( + _bootstrapIndex.Row, + null, + _react2['default'].createElement( + _bootstrapIndex.Col, + { sm: 12, className: 'text-center' }, + _react2['default'].createElement( + 'p', + null, + 'Saiku-4.0-SNAPSHOT' + ) + ) + ) + ) + ); + } + }]); + + return LockScreen; + })(_react2['default'].Component); + + LockScreen.propTypes = { + history: _react2['default'].PropTypes.func + }; + + exports['default'] = LockScreen; + module.exports = exports['default']; + +/***/ }, +/* 234 */ +/***/ function(module, exports, __webpack_require__) { + + /* + * Copyright 2016 OSBI Ltd + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + '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 _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; + + 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 _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 _react = __webpack_require__(1); + + var _react2 = _interopRequireDefault(_react); + + var _bootstrapIndex = __webpack_require__(222); + var _Wrapper = __webpack_require__(232); var _Wrapper2 = _interopRequireDefault(_Wrapper); - var _Content = __webpack_require__(234); + var _Content = __webpack_require__(235); var _Content2 = _interopRequireDefault(_Content); - var _MenuBar = __webpack_require__(235); + var _MenuBar = __webpack_require__(236); var _MenuBar2 = _interopRequireDefault(_MenuBar); - var _Toolbar = __webpack_require__(237); + var _Toolbar = __webpack_require__(238); var _Toolbar2 = _interopRequireDefault(_Toolbar); - var _reactSimpletabs = __webpack_require__(254); + var _reactSimpletabs = __webpack_require__(239); var _reactSimpletabs2 = _interopRequireDefault(_reactSimpletabs); @@ -40012,7 +40208,7 @@ module.exports = exports['default']; /***/ }, -/* 234 */ +/* 235 */ /***/ function(module, exports, __webpack_require__) { /* @@ -40097,7 +40293,7 @@ module.exports = exports['default']; /***/ }, -/* 235 */ +/* 236 */ /***/ function(module, exports, __webpack_require__) { /* @@ -40144,7 +40340,7 @@ var _bootstrapIndex = __webpack_require__(222); - var _Icon = __webpack_require__(236); + var _Icon = __webpack_require__(237); var _Icon2 = _interopRequireDefault(_Icon); @@ -40515,120 +40711,6 @@ exports['default'] = MenuBar; module.exports = exports['default']; -/***/ }, -/* 236 */ -/***/ function(module, exports, __webpack_require__) { - - /* - * Copyright 2016 OSBI Ltd - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - - '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 _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; - - 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; } - - function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } } - - 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 _react = __webpack_require__(1); - - var _react2 = _interopRequireDefault(_react); - - var _classnames = __webpack_require__(224); - - var _classnames2 = _interopRequireDefault(_classnames); - - var Icon = (function (_React$Component) { - _inherits(Icon, _React$Component); - - function Icon() { - _classCallCheck(this, Icon); - - _get(Object.getPrototypeOf(Icon.prototype), 'constructor', this).apply(this, arguments); - } - - _createClass(Icon, [{ - key: 'render', - value: function render() { - var _classNames; - - var _props = this.props; - var name = _props.name; - var fixed = _props.fixed; - var spin = _props.spin; - var pulse = _props.pulse; - var size = _props.size; - var rotate = _props.rotate; - var flip = _props.flip; - - var className = (0, _classnames2['default'])(this.props.className, (_classNames = {}, _defineProperty(_classNames, this.props.faClass, true), _defineProperty(_classNames, 'fa-' + name, true), _defineProperty(_classNames, 'fa-fw', fixed), _defineProperty(_classNames, 'fa-spin', spin), _defineProperty(_classNames, 'fa-pulse', pulse), _classNames)); - - if (size) { - className = className + ' fa-' + size; - } - - if (rotate) { - className = className + ' fa-rotate-' + rotate; - } - - if (flip) { - className = className + ' fa-flip-' + flip; - } - - return _react2['default'].createElement('i', _extends({}, this.props, { className: className })); - } - }]); - - return Icon; - })(_react2['default'].Component); - - Icon.propTypes = { - className: _react2['default'].PropTypes.string, - faClass: _react2['default'].PropTypes.string, - name: _react2['default'].PropTypes.string.isRequired, - fixed: _react2['default'].PropTypes.bool, - spin: _react2['default'].PropTypes.bool, - pulse: _react2['default'].PropTypes.bool, - size: _react2['default'].PropTypes.oneOf(['lg', '2x', '3x', '4x', '5x']), - rotate: _react2['default'].PropTypes.oneOf(['45', '90', '135', '180', '225', '270', '315']), - flip: _react2['default'].PropTypes.oneOf(['horizontal', 'vertical']) - }; - - Icon.defaultProps = { - faClass: 'fa', - fixed: false, - spin: false, - pulse: false - }; - - exports['default'] = Icon; - module.exports = exports['default']; - /***/ }, /* 237 */ /***/ function(module, exports, __webpack_require__) { @@ -40655,6 +40737,120 @@ 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 _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; + + 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; } + + function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } } + + 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 _react = __webpack_require__(1); + + var _react2 = _interopRequireDefault(_react); + + var _classnames = __webpack_require__(224); + + var _classnames2 = _interopRequireDefault(_classnames); + + var Icon = (function (_React$Component) { + _inherits(Icon, _React$Component); + + function Icon() { + _classCallCheck(this, Icon); + + _get(Object.getPrototypeOf(Icon.prototype), 'constructor', this).apply(this, arguments); + } + + _createClass(Icon, [{ + key: 'render', + value: function render() { + var _classNames; + + var _props = this.props; + var name = _props.name; + var fixed = _props.fixed; + var spin = _props.spin; + var pulse = _props.pulse; + var size = _props.size; + var rotate = _props.rotate; + var flip = _props.flip; + + var className = (0, _classnames2['default'])(this.props.className, (_classNames = {}, _defineProperty(_classNames, this.props.faClass, true), _defineProperty(_classNames, 'fa-' + name, true), _defineProperty(_classNames, 'fa-fw', fixed), _defineProperty(_classNames, 'fa-spin', spin), _defineProperty(_classNames, 'fa-pulse', pulse), _classNames)); + + if (size) { + className = className + ' fa-' + size; + } + + if (rotate) { + className = className + ' fa-rotate-' + rotate; + } + + if (flip) { + className = className + ' fa-flip-' + flip; + } + + return _react2['default'].createElement('i', _extends({}, this.props, { className: className })); + } + }]); + + return Icon; + })(_react2['default'].Component); + + Icon.propTypes = { + className: _react2['default'].PropTypes.string, + faClass: _react2['default'].PropTypes.string, + name: _react2['default'].PropTypes.string.isRequired, + fixed: _react2['default'].PropTypes.bool, + spin: _react2['default'].PropTypes.bool, + pulse: _react2['default'].PropTypes.bool, + size: _react2['default'].PropTypes.oneOf(['lg', '2x', '3x', '4x', '5x']), + rotate: _react2['default'].PropTypes.oneOf(['45', '90', '135', '180', '225', '270', '315']), + flip: _react2['default'].PropTypes.oneOf(['horizontal', 'vertical']) + }; + + Icon.defaultProps = { + faClass: 'fa', + fixed: false, + spin: false, + pulse: false + }; + + exports['default'] = Icon; + module.exports = exports['default']; + +/***/ }, +/* 238 */ +/***/ function(module, exports, __webpack_require__) { + + /* + * Copyright 2016 OSBI Ltd + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + '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 _get = function get(_x, _x2, _x3) { var _again = true; _function: while (_again) { var object = _x, property = _x2, receiver = _x3; desc = parent = getter = undefined; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x = parent; _x2 = property; _x3 = receiver; _again = true; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } }; @@ -40671,7 +40867,7 @@ var _bootstrapIndex = __webpack_require__(222); - var _Icon = __webpack_require__(236); + var _Icon = __webpack_require__(237); var _Icon2 = _interopRequireDefault(_Icon); @@ -40845,7 +41041,269 @@ module.exports = exports['default']; /***/ }, -/* 238 */ +/* 239 */ +/***/ function(module, exports, __webpack_require__) { + + /*! + * + * React Simpletabs - Just a simple tabs component built with React + * @version v0.7.0 + * @link https://github.com/pedronauck/react-simpletabs + * @license MIT + * @author Pedro Nauck (https://github.com/pedronauck) + * + */ + (function webpackUniversalModuleDefinition(root, factory) { + if(true) + module.exports = factory(__webpack_require__(1)); + else if(typeof define === 'function' && define.amd) + define(["react"], factory); + else if(typeof exports === 'object') + exports["ReactSimpleTabs"] = factory(require("react")); + else + root["ReactSimpleTabs"] = factory(root["React"]); + })(this, function(__WEBPACK_EXTERNAL_MODULE_1__) { + return /******/ (function(modules) { // webpackBootstrap + /******/ // The module cache + /******/ var installedModules = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ + /******/ // Check if module is in cache + /******/ if(installedModules[moduleId]) + /******/ return installedModules[moduleId].exports; + /******/ + /******/ // Create a new module (and put it into the cache) + /******/ var module = installedModules[moduleId] = { + /******/ exports: {}, + /******/ id: moduleId, + /******/ loaded: false + /******/ }; + /******/ + /******/ // Execute the module function + /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); + /******/ + /******/ // Flag the module as loaded + /******/ module.loaded = true; + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ } + /******/ + /******/ + /******/ // expose the modules object (__webpack_modules__) + /******/ __webpack_require__.m = modules; + /******/ + /******/ // expose the module cache + /******/ __webpack_require__.c = installedModules; + /******/ + /******/ // __webpack_public_path__ + /******/ __webpack_require__.p = ""; + /******/ + /******/ // Load entry module and return exports + /******/ return __webpack_require__(0); + /******/ }) + /************************************************************************/ + /******/ ([ + /* 0 */ + /***/ function(module, exports, __webpack_require__) { + + /** @jsx React.DOM */'use strict'; + + var React = __webpack_require__(1); + var classNames = __webpack_require__(2); + + if (true) { + __webpack_require__(3); + } + + var Tabs = React.createClass({ + displayName: 'Tabs', + propTypes: { + className: React.PropTypes.oneOfType([ + React.PropTypes.array, + React.PropTypes.string, + React.PropTypes.object + ]), + tabActive: React.PropTypes.number, + onMount: React.PropTypes.func, + onBeforeChange: React.PropTypes.func, + onAfterChange: React.PropTypes.func, + children: React.PropTypes.oneOfType([ + React.PropTypes.array, + React.PropTypes.element + ]).isRequired + }, + getDefaultProps:function () { + return { tabActive: 1 }; + }, + getInitialState:function () { + return { + tabActive: this.props.tabActive + }; + }, + componentDidMount:function() { + var index = this.state.tabActive; + var $selectedPanel = this.refs['tab-panel']; + var $selectedMenu = this.refs[("tab-menu-" + index)]; + + if (this.props.onMount) { + this.props.onMount(index, $selectedPanel, $selectedMenu); + } + }, + componentWillReceiveProps: function(newProps){ + if(newProps.tabActive && newProps.tabActive !== this.props.tabActive){ + this.setState({tabActive: newProps.tabActive}); + } + }, + render:function () { + var className = classNames('tabs', this.props.className); + return ( + React.createElement("div", {className: className}, + this._getMenuItems(), + this._getSelectedPanel() + ) + ); + }, + setActive:function(index, e) { + e.preventDefault(); + + var onAfterChange = this.props.onAfterChange; + var onBeforeChange = this.props.onBeforeChange; + var $selectedPanel = this.refs['tab-panel']; + var $selectedTabMenu = this.refs[("tab-menu-" + index)]; + + if (onBeforeChange) { + var cancel = onBeforeChange(index, $selectedPanel, $selectedTabMenu); + if(cancel === false){ return } + } + + this.setState({ tabActive: index }, function() { + if (onAfterChange) { + onAfterChange(index, $selectedPanel, $selectedTabMenu); + } + }); + }, + _getMenuItems:function () { + if (!this.props.children) { + throw new Error('Tabs must contain at least one Tabs.Panel'); + } + + if (!Array.isArray(this.props.children)) { + this.props.children = [this.props.children]; + } + + var $menuItems = this.props.children + .map(function($panel) {return typeof $panel === 'function' ? $panel() : $panel;}) + .filter(function($panel) {return $panel;}) + .map(function($panel, index) { + var ref = ("tab-menu-" + (index + 1)); + var title = $panel.props.title; + var classes = classNames( + 'tabs-menu-item', + this.state.tabActive === (index + 1) && 'is-active' + ); + + return ( + React.createElement("li", {ref: ref, key: index, className: classes}, + React.createElement("a", {onClick: this.setActive.bind(this, index + 1)}, + title + ) + ) + ); + }.bind(this)); + + return ( + React.createElement("nav", {className: "tabs-navigation"}, + React.createElement("ul", {className: "tabs-menu"}, $menuItems) + ) + ); + }, + _getSelectedPanel:function () { + var index = this.state.tabActive - 1; + var $panel = this.props.children[index]; + + return ( + React.createElement("article", {ref: "tab-panel", className: "tab-panel"}, + $panel + ) + ); + } + }); + + Tabs.Panel = React.createClass({ + displayName: 'Panel', + propTypes: { + title: React.PropTypes.string.isRequired, + children: React.PropTypes.oneOfType([ + React.PropTypes.array, + React.PropTypes.element + ]).isRequired + }, + render:function () { + return React.createElement("div", null, this.props.children); + } + }); + + module.exports = Tabs; + + + /***/ }, + /* 1 */ + /***/ function(module, exports, __webpack_require__) { + + module.exports = __WEBPACK_EXTERNAL_MODULE_1__; + + /***/ }, + /* 2 */ + /***/ function(module, exports, __webpack_require__) { + + /** @jsx React.DOM */function classNames() { + var classes = ''; + var arg; + + for (var i = 0; i < arguments.length; i++) { + arg = arguments[i]; + if (!arg) { + continue; + } + + if ('string' === typeof arg || 'number' === typeof arg) { + classes += ' ' + arg; + } else if (Object.prototype.toString.call(arg) === '[object Array]') { + classes += ' ' + classNames.apply(null, arg); + } else if ('object' === typeof arg) { + for (var key in arg) { + if (!arg.hasOwnProperty(key) || !arg[key]) { + continue; + } + classes += ' ' + key; + } + } + } + return classes.substr(1); + } + + // safely export classNames in case the script is included directly on a page + if (typeof module !== 'undefined' && module.exports) { + module.exports = classNames; + } + + + /***/ }, + /* 3 */ + /***/ function(module, exports, __webpack_require__) { + + // removed by extract-text-webpack-plugin + + /***/ } + /******/ ]) + }); + + +/***/ }, +/* 240 */ /***/ function(module, exports, __webpack_require__) { /* @@ -40911,22 +41369,22 @@ module.exports = exports['default']; /***/ }, -/* 239 */ +/* 241 */ /***/ function(module, exports) { module.exports = "\n\n\n\n
\n