myprojectpackageprav
Version:
My package in npm
42 lines • 3.07 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var tabs_1 = tslib_1.__importDefault(require("../../components/tabs/tabs"));
var tablist_1 = tslib_1.__importDefault(require("./tablist"));
require("./listview.css");
var filters_1 = tslib_1.__importDefault(require("../../components/filters/filters"));
var kpi_1 = tslib_1.__importDefault(require("../../components/kpi/kpi"));
var buttons_1 = tslib_1.__importDefault(require("../../components/buttons/buttons"));
var ListView = function () {
var tableitems = [
{
tabtitle: 'Tab 1 List',
count: '08',
is_active: "true",
content: (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(tablist_1.default, null)))
}
];
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", { className: "py-2 px-3 whitebg shadow1 d-flex flex-column flex-sm-row align-items-md-center" },
react_1.default.createElement("div", { className: "d-flex align-items-center py-1" },
react_1.default.createElement("span", { className: 'icon-dashboard2 me-1 color-primary' }),
" ",
react_1.default.createElement("h2", { className: "poppins-semibold font-18", tabIndex: 0, "aria-label": 'Title' }, "Title")),
react_1.default.createElement(buttons_1.default, { label: "EXPORT TO CSV", "aria-label": "Export to CSV", icon: "icon-exportexcel me-1", className: 'btn btn-sm btn-primary ms-auto whitetext text-nowrap border-radius' })),
react_1.default.createElement("div", { className: 'container' },
react_1.default.createElement("div", { className: 'row' },
react_1.default.createElement("div", { className: 'colsm-12 col-lg listview-table' },
react_1.default.createElement("div", { className: "shadow card w-100 h-100" },
react_1.default.createElement("div", { className: "card-body" },
react_1.default.createElement(tabs_1.default, { items: tableitems, className: "latobold darktext", anchorclassName: "darktext", badge: "badge bgcolor-primary border-radius3 px-1 whitetext", tablistclassName: "font-13" })))),
react_1.default.createElement("div", { className: 'colsm-12 listview-filters order-first order-lg-0' },
react_1.default.createElement("div", { className: "w-100 h-100 whitebg bordered1" },
react_1.default.createElement("div", { className: 'filter-section mb-3' },
react_1.default.createElement(filters_1.default, null)),
react_1.default.createElement("div", { className: 'kpis-section mb-3' },
react_1.default.createElement(kpi_1.default, null))))))));
};
exports.default = ListView;
//# sourceMappingURL=listview.js.map