myprojectpackageprav
Version:
My package in npm
111 lines • 12.4 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 upload_file_1 = tslib_1.__importDefault(require("../../../components/upload/upload-file"));
var InnerAccrodions = function () {
var _a = (0, react_1.useState)(false), showAddPopup = _a[0], setshowAddPopup = _a[1];
var _b = (0, react_1.useState)(false), showfileedit = _b[0], setshowfileedit = _b[1];
var _c = (0, react_1.useState)(false), showAdddocumentPopup = _c[0], setshowAdddocumentPopup = _c[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 settingPMG" },
react_1.default.createElement("div", { className: "my-1 col-12 foldername" },
react_1.default.createElement("div", { className: "subtitle-color font-12 montserratSemibold pb-1" }, "Templates")),
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 Modified" },
react_1.default.createElement("div", { className: "subtitle-color font-12 montserratSemibold pb-1" }, "Modified"),
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: "d-flex align-items-center col-12 Actions flex-wrap me-2" },
react_1.default.createElement(buttons_1.default, { label: "Add", className: "btn-sm sourcesansprosemibold font-12 btn-primary whitetext border-radius text-uppercase text-nowrap my-1 mx-2", icon: "icon-add font-10 pe-1 whitetext", type: "button", onClick: function () {
setshowAdddocumentPopup(!showAdddocumentPopup);
} })))))),
is_active: "true",
className: 'no-bordered',
label: '',
titlename: "Templates",
content: (react_1.default.createElement(react_1.default.Fragment, null,
showAdddocumentPopup ? (react_1.default.createElement("div", { className: "w-100 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 Document" }, "Add Document"))),
react_1.default.createElement("div", { className: "px-3 py-1" },
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 font12 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 font12 text-uppercase btn-xs", icon: "icon-close color-primary font-9 pe-1", type: "button", onClick: function () {
setshowAdddocumentPopup(false);
} })))))) : (""),
react_1.default.createElement("div", { className: "bordered1 p-2 no-border-top" },
react_1.default.createElement("div", { className: "inneraccrodioncontent w-100" },
react_1.default.createElement("ul", { className: "m-0 p-0" },
react_1.default.createElement("li", { "aria-live": "polite", tabIndex: 0 },
react_1.default.createElement("div", { className: "d-flex flex-row flex-lg-row py-2 px-3 my-2 align-items-lg-center w-100 flex-wrap settingPMG" },
react_1.default.createElement("div", { className: "my-1 col-12 foldername" },
react_1.default.createElement("div", { className: "pmgfolder" },
react_1.default.createElement("span", { className: "icon-emptyfile pe-3" })),
react_1.default.createElement("div", null,
react_1.default.createElement("div", { className: "font-13 montserratSemibold text-color57" }, "BVT notes.txt"))),
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: "text-color46 font-12 montserratSemibold pb-1" }, "Created"),
react_1.default.createElement("div", { className: "text-color5 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 Modified", "aria-live": "polite", tabIndex: 0 },
react_1.default.createElement("div", { className: "text-color46 font-12 montserratSemibold pb-1" }, "Modified"),
react_1.default.createElement("div", { className: "text-color5 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: "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 () {
setshowfileedit(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" }))),
showfileedit ? (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", { className: "divider vertical-line my-2" }),
react_1.default.createElement("div", { className: "w-100 border-radius whitebg d-inline-block " },
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 p-relative" },
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 p-1", info: "Title ", infoIcon: "icon-info", isInfo: true, formClassName: "d-flex flex-column", className: "extentions " }),
react_1.default.createElement("span", { className: "extension ps-2 font-14 subtitle-color sourcesanspro" }, ".docx"))),
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 () {
setshowfileedit(false);
} }))))))) : ("")))))))
},
];
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("div", { className: "py-1 " },
react_1.default.createElement("div", { className: "card-body" },
react_1.default.createElement(accordions_1.default, { items: accordionitems, className: "accordions accordian-bordered whitebg", titleIcon: "icon-open-folder font-20", titlecollapsedIcon: "icon-close-folder font-20", defaultActivekey: '1', title: '', inputProps: {
className: 'test'
} })))));
};
exports.default = InnerAccrodions;
//# sourceMappingURL=inneraccrodions.js.map