patternplate-client/application/components/pattern/pattern-tool-relations.js

Universal javascript client application for patternplate

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _icon = require('../common/icon');

var _icon2 = _interopRequireDefault(_icon);

var _patternControl = require('./pattern-control');

var _patternControl2 = _interopRequireDefault(_patternControl);

var _patternDependencies = require('./pattern-dependencies');

var _patternDependencies2 = _interopRequireDefault(_patternDependencies);

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

exports.default = PatternToolRelations;


function PatternToolRelations(props) {
	var relationCount = props.dependencies.length + props.dependents.length;
	var title = 'Browse relations of ' + props.id + ' to ' + relationCount + ' other patterns';
	return _react2.default.createElement(
		'div',
		{ className: 'pattern-tool pattern-tool--relations' },
		_react2.default.createElement(
			_patternControl2.default,
			{
				active: props.active,
				base: props.base,
				location: props.location,
				shortid: 'relations',
				id: 'relations',
				name: 'relations',
				title: title
			},
			_react2.default.createElement(_icon2.default, {
				base: props.base,
				symbol: 'dependencies',
				description: 'Relations'
			})
		),
		props.active && _react2.default.createElement(
			'div',
			{ className: 'pattern-code pattern-code--max' },
			_react2.default.createElement(
				'div',
				{ className: 'pattern-code__toolbar' },
				_react2.default.createElement(
					'div',
					{ className: 'pattern-code__name' },
					'Relations'
				)
			),
			_react2.default.createElement(
				'div',
				{ className: 'pattern-code__content' },
				_react2.default.createElement(_patternDependencies2.default, {
					base: props.base,
					dependencies: props.dependencies,
					dependents: props.dependents,
					id: props.id,
					name: props.name,
					location: props.location
				})
			)
		)
	);
}

module.exports = exports['default'];
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NvdXJjZS9hcHBsaWNhdGlvbi9jb21wb25lbnRzL3BhdHRlcm4vcGF0dGVybi10b29sLXJlbGF0aW9ucy5qcyJdLCJuYW1lcyI6WyJQYXR0ZXJuVG9vbFJlbGF0aW9ucyIsInByb3BzIiwicmVsYXRpb25Db3VudCIsImRlcGVuZGVuY2llcyIsImxlbmd0aCIsImRlcGVuZGVudHMiLCJ0aXRsZSIsImlkIiwiYWN0aXZlIiwiYmFzZSIsImxvY2F0aW9uIiwibmFtZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7Ozs7QUFDQTs7OztBQUNBOzs7O0FBQ0E7Ozs7OztrQkFFZUEsb0I7OztBQUVmLFNBQVNBLG9CQUFULENBQThCQyxLQUE5QixFQUFxQztBQUNwQyxLQUFNQyxnQkFBZ0JELE1BQU1FLFlBQU4sQ0FBbUJDLE1BQW5CLEdBQTRCSCxNQUFNSSxVQUFOLENBQWlCRCxNQUFuRTtBQUNBLEtBQU1FLGlDQUErQkwsTUFBTU0sRUFBckMsWUFBOENMLGFBQTlDLG9CQUFOO0FBQ0EsUUFDQztBQUFBO0FBQUEsSUFBSyxXQUFVLHNDQUFmO0FBQ0M7QUFBQTtBQUFBO0FBQ0MsWUFBUUQsTUFBTU8sTUFEZjtBQUVDLFVBQU1QLE1BQU1RLElBRmI7QUFHQyxjQUFVUixNQUFNUyxRQUhqQjtBQUlDLGFBQVEsV0FKVDtBQUtDLFFBQUcsV0FMSjtBQU1DLFVBQUssV0FOTjtBQU9DLFdBQU9KO0FBUFI7QUFTQztBQUNDLFVBQU1MLE1BQU1RLElBRGI7QUFFQyxZQUFPLGNBRlI7QUFHQyxpQkFBWTtBQUhiO0FBVEQsR0FERDtBQWlCRVIsUUFBTU8sTUFBTixJQUNDO0FBQUE7QUFBQSxLQUFLLFdBQVUsZ0NBQWY7QUFDQztBQUFBO0FBQUEsTUFBSyxXQUFVLHVCQUFmO0FBQ0M7QUFBQTtBQUFBLE9BQUssV0FBVSxvQkFBZjtBQUFBO0FBQUE7QUFERCxJQUREO0FBSUM7QUFBQTtBQUFBLE1BQUssV0FBVSx1QkFBZjtBQUNDO0FBQ0MsV0FBTVAsTUFBTVEsSUFEYjtBQUVDLG1CQUFjUixNQUFNRSxZQUZyQjtBQUdDLGlCQUFZRixNQUFNSSxVQUhuQjtBQUlDLFNBQUlKLE1BQU1NLEVBSlg7QUFLQyxXQUFNTixNQUFNVSxJQUxiO0FBTUMsZUFBVVYsTUFBTVM7QUFOakI7QUFERDtBQUpEO0FBbEJILEVBREQ7QUFxQ0EiLCJmaWxlIjoicGF0dGVybi10b29sLXJlbGF0aW9ucy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1Byb3BUeXBlcyBhcyB0fSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSWNvbiBmcm9tICcuLi9jb21tb24vaWNvbic7XG5pbXBvcnQgUGF0dGVybkNvbnRyb2wgZnJvbSAnLi9wYXR0ZXJuLWNvbnRyb2wnO1xuaW1wb3J0IFBhdHRlcm5EZXBlbmRlbmNpZXMgZnJvbSAnLi9wYXR0ZXJuLWRlcGVuZGVuY2llcyc7XG5cbmV4cG9ydCBkZWZhdWx0IFBhdHRlcm5Ub29sUmVsYXRpb25zO1xuXG5mdW5jdGlvbiBQYXR0ZXJuVG9vbFJlbGF0aW9ucyhwcm9wcykge1xuXHRjb25zdCByZWxhdGlvbkNvdW50ID0gcHJvcHMuZGVwZW5kZW5jaWVzLmxlbmd0aCArIHByb3BzLmRlcGVuZGVudHMubGVuZ3RoO1xuXHRjb25zdCB0aXRsZSA9IGBCcm93c2UgcmVsYXRpb25zIG9mICR7cHJvcHMuaWR9IHRvICR7cmVsYXRpb25Db3VudH0gb3RoZXIgcGF0dGVybnNgO1xuXHRyZXR1cm4gKFxuXHRcdDxkaXYgY2xhc3NOYW1lPVwicGF0dGVybi10b29sIHBhdHRlcm4tdG9vbC0tcmVsYXRpb25zXCI+XG5cdFx0XHQ8UGF0dGVybkNvbnRyb2xcblx0XHRcdFx0YWN0aXZlPXtwcm9wcy5hY3RpdmV9XG5cdFx0XHRcdGJhc2U9e3Byb3BzLmJhc2V9XG5cdFx0XHRcdGxvY2F0aW9uPXtwcm9wcy5sb2NhdGlvbn1cblx0XHRcdFx0c2hvcnRpZD1cInJlbGF0aW9uc1wiXG5cdFx0XHRcdGlkPVwicmVsYXRpb25zXCJcblx0XHRcdFx0bmFtZT1cInJlbGF0aW9uc1wiXG5cdFx0XHRcdHRpdGxlPXt0aXRsZX1cblx0XHRcdFx0PlxuXHRcdFx0XHQ8SWNvblxuXHRcdFx0XHRcdGJhc2U9e3Byb3BzLmJhc2V9XG5cdFx0XHRcdFx0c3ltYm9sPVwiZGVwZW5kZW5jaWVzXCJcblx0XHRcdFx0XHRkZXNjcmlwdGlvbj1cIlJlbGF0aW9uc1wiXG5cdFx0XHRcdFx0Lz5cblx0XHRcdDwvUGF0dGVybkNvbnRyb2w+XG5cdFx0XHR7XG5cdFx0XHRcdHByb3BzLmFjdGl2ZSAmJlxuXHRcdFx0XHRcdDxkaXYgY2xhc3NOYW1lPVwicGF0dGVybi1jb2RlIHBhdHRlcm4tY29kZS0tbWF4XCI+XG5cdFx0XHRcdFx0XHQ8ZGl2IGNsYXNzTmFtZT1cInBhdHRlcm4tY29kZV9fdG9vbGJhclwiPlxuXHRcdFx0XHRcdFx0XHQ8ZGl2IGNsYXNzTmFtZT1cInBhdHRlcm4tY29kZV9fbmFtZVwiPlJlbGF0aW9uczwvZGl2PlxuXHRcdFx0XHRcdFx0PC9kaXY+XG5cdFx0XHRcdFx0XHQ8ZGl2IGNsYXNzTmFtZT1cInBhdHRlcm4tY29kZV9fY29udGVudFwiPlxuXHRcdFx0XHRcdFx0XHQ8UGF0dGVybkRlcGVuZGVuY2llc1xuXHRcdFx0XHRcdFx0XHRcdGJhc2U9e3Byb3BzLmJhc2V9XG5cdFx0XHRcdFx0XHRcdFx0ZGVwZW5kZW5jaWVzPXtwcm9wcy5kZXBlbmRlbmNpZXN9XG5cdFx0XHRcdFx0XHRcdFx0ZGVwZW5kZW50cz17cHJvcHMuZGVwZW5kZW50c31cblx0XHRcdFx0XHRcdFx0XHRpZD17cHJvcHMuaWR9XG5cdFx0XHRcdFx0XHRcdFx0bmFtZT17cHJvcHMubmFtZX1cblx0XHRcdFx0XHRcdFx0XHRsb2NhdGlvbj17cHJvcHMubG9jYXRpb259XG5cdFx0XHRcdFx0XHRcdFx0Lz5cblx0XHRcdFx0XHRcdDwvZGl2PlxuXHRcdFx0XHRcdDwvZGl2PlxuXHRcdFx0XHR9XG5cdFx0PC9kaXY+XG5cdCk7XG59XG5cblBhdHRlcm5Ub29sUmVsYXRpb25zLnByb3BUeXBlcyA9IHtcblx0YWN0aXZlOiB0LmJvb2wuaXNSZXF1aXJlZCxcblx0YmFzZTogdC5zdHJpbmcuaXNSZXF1aXJlZCxcblx0ZGVwZW5kZW5jaWVzOiB0LmFycmF5LmlzUmVxdWlyZWQsXG5cdGRlcGVuZGVudHM6IHQuYXJyYXkuaXNSZXF1aXJlZCxcblx0aWQ6IHQuc3RyaW5nLmlzUmVxdWlyZWQsXG5cdGxvY2F0aW9uOiB0LnNoYXBlKHtcblx0XHRwYXRobmFtZTogdC5zdHJpbmcuaXNSZXF1aXJlZCxcblx0XHRxdWVyeTogdC5vYmplY3QuaXNSZXF1aXJlZFxuXHR9KS5pc1JlcXVpcmVkLFxuXHRuYW1lOiB0LnN0cmluZy5pc1JlcXVpcmVkXG59O1xuIl19