solrkit
Version:
  UI Components for Solr, using TypeScript + React
42 lines • 2.51 kB
JavaScript
var __extends = (this && this.__extends) || (function () {
var 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 function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
import * as React from 'react';
var ResultsLayout = (function (_super) {
__extends(ResultsLayout, _super);
function ResultsLayout() {
return _super.call(this) || this;
}
ResultsLayout.prototype.render = function () {
var headerComponent = this.props.headerComponent ? (this.props.headerComponent()) : null;
var leftComponent = this.props.leftComponent ? (this.props.leftComponent()) : null;
var rightComponent = this.props.rightComponent ? (this.props.rightComponent()) : null;
var footerComponent = this.props.footerComponent ? (this.props.footerComponent()) : null;
var rightRailComponent = this.props.rightRailComponent ? (React.createElement("div", { className: "two wide column" },
React.createElement("div", { className: "container" }, this.props.rightRailComponent()))) : null;
var rightColumns = rightRailComponent ?
'ten wide column' :
'twelve wide column';
return (React.createElement("div", { className: "ui segments" },
React.createElement("div", { className: "ui segment" }, headerComponent),
React.createElement("div", { className: "main ui segment" },
React.createElement("div", { className: "ui grid" },
React.createElement("div", { className: "three wide column" },
React.createElement("div", { className: "container" }, leftComponent)),
React.createElement("div", { className: rightColumns },
React.createElement("div", { className: "container" }, rightComponent)),
rightRailComponent,
React.createElement("div", { className: "three wide column" }),
React.createElement("div", { className: "ten wide column" }, footerComponent)))));
};
return ResultsLayout;
}(React.Component));
export { ResultsLayout };
//# sourceMappingURL=ResultsLayout.js.map