UNPKG

@raona/components

Version:

React components used at Raona to work with SPFx

47 lines (46 loc) 2.53 kB
"use strict"; var __extends = (this && this.__extends) || (function () { var extendStatics = function (d, b) { extendStatics = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; return extendStatics(d, b); }; return function (d, b) { extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; })(); var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; return c > 3 && r && Object.defineProperty(target, key, r), r; }; Object.defineProperty(exports, "__esModule", { value: true }); var React = require("react"); var react_1 = require("react"); var Bind_1 = require("@raona/sp/dist/decorators/Bind"); var BannerCard = /** @class */ (function (_super) { __extends(BannerCard, _super); function BannerCard() { return _super !== null && _super.apply(this, arguments) || this; } BannerCard.prototype.openNewsDetail = function () { location.href = this.props.item.redirectUrl; }; BannerCard.prototype.render = function () { var _a = this.props, item = _a.item, readMoreText = _a.readMoreText; return (React.createElement("div", { style: { "backgroundImage": "url(\"" + item.imageUrl + "\")" }, className: 'banner__slide' }, React.createElement("div", { className: 'banner__slide--wrapper' }, React.createElement("h2", null, item.title), React.createElement("p", null, item.description), React.createElement("button", { type: "button", className: 'btn btn--rounded btn--corp', onClick: this.openNewsDetail }, readMoreText || 'READ MORE')))); }; __decorate([ Bind_1.Bind() ], BannerCard.prototype, "openNewsDetail", null); return BannerCard; }(react_1.Component)); exports.BannerCard = BannerCard;