@lahzenegar/video-react/lib/components/AdControllers.js

Video-React is a web video player built from the ground up for an HTML5 world using React library.

'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);

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

// const propTypes = {
//   onSkip: PropTypes.func,
//   onLinkClick: PropTypes.func,
//   duration: PropTypes.number,
//   skipOn: PropTypes.number,
//   URL: PropTypes.string,
// };


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

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

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

    _this.adsActionsTitle = {
      readMore: 'بیشتر بدانید',
      adTitle: 'تبلیغ',
      skipOn: function skipOn(seconds) {
        return '\u0631\u062F \u06A9\u0631\u062F\u0646 \u062A\u0628\u0644\u06CC\u063A \u0628\u0639\u062F \u0627\u0632 ' + seconds + ' \u062B\u0627\u0646\u06CC\u0647';
      },
      skip: 'رد کردن تبلیغ'
    };
    return _this;
  }

  (0, _createClass3.default)(AdControllers, [{
    key: 'render',
    value: function render() {
      var _props = this.props,
          onSkip = _props.onSkip,
          onLinkClick = _props.onLinkClick,
          duration = _props.duration,
          skipOn = _props.skipOn,
          URL = _props.URL;


      return duration >= 0 ? _react2.default.createElement(
        'div',
        { className: 'react-video-ad-content' },
        _react2.default.createElement(
          'div',
          { className: 'react-video-ad-description' },
          URL && _react2.default.createElement(
            'a',
            { onClick: function onClick() {
                return onLinkClick();
              }, className: 'ad-actions ad-read-more',
              href: URL, target: '_blank', rel: 'nofollow' },
            _react2.default.createElement(
              'svg',
              { width: '20px', height: '20px', viewBox: '0 0 24 24' },
              _react2.default.createElement('path', { fill: '#ffffff',
                d: 'M15.7,13c-1,0-1.2,0.8-1.2,1v2.4c0,0.2-0.2,0.4-0.4,0.4H8c-0.2,0-0.4-0.2-0.4-0.4v-6C7.6,10.2,7.8,10,8,10h1.9c0.6,0,1.1-0.5,1.1-1.1v0c0-0.6-0.5-1.1-1.1-1.1h-3c-0.8,0-1.5,0.7-1.5,1.5v8.2c0,0.8,0.7,1.5,1.5,1.5h8.4c0.8,0,1.5-0.7,1.5-1.5L16.7,14C16.7,13,15.7,13,15.7,13z' }),
              _react2.default.createElement('path', { fill: '#ffffff',
                d: 'M19,12.1l0-6C19,5.5,18.5,5,17.9,5l-6,0c-0.6,0-1.1,0.5-1.1,1.1c0,0.6,0.5,1.1,1.1,1.1h3.3l-6,6c-0.4,0.4-0.4,1.2,0,1.6s1.2,0.4,1.6,0l6-6v3.3c0,0.6,0.5,1.1,1.1,1.1C18.5,13.3,19,12.7,19,12.1z' })
            ),
            this.adsActionsTitle.readMore,
            _react2.default.createElement(
              'span',
              null,
              ' \u2022 '
            ),
            '\u062B\u0627\u0646\u06CC\u0647 ',
            duration,
            ' :',
            this.adsActionsTitle.adTitle
          )
        ),
        skipOn !== null && _react2.default.createElement(
          'div',
          {
            className: 'ad-actions ad-skip ' + (skipOn > 0 ? 'ad-skip-on' : ''),
            onClick: function onClick() {
              if (skipOn <= 0) {
                onSkip();
              }
            } },
          skipOn > 0 ? this.adsActionsTitle.skipOn(skipOn) : this.adsActionsTitle.skip
        )
      ) : null;
    }
  }]);
  return AdControllers;
}(_react.Component);

// AdControllers.propTypes = propTypes;


exports.default = AdControllers;
AdControllers.displayName = 'AdControllers';