office-ui-fabric-react/lib-amd/components/DocumentCard/DocumentCardActivity.js

Reusable React components for building experiences for Office 365.

var __extends = (this && this.__extends) || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
define(["require", "exports", "react", "../../Image", "../../Persona", "../../utilities/css", "./DocumentCardActivity.scss"], function (require, exports, React, Image_1, Persona_1, css_1) {
    "use strict";
    var DocumentCardActivity = (function (_super) {
        __extends(DocumentCardActivity, _super);
        function DocumentCardActivity() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        DocumentCardActivity.prototype.render = function () {
            var _a = this.props, activity = _a.activity, people = _a.people;
            return (people && people.length > 0 &&
                React.createElement("div", { className: css_1.css('ms-DocumentCardActivity', {
                        'ms-DocumentCardActivity--multiplePeople': people.length > 1
                    }) },
                    this._renderAvatars(people),
                    React.createElement("div", { className: 'ms-DocumentCardActivity-details' },
                        React.createElement("span", { className: 'ms-DocumentCardActivity-name' }, this._getNameString(people)),
                        React.createElement("span", { className: 'ms-DocumentCardActivity-activity' }, activity))));
        };
        DocumentCardActivity.prototype._renderAvatars = function (people) {
            return (React.createElement("div", { className: 'ms-DocumentCardActivity-avatars' },
                people.length > 1 ? this._renderAvatar(people[1]) : null,
                this._renderAvatar(people[0])));
        };
        DocumentCardActivity.prototype._renderAvatar = function (person) {
            var initialsColor = person.initialsColor === undefined || person.initialsColor === null ? Persona_1.PersonaInitialsColor.blue : person.initialsColor;
            return (React.createElement("div", { className: 'ms-DocumentCardActivity-avatar' },
                person.initials && (React.createElement("div", { className: css_1.css('ms-Persona-initials', Persona_1.PERSONA_INITIALS_COLOR[initialsColor]), role: 'presentation' }, person.initials)),
                person.profileImageSrc && (React.createElement(Image_1.Image, { src: person.profileImageSrc, role: 'presentation', alt: '' }))));
        };
        DocumentCardActivity.prototype._getNameString = function (people) {
            var nameString = people[0].name;
            if (people.length >= 2) {
                nameString += ' +' + (people.length - 1);
            }
            return nameString;
        };
        return DocumentCardActivity;
    }(React.Component));
    exports.DocumentCardActivity = DocumentCardActivity;
});

//# sourceMappingURL=DocumentCardActivity.js.map