@raona/components
Version:
React components used at Raona to work with SPFx
57 lines (56 loc) • 2.72 kB
JavaScript
;
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var stylesConstants_1 = require("../stylesConstants");
var Images_1 = require("../../../constants/Images");
exports.EntityCardBody = function (props) {
var bodyStyles = props.bodyStyles, entityBodyStyles = props.entityBodyStyles, showCategory = props.showCategory, item = props.item;
var title = item.title, date = item.date, others = item.others, imageUrl = item.imageUrl;
var otherLabels;
if (others) {
otherLabels = others.join(', ');
}
var styles = bodyStyles ? __assign({}, bodyStyles) : __assign({}, stylesConstants_1.productBodyStyles); //Default Styles for this component
var metaStyles = entityBodyStyles ? __assign({}, entityBodyStyles) : __assign({}, stylesConstants_1.entityConstantBodyStyles);
var isCategoryShown = showCategory ? showCategory : false;
var cardColor = '';
switch (item.type) {
case 'Software':
cardColor = '#537546';
break;
case 'Tech. Notes':
cardColor = '#E49456';
break;
case 'Demo':
cardColor = '#D5AC51';
break;
case 'Success':
cardColor = '#7C7C7C';
break;
case 'Training':
cardColor = '#000000';
break;
}
return (React.createElement(React.Fragment, null,
isCategoryShown && React.createElement("div", { className: metaStyles.metaCard_tag },
React.createElement("span", { className: metaStyles.metaCat, style: { backgroundColor: cardColor } }, item.type.toUpperCase())),
React.createElement("div", { className: metaStyles.headerFolder },
React.createElement("span", { className: metaStyles.headerFolderImg, style: { backgroundImage: imageUrl ? "url(\"" + imageUrl + "')" : "url('" + Images_1.Images.folder + "\")" } }, " ")),
React.createElement("div", { className: styles.bodyDiv },
React.createElement("p", { className: styles.title, title: title }, title),
React.createElement("p", { className: styles.info },
date,
" ",
React.createElement("span", { className: styles.category }, otherLabels)))));
};