'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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 Footer = function (_Component) {
  _inherits(Footer, _Component);

  function Footer() {
    _classCallCheck(this, Footer);

    return _possibleConstructorReturn(this, (Footer.__proto__ || Object.getPrototypeOf(Footer)).apply(this, arguments));
  }

  _createClass(Footer, [{
    key: 'render',
    value: function render() {

      var viewModeButtonClass = void 0;
      switch (this.props.viewMode) {
        case 'textures':
          viewModeButtonClass = 'fa fa-picture-o';
          break;

        case 'tags':
          viewModeButtonClass = 'fa fa-tags';
          break;

        case 'preview':
          viewModeButtonClass = 'fa fa-eye';
          break;

        default:
          viewModeButtonClass = 'fa fa-picture-o';
          break;
      }

      // View Mode Button (left)
      var viewModeButton = _react2.default.createElement(
        'div',
        { style: viewModeButtonContainer },
        this.props.renameSelectedTexture ? null : _react2.default.createElement('div', { className: viewModeButtonClass, style: viewModeButtonStyle, onClick: this.props.toggleViewMode })
      );

      // Option Buttons (right)
      var optionButtons = _react2.default.createElement('div', { style: optionsStyle });
      if (this.props.showTextureOptions) {
        optionButtons = _react2.default.createElement(
          'div',
          { style: optionsStyle },
          _react2.default.createElement(
            'div',
            { style: { display: this.props.showRenameButton ? '' : 'none' } },
            _react2.default.createElement('div', { className: 'fa fa-pencil', style: optionIconStyle, onClick: this.props.toggleRename })
          ),
          _react2.default.createElement(
            'div',
            { style: { display: this.props.showDeleteButton ? '' : 'none' } },
            _react2.default.createElement('div', { className: 'fa fa-trash-o', style: optionIconStyle, onClick: this.props.deleteSelectedTags })
          ),
          _react2.default.createElement(
            'div',
            null,
            _react2.default.createElement('div', { className: 'fa fa-times', style: optionIconStyle, onClick: this.props.cancelAction })
          )
        );
      }

      // Footer text
      var footerText = this.props.footerText.substring(0, 30);
      if (this.props.footerText.length > 30) {
        footerText += '...';
      }

      return _react2.default.createElement(
        'div',
        null,
        _react2.default.createElement(
          'div',
          { style: footerStyle },
          viewModeButton,
          _react2.default.createElement(
            'div',
            { style: descrStyle },
            footerText
          ),
          optionButtons
        ),
        _react2.default.createElement(
          'div',
          { style: creditsStyle },
          'Made with ',
          _react2.default.createElement('div', { className: 'fa fa-heart', style: { color: '#ff6f6f' } }),
          ' by Michele Rullo & Andrea Cipollone'
        )
      );
    }
  }]);

  return Footer;
}(_react.Component);

exports.default = Footer;


var footerStyle = {
  position: 'fixed',
  padding: '0 16px 0 16px',
  bottom: '20px',
  width: '100%',
  height: '40px',
  backgroundColor: '#333333',
  display: 'flex',
  flexDirection: 'row',
  alignItems: 'center',
  justifyContent: 'center'
};

var descrStyle = {
  fontSize: '12px',
  color: '#fff',
  flex: '1',
  textAlign: 'center',
  fontWeight: 'normal'
};

var creditsStyle = {
  position: 'fixed',
  padding: '4px 16px 0 16px',
  bottom: '0',
  width: '100%',
  height: '20px',
  backgroundColor: '#222222',
  color: '#7e7e7e',
  fontSize: '10px',
  fontWeight: 'bold',
  textAlign: 'center',
  cursor: 'default'
};

var viewModeButtonContainer = {
  flex: '1'
};

var viewModeButtonStyle = {
  color: '#fff',
  cursor: 'pointer'
};

var optionsStyle = {
  flex: '1',
  display: 'flex',
  flexDirection: 'row',
  alignItems: 'center',
  justifyContent: 'flex-end'
};

var optionStyle = {
  flex: '1',
  textAlign: 'right',
  backgroundColor: 'rgb(209, 130, 62)'
};

var optionIconStyle = {
  color: '#fff',
  cursor: 'pointer',
  textAlign: 'right',
  marginLeft: '16px'
};