office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
47 lines (45 loc) • 2.64 kB
JavaScript
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", "../../../../index", "./List.Mail.Example.scss"], function (require, exports, React, index_1) {
"use strict";
var MailTile = (function (_super) {
__extends(MailTile, _super);
function MailTile() {
return _super.apply(this, arguments) || this;
}
MailTile.prototype.render = function () {
var item = this.props.item;
return (React.createElement("div", { className: 'ms-ListItem is-unread is-selectable' },
React.createElement("span", { className: 'ms-ListItem-primaryText' }, item.name),
React.createElement("span", { className: 'ms-ListItem-secondaryText' }, item.title),
React.createElement("span", { className: 'ms-ListItem-tertiaryText' }, item.description),
React.createElement("span", { className: 'ms-ListItem-metaText' }, "2:42p"),
React.createElement("div", { className: 'ms-ListItem-selectionTarget js-toggleSelection' }),
React.createElement("div", { className: 'ms-ListItem-actions' },
React.createElement("div", { className: 'ms-ListItem-action' }),
React.createElement("div", { className: 'ms-ListItem-action' }),
React.createElement("div", { className: 'ms-ListItem-action' }),
React.createElement("div", { className: 'ms-ListItem-action' }))));
};
return MailTile;
}(React.Component));
exports.MailTile = MailTile;
var ListMailExample = (function (_super) {
__extends(ListMailExample, _super);
function ListMailExample() {
return _super.apply(this, arguments) || this;
}
ListMailExample.prototype.render = function () {
return (React.createElement("div", null,
React.createElement("h1", { className: 'ms-font-xxl' }, "Inbox"),
React.createElement("div", { className: 'MailList', "data-is-scrollable": true },
React.createElement(index_1.List, { items: this.props.items, onRenderCell: function (item, index) { return (React.createElement(MailTile, { item: item })); } }))));
};
return ListMailExample;
}(React.Component));
exports.ListMailExample = ListMailExample;
});
//# sourceMappingURL=List.Mail.Example.js.map