@up-group-ui/react-controls
Version:
Up shared react controls
80 lines • 3.29 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var index_1 = (0, tslib_1.__importDefault)(require("../SvgIcon/index"));
var index_2 = (0, tslib_1.__importDefault)(require("../../Display/Tooltip/index"));
var UpLogoAlerte = (function (_super) {
(0, tslib_1.__extends)(UpLogoAlerte, _super);
function UpLogoAlerte(p, c) {
return _super.call(this, p, c) || this;
}
UpLogoAlerte.prototype.render = function () {
var styleLogoAlerte = {
width: 50,
margin: '0 5px',
};
var backgroundColor = 'green';
var borderColor = 'green';
var texteColor = 'green';
switch (this.props.intent) {
case 'primary':
backgroundColor = '#0073b7';
borderColor = '#addaf1';
texteColor = '#337ab7';
break;
case 'danger':
backgroundColor = '#dd4b39';
borderColor = '#eea59c';
texteColor = '#a94442';
break;
case 'warning':
backgroundColor = '#f39c12';
borderColor = '#f9cd88';
texteColor = '#f39c12';
break;
case 'success':
backgroundColor = '#00a65a';
borderColor = '#7FD2AC';
texteColor = '#3c763d';
break;
case 'info':
case 'default':
default:
backgroundColor = '#3c8dbc';
borderColor = '#7FDFF7';
texteColor = '#00c0ef';
break;
}
var StyleLogoAlerteIcon = {
backgroundColor: backgroundColor,
borderRadius: '35px',
boxShadow: '1px 1px 8px #aaa',
fontSize: '24px',
height: '50px',
lineHeight: '36px',
textAlign: 'center',
width: '50px',
border: '7px solid ' + borderColor,
padding: '0px 4px',
};
var styleTexteLogo = {
display: ' block',
textAlign: 'center',
fontWeight: 300,
fontSize: 30,
color: texteColor,
};
return ((0, jsx_runtime_1.jsx)(index_2.default, (0, tslib_1.__assign)({ content: this.props.title }, { children: (0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ style: styleLogoAlerte }, { children: [(0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ style: StyleLogoAlerteIcon, className: "logoAlerte" }, { children: (0, jsx_runtime_1.jsx)(index_1.default, { height: 24, iconName: this.props.icon }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ style: styleTexteLogo }, { children: (0, jsx_runtime_1.jsx)("span", { children: this.props.alerteNumber }, void 0) }), void 0)] }), void 0) }), void 0));
};
UpLogoAlerte.defaultProps = {
intent: 'default',
alerteNumber: 0,
title: '',
icon: 'none',
};
return UpLogoAlerte;
}(react_1.default.Component));
exports.default = UpLogoAlerte;
//# sourceMappingURL=UpLogoAlerte.js.map