myprojectpackageprav
Version:
My package in npm
108 lines • 11.3 kB
JavaScript
/* eslint-disable no-script-url */
/* eslint-disable jsx-a11y/anchor-is-valid */
import React, { useState } from "react";
import Buttons from "../../../components/buttons/buttons";
import Accordions from '../../../components/accordions/accordions';
import InputText from "../../../utils/controls/input-text";
import FileUpload from "../../../components/upload/upload-file";
var InnerAccrodions = function () {
var _a = useState(false), showAddPopup = _a[0], setshowAddPopup = _a[1];
var _b = useState(false), showfileedit = _b[0], setshowfileedit = _b[1];
var _c = useState(false), showAdddocumentPopup = _c[0], setshowAdddocumentPopup = _c[1];
var accordionitems = [
{
title: (React.createElement(React.Fragment, null,
React.createElement("div", { className: "w-100 " },
React.createElement("div", { className: "d-flex flex-row flex-lg-row px-3 my-2 align-items-lg-center w-100 flex-wrap settingPMG" },
React.createElement("div", { className: "my-1 col-12 foldername" },
React.createElement("div", { className: "subtitle-color font-12 montserratSemibold pb-1" }, "Templates")),
React.createElement("div", { className: "dividerdashed vertical mx-2 d-none d-lg-block" }),
React.createElement("div", { className: "my-1 col-12 Created" },
React.createElement("div", { className: "subtitle-color font-12 montserratSemibold pb-1" }, "Created"),
React.createElement("div", { className: "darktext font-12 montserratSemibold" }, "Brandon Green | 02/28/2022")),
React.createElement("div", { className: "dividerdashed vertical mx-2 d-none d-lg-block" }),
React.createElement("div", { className: "my-1 col-12 Modified" },
React.createElement("div", { className: "subtitle-color font-12 montserratSemibold pb-1" }, "Modified"),
React.createElement("div", { className: "darktext font-12 montserratSemibold" }, "Brandon Green | 02/28/2022")),
React.createElement("div", { className: "dividerdashed vertical mx-2 d-none d-lg-block" }),
React.createElement("div", { className: "d-flex align-items-center col-12 Actions flex-wrap me-2" },
React.createElement(Buttons, { 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.createElement(React.Fragment, null,
showAdddocumentPopup ? (React.createElement("div", { className: "w-100 border-radius whitebg d-inline-block bordered1" },
React.createElement("div", { className: "p-3 border-bottom1 " },
React.createElement("h4", { className: "m-0 p-0 d-inline-block font15 montserratsemibold textcolor4 text-uppercase" },
React.createElement("span", { tabIndex: 0, "aria-label": "Add Document" }, "Add Document"))),
React.createElement("div", { className: "px-3 py-1" },
React.createElement("div", { className: "col-sm-12 col-lg-12 mb-2" },
React.createElement(FileUpload, { 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.createElement("div", { className: " d-flex py-1 flex-wrap" },
React.createElement("div", { className: "ms-auto settingsbtns d-flex" },
React.createElement(Buttons, { 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.createElement(Buttons, { 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.createElement("div", { className: "bordered1 p-2 no-border-top" },
React.createElement("div", { className: "inneraccrodioncontent w-100" },
React.createElement("ul", { className: "m-0 p-0" },
React.createElement("li", { "aria-live": "polite", tabIndex: 0 },
React.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.createElement("div", { className: "my-1 col-12 foldername" },
React.createElement("div", { className: "pmgfolder" },
React.createElement("span", { className: "icon-emptyfile pe-3" })),
React.createElement("div", null,
React.createElement("div", { className: "font-13 montserratSemibold text-color57" }, "BVT notes.txt"))),
React.createElement("div", { className: "dividerdashed vertical mx-2 d-none d-lg-block" }),
React.createElement("div", { className: "my-1 col-12 Created" },
React.createElement("div", { className: "text-color46 font-12 montserratSemibold pb-1" }, "Created"),
React.createElement("div", { className: "text-color5 font-12 montserratSemibold" }, "Brandon Green | 02/28/2022")),
React.createElement("div", { className: "dividerdashed vertical mx-2 d-none d-lg-block" }),
React.createElement("div", { className: "my-1 col-12 Modified", "aria-live": "polite", tabIndex: 0 },
React.createElement("div", { className: "text-color46 font-12 montserratSemibold pb-1" }, "Modified"),
React.createElement("div", { className: "text-color5 font-12 montserratSemibold" }, "Brandon Green | 02/28/2022")),
React.createElement("div", { className: "dividerdashed vertical mx-2 d-none d-lg-block" }),
React.createElement("div", { className: "d-flex align-items-center col-12 Actions flex-wrap me-2" },
React.createElement(Buttons, { 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.createElement(Buttons, { 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.createElement(React.Fragment, null,
React.createElement("div", { className: "divider vertical-line my-2" }),
React.createElement("div", { className: "w-100 border-radius whitebg d-inline-block " },
React.createElement("div", { className: "px-3 py-1" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "col-sm-12 col-lg-12 mb-2 p-relative" },
React.createElement(InputText, { 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.createElement("span", { className: "extension ps-2 font-14 subtitle-color sourcesanspro" }, ".docx"))),
React.createElement("div", { className: "d-flex py-1 flex-wrap" },
React.createElement("div", { className: "ms-auto settingsbtns d-flex" },
React.createElement(Buttons, { 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.createElement(Buttons, { 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.createElement(React.Fragment, null,
React.createElement("div", { className: "py-1 " },
React.createElement("div", { className: "card-body" },
React.createElement(Accordions, { 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'
} })))));
};
export default InnerAccrodions;
//# sourceMappingURL=inneraccrodions.js.map