myprojectpackageprav
Version:
My package in npm
56 lines • 3.38 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var calendar_data_1 = require("./calendar-data");
var buttons_1 = tslib_1.__importDefault(require("../buttons/buttons"));
function Calendartabcontent(props) {
var calendarItems;
if (props.tabId === 'all') {
calendarItems = calendar_data_1.AllPrograms;
}
if (props.tabId === 'events') {
calendarItems = calendar_data_1.Events;
}
if (props.tabId === 'meetings') {
calendarItems = calendar_data_1.meetings;
}
if (props.tabId === 'trainings') {
calendarItems = calendar_data_1.trainings;
}
return (React.createElement(React.Fragment, null, calendarItems === null || calendarItems === void 0 ? void 0 : calendarItems.map(function (items) {
return React.createElement("div", { className: 'mb-2 calenderlist p-relative' },
React.createElement("div", { tabIndex: 0, "aria-label": items.date, className: "bordered2 p-2 py-1 title-color1 mb-1 latobold" },
items.date,
" ",
items.month),
React.createElement("div", { tabIndex: 0, "aria-live": "polite", className: "meetings-border-left" },
React.createElement("div", { className: "d-flex justify-content-between title-color" },
" ",
React.createElement("span", null,
items.starttime,
" ",
items.endtime),
React.createElement(buttons_1.default, { "aria-label": "Refresh", className: 'ms-auto text-decoration-none lh-1 p-0 btn-link', icon: "icon-update font-10", type: "button" })),
React.createElement("div", { className: "title-color1 font-14" }, items.title),
React.createElement("div", { className: "subtitle-color1" }, items.venue)),
React.createElement("div", { className: "calendarpopup" },
React.createElement("div", { className: "divarrow" }),
React.createElement("div", { className: "calendarpopupinfo" },
React.createElement("h2", { tabIndex: 0, "aria-label": items.title }, items.title),
React.createElement("div", { className: "divcalendarinfo w-100 position-relative" },
React.createElement("ul", { className: "m-0 p-0 w-100 list-type-none" },
React.createElement("li", { className: 'mb-1' },
"Start: ",
React.createElement("span", null, items.starttime)),
React.createElement("li", { className: 'mb-1' },
"End: ",
React.createElement("span", null, items.endtime)),
React.createElement("li", { className: 'mb-1' },
"Location: ",
React.createElement("span", null, items.venue))),
React.createElement("h3", { tabIndex: 0, "aria-label": "Discription" }, "Discription:"),
React.createElement("p", { tabIndex: 0, "aria-label": items.discription }, items.discription)))));
})));
}
exports.default = Calendartabcontent;
//# sourceMappingURL=tab-items.js.map