synapse-react-client/dist/containers/row_renderers/Funder.js

[](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [](https://badge.fury.io/js/synaps

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = (0, tslib_1.__importStar)(require("react"));
var react_bootstrap_1 = require("react-bootstrap");
var Funder = /** @class */ (function (_super) {
    (0, tslib_1.__extends)(Funder, _super);
    function Funder(props) {
        var _this = _super.call(this, props) || this;
        _this.handleLinkClick = function (link) { return function (event) {
            event.preventDefault();
            window.open(link, '_blank');
        }; };
        _this.handleLinkClick = _this.handleLinkClick.bind(_this);
        return _this;
    }
    Funder.prototype.render = function () {
        var _a = this.props, data = _a.data, schema = _a.schema;
        var organizationName = data[schema.organizationName];
        var organizationPath = data[schema.organizationPath];
        var summary = data[schema.summary];
        var website = data[schema.website];
        var logoHref = data[schema.logo];
        // remove leading http(s):// and trailing /
        var websiteDisplayName = website.replace('https://', '');
        websiteDisplayName = websiteDisplayName.replace('http://', '');
        if (websiteDisplayName.charAt(websiteDisplayName.length - 1) === '/') {
            websiteDisplayName = websiteDisplayName.substring(0, websiteDisplayName.length - 1);
        }
        var isOnOrgPath = window.location.hash.substring(1) === organizationPath;
        var style = {};
        var showOrgLink;
        if (!isOnOrgPath) {
            showOrgLink = (React.createElement("div", { className: "SRC-marginAuto SRC-cardAction bootstrap-4-backport" },
                React.createElement(react_bootstrap_1.Button, { className: "pill-xl", href: organizationPath, variant: "secondary" }, "View Funded Research")));
        }
        else {
            style.paddingBottom = '42px';
        }
        return (React.createElement("div", { className: "SRC-portalCard SRC-typeFunder ", style: style },
            React.createElement("div", { className: "SRC-cardContent" },
                React.createElement("div", { className: "SRC-type" }, "Organization"),
                logoHref && (React.createElement("div", { className: "SRC-cardThumbnail" },
                    React.createElement("img", { alt: "funder logo", className: "SRC-logo", src: logoHref }))),
                React.createElement("div", null,
                    React.createElement("h3", null,
                        isOnOrgPath && organizationName,
                        !isOnOrgPath && (React.createElement("a", { href: organizationPath }, organizationName)))),
                React.createElement("div", { className: "SRC-website" },
                    React.createElement("a", { rel: "noopener noreferrer", target: "_blank", href: website }, websiteDisplayName)),
                React.createElement("div", { className: "SRC-description" }, summary)),
            showOrgLink));
    };
    return Funder;
}(React.Component));
exports.default = Funder;
//# sourceMappingURL=Funder.js.map