admin-lte-react/NotificationsMenu.js

AdminLTE react components

'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 _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _NotificationsMenuItem = require('./NotificationsMenuItem');

var _NotificationsMenuItem2 = _interopRequireDefault(_NotificationsMenuItem);

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

var propTypes = {
  items: _react.PropTypes.array,
  onItemClick: _react.PropTypes.func,
  onFooterClick: _react.PropTypes.func
};

var defaultProps = {
  items: []
};

function NotificationsMenu(_ref) {
  var items = _ref.items;
  var onItemClick = _ref.onItemClick;
  var onFooterClick = _ref.onFooterClick;

  var count = items.length;
  return _react2.default.createElement(
    'li',
    { className: 'dropdown notifications-menu' },
    _react2.default.createElement(
      'a',
      {
        className: 'dropdown-toggle',
        'data-toggle': 'dropdown',
        style: { cursor: 'pointer' }
      },
      _react2.default.createElement('i', { className: 'fa fa-bell-o' }),
      _react2.default.createElement(
        'span',
        { className: 'label label-warning' },
        count
      )
    ),
    _react2.default.createElement(
      'ul',
      { className: 'dropdown-menu' },
      _react2.default.createElement(
        'li',
        { className: 'header' },
        'You have ',
        count,
        ' notifications'
      ),
      _react2.default.createElement(
        'li',
        null,
        _react2.default.createElement(
          'ul',
          { className: 'menu' },
          items.map(function (item) {
            return _react2.default.createElement(
              _NotificationsMenuItem2.default,
              _extends({}, item, {
                onClick: function onClick() {
                  return onItemClick(item);
                }
              }),
              item.text
            );
          })
        )
      ),
      _react2.default.createElement(
        'li',
        { className: 'footer' },
        _react2.default.createElement(
          'a',
          { style: { cursor: 'pointer' }, onClick: onFooterClick },
          'View all'
        )
      )
    )
  );
}

NotificationsMenu.propTypes = propTypes;
NotificationsMenu.defaultProps = defaultProps;

var _default = NotificationsMenu;
exports.default = _default;
;

(function () {
  if (typeof __REACT_HOT_LOADER__ === 'undefined') {
    return;
  }

  __REACT_HOT_LOADER__.register(propTypes, 'propTypes', 'src/lib/header/NotificationsMenu.js');

  __REACT_HOT_LOADER__.register(defaultProps, 'defaultProps', 'src/lib/header/NotificationsMenu.js');

  __REACT_HOT_LOADER__.register(NotificationsMenu, 'NotificationsMenu', 'src/lib/header/NotificationsMenu.js');

  __REACT_HOT_LOADER__.register(_default, 'default', 'src/lib/header/NotificationsMenu.js');
})();

;