myprojectpackageprav
Version:
My package in npm
41 lines • 3.23 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_router_dom_1 = require("react-router-dom");
var poc_data_1 = require("./poc-data");
var buttons_1 = tslib_1.__importDefault(require("../../components/buttons/buttons"));
function PointsOfContacts() {
var pointsofcontactItems = poc_data_1.pointsofcontact.map(function (pocitems) {
return React.createElement("div", { className: " col-xxl-3 col-md-6 col-sm-12 " },
React.createElement("div", { className: "bordered1 p-2 border-radius d-flex mb-3" },
React.createElement("div", { className: "POC-thumb m-0 me-2 align-items-center d-flex justify-content-center " }, pocitems.shortname),
React.createElement("div", { className: "sourcesanspro" },
React.createElement("p", { tabIndex: 0, "aria-label": pocitems.name, className: "m-0 font-15" },
pocitems.firstname,
" ",
pocitems.lastname),
React.createElement("p", { tabIndex: 0, "aria-label": pocitems.desig, className: "m-0 subTitleGrey font-12 sourcesansproSemiBold" }, pocitems.desig),
React.createElement("p", { className: "m-0" },
React.createElement("span", { className: pocitems.iconmail }),
React.createElement(react_router_dom_1.Link, { to: "mailto: ".concat(pocitems.link), title: pocitems.mailid, className: "eMail subTitle font-12 ms-1" }, pocitems.mailid)),
React.createElement("p", { className: "m-0" },
React.createElement("span", { className: pocitems.iconphone }),
React.createElement(react_router_dom_1.Link, { to: "tel: ".concat(pocitems.contactno), title: pocitems.contactno, className: "phone subTitle font-12 ms-1" }, pocitems.contactno)))));
});
var redirecttoHome = function () {
window.location.href = "#";
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { className: "py-2 px-3 whitebg shadow1 d-flex flex-column flex-sm-row align-items-md-center" },
React.createElement("div", { className: "d-flex align-items-center py-1" },
" ",
React.createElement("h2", { tabIndex: 0, className: "poppins-semibold font-18", "aria-label": "Points Of Contacts" }, " Points Of Contacts")),
React.createElement("div", { className: "ms-auto d-flex align-items-center " },
React.createElement(buttons_1.default, { label: "Back", "aria-label": "Back", icon: "icon-left-arrow me-1", className: 'btn-sm font-14 btn-bgcolor7 whitetext text-nowrap border-radius', onClick: function (e) { return redirecttoHome(); } }))),
React.createElement("div", { className: "container" },
React.createElement("div", { className: "mt-3" },
React.createElement("div", { className: "whitebg border-radius p-3 " },
React.createElement("div", { className: "font-13 pe-1 row" }, pointsofcontactItems))))));
}
exports.default = PointsOfContacts;
//# sourceMappingURL=pointsofcontacts.js.map