myprojectpackageprav
Version:
My package in npm
146 lines • 15.6 kB
JavaScript
"use strict";
/* eslint-disable no-script-url */
/* eslint-disable jsx-a11y/anchor-is-valid */
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
var buttons_1 = tslib_1.__importDefault(require("../../../components/buttons/buttons"));
var accordions_1 = tslib_1.__importDefault(require("../../../components/accordions/accordions"));
var input_text_1 = tslib_1.__importDefault(require("../../../utils/controls/input-text"));
var input_select_1 = tslib_1.__importDefault(require("../../../utils/controls/input-select"));
var rich_text_1 = tslib_1.__importDefault(require("../../../utils/controls/rich-text"));
var upload_file_1 = tslib_1.__importDefault(require("../../../components/upload/upload-file"));
var KnowledgeArticles = function () {
var _a = (0, react_1.useState)(false), showAddPopup = _a[0], setshowAddPopup = _a[1];
var _b = (0, react_1.useState)(false), showedit = _b[0], setshowedit = _b[1];
var accordionitems = [
{
title: (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", { className: "w-100 " },
react_1.default.createElement("div", { className: "d-flex flex-row flex-lg-row px-3 my-2 align-items-lg-center w-100 flex-wrap settingsannouncements" },
react_1.default.createElement("div", { className: "my-1 col-12 Title" },
react_1.default.createElement("div", { className: "subtitle-color font-12 montserratSemibold pb-1" }, "Title"),
react_1.default.createElement("div", { className: "darktext font-12 montserratSemibold" }, "Leading example of how the insurance industry sees the individual.")),
react_1.default.createElement("div", { className: "dividerdashed vertical mx-2 d-none d-lg-block" }),
react_1.default.createElement("div", { className: "my-1 col-12 Created" },
react_1.default.createElement("div", { className: "subtitle-color font-12 montserratSemibold pb-1" }, "Created"),
react_1.default.createElement("div", { className: "darktext font-12 montserratSemibold" }, "Brandon Green | 02/28/2022")),
react_1.default.createElement("div", { className: "dividerdashed vertical mx-2 d-none d-lg-block" }),
react_1.default.createElement("div", { className: "my-1 col-12 IsArchived" },
react_1.default.createElement("div", { className: "subtitle-color font-12 montserratSemibold pb-1" }, "Is Archived"),
react_1.default.createElement("div", { className: "darktext font-12 montserratSemibold" }, "No")),
react_1.default.createElement("div", { className: "dividerdashed vertical mx-2 d-none d-lg-block" }),
react_1.default.createElement("div", { className: "d-flex align-items-center col-12 Actions flex-wrap me-2" },
react_1.default.createElement(buttons_1.default, { label: "Edit", className: 'btn-sm sourcesansprosemibold font-12 btn-bgcolor10 title-color1 border-radius text-uppercase text-nowrap my-1 mx-2', icon: "icon-pencil font-10 pe-1", type: "button", onClick: function () {
setshowedit(true);
setshowAddPopup(false);
} }),
react_1.default.createElement(buttons_1.default, { label: "Delete", className: 'btn-sm sourcesansprosemibold font-12 btn-bgcolor10 title-color1 border-radius text-uppercase text-nowrap my-1 mx-2', icon: "icon-trashbin font-10 pe-1", type: "button" })))))),
is_active: "true",
className: 'no-bordered',
titlename: "Leading example of how the insurance industry sees the individual",
content: (react_1.default.createElement(react_1.default.Fragment, null,
showedit ? (react_1.default.createElement("div", { className: "settingseditpopup w-100 position-relative p-3 bordered1 p-2 no-border-top no-border-bottom" },
react_1.default.createElement("div", { className: "row" },
react_1.default.createElement("div", { className: "col-sm-12 col-lg-12 mb-2" },
react_1.default.createElement(input_text_1.default, { inputProps: {
id: " Title ",
name: " Title",
placeholder: "Enter Title",
className: "latomedium font-13 darktext mb-2",
}, label: " Title ", isMandatory: true, infoClassName: "tool-tip tooltip-top font-12 sourcesanspro", info: "Title ", infoIcon: "icon-info", isInfo: true, formClassName: "d-flex flex-column" })),
react_1.default.createElement("div", { className: "col-sm-12 col-lg-12 mb-2" },
react_1.default.createElement(rich_text_1.default, { inputProps: {
id: " Description ",
name: " Description",
placeholder: "Enter Description",
className: "latomedium font-13 darktext mb-2",
}, label: "Description ", isMandatory: true, infoClassName: "tool-tip tooltip-top font-12 sourcesanspro", info: "Description ", infoIcon: "icon-info", isInfo: true, formClassName: "d-flex flex-column" })),
react_1.default.createElement("div", { className: "col-sm-12 col-lg-12 mb-2" },
react_1.default.createElement(upload_file_1.default, { inputProps: {
id: "Attach files ",
name: " Description",
className: "latomedium font-13 darktext mb-2",
}, label: "Attach file (s) ", infoClassName: "tool-tip tooltip-top font-12 sourcesanspro", info: "Attach file (s) ", infoIcon: "icon-info", isInfo: true, formClassName: "d-flex flex-column", hint: "Hint: Only Files with the following extensions are allowed: .png, .gif, .jpeg, .xlsx, .doc, .pdf, .ppt, .txt, .msg" })),
react_1.default.createElement("div", { className: "col-sm-12 col-lg-4 mb-2" },
react_1.default.createElement(input_select_1.default, { inputProps: {
id: "IsArchived ",
name: " Is Archived ",
className: "latomedium font13 darktext mb-2",
}, label: "Is Archived ", infoClassName: "tool-tip tooltip-top font-12 p-1", info: "Is Archived ", infoIcon: "icon-info", isInfo: true, formClassName: "d-flex flex-column" }))),
react_1.default.createElement("div", { className: "d-flex py-1 flex-wrap" },
react_1.default.createElement("div", { className: "ms-auto settingsbtns d-flex" },
react_1.default.createElement(buttons_1.default, { label: "Update", className: "border-radius py-1 px-2 btn-bgcolor11 ms-2 whitetext montserratbold font-12 text-uppercase btn-xs", icon: "icon-update font-11 pe-1", type: "button" }),
react_1.default.createElement(buttons_1.default, { label: "Cancel", className: "py-1 px-2 border-radius btn-border1 ms-2 montserratbold font-12 text-uppercase btn-xs", icon: "icon-close color-primary font-9 pe-1", type: "button", onClick: function () {
setshowedit(false);
} }))))) : (""),
react_1.default.createElement("div", { className: "bordered1 p-2 no-border-top" },
react_1.default.createElement("div", { className: "row" },
react_1.default.createElement("div", { className: "col-md-12" },
react_1.default.createElement("div", { className: "latobold font-13 title-color pb-1" },
react_1.default.createElement("span", { tabIndex: 0, "aria-label": "Description" }, "Description")),
react_1.default.createElement("div", { tabIndex: 0, "aria-live": "polite" },
react_1.default.createElement("p", { className: "font-13 sourcesanspro subtitle-color pb-1" }, "Financial services is the area Airmen perhaps are most familiar with. This is where transactions occur. A \"transaction\" is the series of paperwork and button-pushing events when an Airman needs just about anything done at his or her base finance office. A transaction could be the filing of a travel voucher, adjusting an allotment or correcting a pay error. It is the processing of these transactions, said Roger Bick, director of financial management strategic planning and transformation, where the Air Force financial management community starts its transformation efforts."))),
react_1.default.createElement("div", { className: "col-md-12" },
react_1.default.createElement("div", { className: "divider vertical-line my-2" }),
react_1.default.createElement("div", { className: "latobold font-13 title-color pb-1" },
react_1.default.createElement("span", { tabIndex: 0, "aria-label": "Attachments" }, "Attachments")),
react_1.default.createElement("ul", { className: "my-2 p-0 attachmentslist" },
react_1.default.createElement("li", { className: "me-2" },
react_1.default.createElement("div", { className: "attachedfiles" },
react_1.default.createElement("a", { title: "Travel Reimbursement.Xlsx", className: "pe-2", tabIndex: 0, "aria-label": "Travel Reimbursement.Xlsx", href: "javascript:void(0)" },
react_1.default.createElement("span", { className: "icon-excel pe-2" }),
"Travel Reimbursement.Xlsx")))))))))
},
];
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", { className: "mb-2 d-flex align-items-center bgcolor-primary px-2 py-1 whitetext border-radius1 " },
react_1.default.createElement("div", { className: "d-flex align-items-center py-2" },
react_1.default.createElement("h2", { tabIndex: 0, "aria-label": 'Knowledge Articles', className: "font-14 d-flex align-items-center" },
" ",
react_1.default.createElement("span", { className: "icon-knowledgebase font-16 pe-2" }),
"Knowledge Articles")),
react_1.default.createElement("div", { className: 'ms-auto' },
react_1.default.createElement(buttons_1.default, { label: "Add", className: "btn-xs montserratBold font-12 text-uppercase text-color1 addbtn border-radius px-2 ", icon: "icon-add font-10 pe-1", type: "button", onClick: function () {
setshowAddPopup(!showAddPopup);
} }))),
showAddPopup ? (react_1.default.createElement("div", { className: "settingsaddpopup w-100 my-2 border-radius whitebg d-inline-block bordered1" },
react_1.default.createElement("div", { className: "p-3 border-bottom1 " },
react_1.default.createElement("h4", { className: "m-0 p-0 d-inline-block font15 montserratsemibold textcolor4 text-uppercase" },
react_1.default.createElement("span", { tabIndex: 0, "aria-label": "Add Knowledge Articles" }, "Add Knowledge Articles"))),
react_1.default.createElement("div", { className: "px-3 py-1" },
react_1.default.createElement("div", { className: "row" },
react_1.default.createElement("div", { className: "col-sm-12 col-lg-12 mb-2" },
react_1.default.createElement(input_text_1.default, { inputProps: {
id: " Title ",
name: " Title",
placeholder: "Enter Title",
className: "latomedium font-13 darktext mb-2",
}, label: " Title ", isMandatory: true, infoClassName: "tool-tip tooltip-top font-12 sourcesanspro", info: "Title ", infoIcon: "icon-info", isInfo: true, formClassName: "d-flex flex-column" })),
react_1.default.createElement("div", { className: "col-sm-12 col-lg-12 mb-2" },
react_1.default.createElement(rich_text_1.default, { inputProps: {
id: " Description ",
name: " Description",
placeholder: "Enter Description",
className: "latomedium font-13 darktext mb-2",
}, label: "Description ", isMandatory: true, infoClassName: "tool-tip tooltip-top font-12 sourcesanspro", info: "Description ", infoIcon: "icon-info", isInfo: true, formClassName: "d-flex flex-column" })),
react_1.default.createElement("div", { className: "col-sm-12 col-lg-12 mb-2" },
react_1.default.createElement(upload_file_1.default, { inputProps: {
id: "Attach files ",
name: " Description",
className: "latomedium font-13 darktext mb-2",
}, label: "Attach file (s) ", infoClassName: "tool-tip tooltip-top font-12 sourcesanspro", info: "Attach file (s) ", infoIcon: "icon-info", isInfo: true, formClassName: "d-flex flex-column", hint: "Hint: Only Files with the following extensions are allowed: .png, .gif, .jpeg, .xlsx, .doc, .pdf, .ppt, .txt, .msg" }))),
react_1.default.createElement("div", { className: " d-flex py-1 flex-wrap" },
react_1.default.createElement("div", { className: "ms-auto settingsbtns d-flex" },
react_1.default.createElement(buttons_1.default, { label: "Save", className: "border-radius py-1 px-2 btn-bgcolor9 ms-2 whitetext montserratbold font-12 text-uppercase btn-xs", icon: "icon-save font-11 pe-1", type: "button" }),
react_1.default.createElement(buttons_1.default, { label: "Cancel", className: "py-1 px-2 border-radius bordered ms-2 montserratbold font-12 text-uppercase btn-xs", icon: "icon-close color-primary font-9 pe-1", type: "button", onClick: function () {
setshowAddPopup(false);
} })))))) : (""),
react_1.default.createElement("div", { className: "py-1 " },
react_1.default.createElement("div", { className: "" },
react_1.default.createElement(accordions_1.default, { items: accordionitems, className: "accordions accordian-bordered whitebg", titleIcon: "icon-minusform", titlecollapsedIcon: "icon-plusform", defaultActivekey: '1', title: '', inputProps: {
className: 'test'
} })))));
};
exports.default = KnowledgeArticles;
//# sourceMappingURL=knowledgearticles.js.map