instantjob-recruiter-client/dist/components/recipients.es6.js

a set of tools for creating an instantjob recruiter react client

'use strict';

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

var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');

var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactRedux = require('react-redux');

var _reactVirtualized = require('react-virtualized');

var _moment = require('../common/moment');

var _moment2 = _interopRequireDefault(_moment);

var _constants = require('../common/constants');

var _store = require('../common/store');

var _store2 = _interopRequireDefault(_store);

var _auto_bind = require('../common/auto_bind');

var _auto_bind2 = _interopRequireDefault(_auto_bind);

var _messages = require('../selectors/messages');

var _users = require('../actions/users');

var _messages2 = require('../actions/messages');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var recipient_height = 90;

var RecipientsStatic = function (_Component) {
  (0, _inherits3.default)(RecipientsStatic, _Component);

  function RecipientsStatic(props) {
    (0, _classCallCheck3.default)(this, RecipientsStatic);

    var _this = (0, _possibleConstructorReturn3.default)(this, (RecipientsStatic.__proto__ || (0, _getPrototypeOf2.default)(RecipientsStatic)).call(this, props));

    (0, _auto_bind2.default)(_this);
    return _this;
  }

  (0, _createClass3.default)(RecipientsStatic, [{
    key: 'render_recipient',
    value: function render_recipient(_ref) {
      var key = _ref.key,
          index = _ref.index,
          style = _ref.style;

      return _react2.default.createElement(
        'div',
        { key: key, style: style },
        _react2.default.createElement(Recipient, { recipient: this.props.recipients[index] })
      );
    }
  }, {
    key: 'render',
    value: function render() {
      var _this2 = this;

      return _react2.default.createElement(
        _reactVirtualized.AutoSizer,
        null,
        function (_ref2) {
          var height = _ref2.height,
              width = _ref2.width;
          return _react2.default.createElement(_reactVirtualized.List, {
            height: height,
            width: width,
            rowCount: _this2.props.recipients.length,
            rowHeight: recipient_height,
            rowRenderer: _this2.render_recipient
          });
        }
      );
    }
  }]);
  return RecipientsStatic;
}(_react.Component);

var Recipient = function (_Component2) {
  (0, _inherits3.default)(Recipient, _Component2);

  function Recipient() {
    (0, _classCallCheck3.default)(this, Recipient);
    return (0, _possibleConstructorReturn3.default)(this, (Recipient.__proto__ || (0, _getPrototypeOf2.default)(Recipient)).apply(this, arguments));
  }

  (0, _createClass3.default)(Recipient, [{
    key: 'render',
    value: function render() {
      var _this4 = this;

      return _react2.default.createElement(
        'div',
        {
          className: 'link',
          style: { height: recipient_height, alignItems: 'stretch', display: 'flex', flexDirection: 'column', padding: 5, borderBottom: 'solid 1px ' + (0, _constants.color)('black', 'pale') },
          onClick: function onClick() {
            return _store2.default.dispatch((0, _users.set_current_recipient)(_this4.props.recipient.id));
          }
        },
        _react2.default.createElement(
          'div',
          { style: { display: 'flex', flexShrink: 0, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' } },
          _react2.default.createElement(
            'div',
            { style: { display: 'flex', alignItems: 'center', textAlign: 'center', overflow: 'hidden' } },
            _react2.default.createElement(
              'div',
              { style: { color: (0, _constants.color)('black', 'normal', 0.8), fontSize: 15 } },
              this.props.recipient.full_name
            )
          ),
          _react2.default.createElement(
            'div',
            { style: { display: 'flex', flexDirection: 'row-reverse', alignItems: 'center', justifyContent: 'space-between', flex: 1, marginLeft: 5 } },
            _react2.default.createElement(
              'div',
              { style: { fontSize: 10 } },
              this.props.recipient.last_message.created_at ? (0, _moment2.default)(this.props.recipient.last_message.created_at).fromNow(true) : ''
            ),
            _react2.default.createElement(
              'div',
              { style: { display: 'flex', justifyContent: 'center' } },
              this.props.recipient.unread_messages > 0 ? _react2.default.createElement(
                'span',
                { style: { backgroundColor: (0, _constants.color)('primary', 'light'), color: 'white', borderRadius: 10, height: 20, minWidth: 20, textAlign: 'center', paddingLeft: 3, paddingRight: 3 } },
                this.props.recipient.unread_messages
              ) : null
            )
          )
        ),
        _react2.default.createElement(
          'div',
          { style: { color: (0, _constants.color)('black', 'bright'), fontSize: 12, marginTop: 5, overflow: 'hidden', textOverflow: 'ellipsis' } },
          this.props.recipient.last_message.content
        )
      );
    }
  }]);
  return Recipient;
}(_react.Component);

var Recipients = (0, _reactRedux.connect)(function (state) {
  return {
    recipients: (0, _messages.get_recipients)(state)
  };
})(RecipientsStatic);

exports.default = Recipients;