myprojectpackageprav
Version:
My package in npm
52 lines • 3.17 kB
JavaScript
import { AllPrograms, Events, meetings, trainings } from './calendar-data';
import Buttons from '../buttons/buttons';
export default function Calendartabcontent(props) {
var calendarItems;
if (props.tabId === 'all') {
calendarItems = AllPrograms;
}
if (props.tabId === 'events') {
calendarItems = Events;
}
if (props.tabId === 'meetings') {
calendarItems = meetings;
}
if (props.tabId === 'trainings') {
calendarItems = 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, { "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)))));
})));
}
//# sourceMappingURL=tab-items.js.map