Moduletrace/dsql-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
ba600cf8b8
dsql-admin/dsql-app/.local_dist/server/chunks/4858.js

752 lines
37 KiB
JavaScript
Raw Normal View History

First Commit
2024-11-05 11:12:42 +00:00
"use strict";
exports.id = 4858;
exports.ids = [4858];
exports.modules = {
/***/ 6355:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (/* binding */ DiskUsageComponent)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6689);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _functions_frontend_fetchApi__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(6729);
/* harmony import */ var _functions_frontend_updateDiskUsage__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1069);
/* harmony import */ var _LoadingBlock__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5264);
/* harmony import */ var _mui_icons_material_CloudQueueRounded__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4008);
/* harmony import */ var _mui_icons_material_CloudQueueRounded__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_mui_icons_material_CloudQueueRounded__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _mui_icons_material_RefreshRounded__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(36);
/* harmony import */ var _mui_icons_material_RefreshRounded__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_mui_icons_material_RefreshRounded__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _mui_icons_material_CloudOffTwoTone__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(69);
/* harmony import */ var _mui_icons_material_CloudOffTwoTone__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_mui_icons_material_CloudOffTwoTone__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var lucide_react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(2423);
/* harmony import */ var lucide_react__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(lucide_react__WEBPACK_IMPORTED_MODULE_6__);
// @ts-check
/**
* ==============================================================================
* Imports
* ==============================================================================
*/
/** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /**
* ==============================================================================
* Main Component { Functional }
* ==============================================================================
* @param {Object} props - Server props
*/ function DiskUsageComponent(props) {
/**
* Get Contexts
*
* @abstract { React.useContext }
*/ ////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
/**
* Javascript Variables
*
* @abstract Non hook variables and functions
*/ ////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
/**
* React Hooks
*
* @abstract { useState, useEffect, useRef, etc ... }
*/ const [loading, setLoading] = react__WEBPACK_IMPORTED_MODULE_1___default().useState(true);
/** @type {[ diskUsage: number, setDiskUsage: React.Dispatch<React.SetStateAction<number>> ]} */ // @ts-ignore
const [diskUsage, setDiskUsage] = react__WEBPACK_IMPORTED_MODULE_1___default().useState(0);
const [refresh, setRefresh] = react__WEBPACK_IMPORTED_MODULE_1___default().useState(0);
react__WEBPACK_IMPORTED_MODULE_1___default().useEffect(()=>{
if (diskUsage) return;
// if (localStorage.getItem("disk_usage")) {
// setDiskUsage(parseFloat(localStorage.getItem("disk_usage")));
// return;
// }
(0,_functions_frontend_fetchApi__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z)("/api/getDiskUsage").then((res)=>{
// console.log(res);
if (res?.total) {
setDiskUsage(res.total);
localStorage.setItem("disk_usage", res.total);
}
setLoading(false);
});
}, []);
////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
/**
* Function Return
*
* @abstract Main Function Return
*/ if (loading) return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
className: "button ghost small-text",
style: {
height: "30px"
},
children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_LoadingBlock__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
width: "15px",
position: "relative"
})
});
return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), {
children: diskUsage ? /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
className: "button ghost small-text normal-weight p-0",
style: {
height: "30px",
padding: 0
},
onClick: (e)=>{
setLoading(true);
(0,_functions_frontend_updateDiskUsage__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z)().then(()=>{
setRefresh((prev)=>prev + 1);
setLoading(false);
});
},
children: [
loading && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_LoadingBlock__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
width: "15px"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(lucide_react__WEBPACK_IMPORTED_MODULE_6__.HardDrive, {
size: 20,
className: "text-slate-400 mr-[3px]"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
className: "font-bold text-slate-700 dark:text-white",
children: diskUsage && diskUsage.toFixed(2)
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
className: "text-slate-500",
children: "mb"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(lucide_react__WEBPACK_IMPORTED_MODULE_6__.RotateCw, {
size: 17,
className: "text-slate-400",
strokeWidth: 2
})
]
}) : /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
className: "text-sm info gray font-normal w-auto",
children: [
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((_mui_icons_material_CloudOffTwoTone__WEBPACK_IMPORTED_MODULE_5___default()), {
color: "inherit",
className: "opacity-50 text-slate-500",
fontSize: "small"
}),
/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
children: "No Disk Usage Data Available Yet"
})
]
})
});
////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
} /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */
/***/ }),
/***/ 1069:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "Z": () => (/* binding */ updateDiskUsage)
/* harmony export */ });
/* harmony import */ var _fetchApi__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6729);
// @ts-check
/**
* ==============================================================================
* Imports
* ==============================================================================
*/
/** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /**
* ==============================================================================
* Auth user on client side
* ==============================================================================
*
* @requires search-field name attribute
*/ async function updateDiskUsage() {
/**
* Check for user in local storage
*
* @description Preventdefault, declare variables
*/ const res = await (0,_fetchApi__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)("/api/getDiskUsage");
localStorage.setItem("disk_usage", res.total);
} ////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
/***/ }),
/***/ 4858:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"Z": () => (/* binding */ AdminLayout)
});
// EXTERNAL MODULE: external "react/jsx-runtime"
var jsx_runtime_ = __webpack_require__(997);
// EXTERNAL MODULE: external "react"
var external_react_ = __webpack_require__(6689);
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
// EXTERNAL MODULE: external "next/head"
var head_ = __webpack_require__(968);
var head_default = /*#__PURE__*/__webpack_require__.n(head_);
// EXTERNAL MODULE: ./layouts/components/GeneralLayout/Footer.jsx
var Footer = __webpack_require__(5281);
// EXTERNAL MODULE: external "@mui/icons-material/DynamicFormTwoTone"
var DynamicFormTwoTone_ = __webpack_require__(8979);
// EXTERNAL MODULE: external "@mui/icons-material/CollectionsTwoTone"
var CollectionsTwoTone_ = __webpack_require__(7306);
// EXTERNAL MODULE: external "@mui/icons-material/PeopleOutlineTwoTone"
var PeopleOutlineTwoTone_ = __webpack_require__(9806);
// EXTERNAL MODULE: external "@mui/icons-material/SchemaTwoTone"
var SchemaTwoTone_ = __webpack_require__(1799);
// EXTERNAL MODULE: external "@mui/icons-material/LockTwoTone"
var LockTwoTone_ = __webpack_require__(2814);
// EXTERNAL MODULE: ./components/general/Logo.jsx
var Logo = __webpack_require__(4017);
// EXTERNAL MODULE: external "@mui/icons-material/AdminPanelSettingsTwoTone"
var AdminPanelSettingsTwoTone_ = __webpack_require__(4003);
var AdminPanelSettingsTwoTone_default = /*#__PURE__*/__webpack_require__.n(AdminPanelSettingsTwoTone_);
// EXTERNAL MODULE: external "@mui/icons-material/LanguageOutlined"
var LanguageOutlined_ = __webpack_require__(300);
// EXTERNAL MODULE: external "lucide-react"
var external_lucide_react_ = __webpack_require__(2423);
;// CONCATENATED MODULE: ./layouts/components/AdminLayout/Aside.jsx
// @ts-check
/**
* ==============================================================================
* Imports
* ==============================================================================
*/
/** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /**
* ==============================================================================
* Main Component { Functional }
* ==============================================================================
* @param {object} props - React component props
* @param {import("@/package-shared/types").UserType} props.user
*/ function Aside({ user }) {
/**
* Get Contexts
*
* @abstract { React.useContext }
*/ ////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
/**
* Javascript Variables
*
* @abstract Non hook variables and functions
*/ ////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
/**
* React Hooks
*
* @abstract { useState, useEffect, useRef, etc ... }
*/ const [collapseAsideMobile, setCollapseAsideMobile] = external_react_default().useState(true);
////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
/**
* Function Return
*
* @abstract Main Function Return
*/ return /*#__PURE__*/ (0,jsx_runtime_.jsxs)("aside", {
className: "aside" + (collapseAsideMobile ? " mobile-collapsed" : " mobile-expanded"),
children: [
/*#__PURE__*/ jsx_runtime_.jsx(Logo/* default */.Z, {
adminAside: true,
collapseAsideMobile: collapseAsideMobile,
setCollapseAsideMobile: setCollapseAsideMobile
}),
/*#__PURE__*/ jsx_runtime_.jsx("hr", {
className: "opacity-0 mt-4"
}),
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
className: "main-links" + (collapseAsideMobile ? " hidden lg:flex" : " "),
children: [
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("a", {
href: "/admin",
"data-currentlink": "/admin",
"data-strictlink": "true",
children: [
/*#__PURE__*/ jsx_runtime_.jsx(external_lucide_react_.CircleGauge, {
size: 20
}),
/*#__PURE__*/ jsx_runtime_.jsx("span", {
children: "Dashboard"
})
]
}),
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("a", {
href: `/admin/${user?.id}/databases`,
"data-currentlink": `/admin/${user?.id}/databases`,
children: [
/*#__PURE__*/ jsx_runtime_.jsx(external_lucide_react_.Database, {
size: 20
}),
/*#__PURE__*/ jsx_runtime_.jsx("span", {
children: "Databases"
})
]
}),
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("a", {
href: `/admin/${user?.id}/media`,
"data-currentlink": `/admin/${user?.id}/media`,
children: [
/*#__PURE__*/ jsx_runtime_.jsx(external_lucide_react_.Images, {
size: 20
}),
/*#__PURE__*/ jsx_runtime_.jsx("span", {
children: "Media"
})
]
}),
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("a", {
href: `/admin/${user?.id}/users`,
"data-currentlink": `/admin/${user?.id}/users`,
children: [
/*#__PURE__*/ jsx_runtime_.jsx(external_lucide_react_.Users, {
size: 20
}),
/*#__PURE__*/ jsx_runtime_.jsx("span", {
children: "Users"
})
]
}),
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("a", {
href: `/admin/${user?.id}/schema`,
"data-currentlink": `/admin/${user?.id}/schema`,
children: [
/*#__PURE__*/ jsx_runtime_.jsx(external_lucide_react_.BookText, {
size: 20
}),
/*#__PURE__*/ jsx_runtime_.jsx("span", {
children: "Schema"
})
]
}),
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("a", {
href: `/admin/${user?.id}/api-keys`,
"data-currentlink": `/admin/${user?.id}/api-keys`,
children: [
/*#__PURE__*/ jsx_runtime_.jsx(external_lucide_react_.FileKey2, {
size: 20
}),
/*#__PURE__*/ jsx_runtime_.jsx("span", {
children: "API Keys"
})
]
}),
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("a", {
href: `/admin/${user?.id}/connect`,
"data-currentlink": `/admin/${user?.id}/connect`,
children: [
/*#__PURE__*/ jsx_runtime_.jsx(external_lucide_react_.Globe, {
size: 20
}),
/*#__PURE__*/ jsx_runtime_.jsx("span", {
children: "Connect"
})
]
}),
true && user.id == 1 && /*#__PURE__*/ jsx_runtime_.jsx((external_react_default()).Fragment, {
children: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("a", {
href: `/su`,
"data-currentlink": `/su`,
children: [
/*#__PURE__*/ jsx_runtime_.jsx((AdminPanelSettingsTwoTone_default()), {
className: "text-slate-400"
}),
/*#__PURE__*/ jsx_runtime_.jsx("span", {
children: "Super Admin User"
})
]
})
}),
/*#__PURE__*/ jsx_runtime_.jsx("hr", {
className: "opacity-80"
}),
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
className: "flex-col gap-0 items-start w-full",
children: [
/*#__PURE__*/ jsx_runtime_.jsx("a", {
href: `/admin/${user?.id}/settings`,
"data-currentlink": `/admin/${user?.id}/settings`,
children: /*#__PURE__*/ jsx_runtime_.jsx("span", {
children: "Settings"
})
}),
/*#__PURE__*/ jsx_runtime_.jsx("a", {
href: "/docs",
"data-currentlink": "/docs",
target: "_blank",
children: /*#__PURE__*/ jsx_runtime_.jsx("span", {
children: "Documentation"
})
}),
/*#__PURE__*/ jsx_runtime_.jsx("a", {
href: "/logout",
"data-currentlink": "/logout",
children: /*#__PURE__*/ jsx_runtime_.jsx("span", {
children: "Logout"
})
})
]
})
]
})
]
});
////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
}
// EXTERNAL MODULE: ./layouts/components/GeneralLayout/Header.jsx
var Header = __webpack_require__(7108);
// EXTERNAL MODULE: ./layouts/components/AdminLayout/AdminUserBlock.jsx + 1 modules
var AdminUserBlock = __webpack_require__(5484);
;// CONCATENATED MODULE: ./layouts/components/AdminLayout/AdminHeader.jsx
// @ts-check
/**
* ==============================================================================
* Imports
* ==============================================================================
*/
/** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /**
* ==============================================================================
* Main Component { Functional }
* ==============================================================================
* @param {object} props - React component props
* @param {import("@/package-shared/types").UserType} props.user - Authenticated User
* @param {import("react").ReactNode} [props.extraHeaderContent] - Extra JSX content to be inserted in the header
*/ function AdminHeader({ user , extraHeaderContent }) {
/**
* Get Contexts
*
* @abstract { React.useContext }
*/ ////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
/**
* Javascript Variables
*
* @abstract Non hook variables and functions
*/ ////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
/**
* React Hooks
*
* @abstract { useState, useEffect, useRef, etc ... }
*/ const [activeUser, setActiveUser] = external_react_default().useState(user ? user : null);
external_react_default().useEffect(()=>{
if (user?.logged_in_status) {
setActiveUser(user ? user : null);
}
}, [
user
]);
////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
/**
* Function Return
*
* @abstract Main Function Return
*/ return /*#__PURE__*/ jsx_runtime_.jsx("section", {
className: "overflow-visible w-full px-0 md:px-8 py-0 flex justify-center bg-white dark:bg-slate-800 shadow-lg gap-4 dark:shadow-black/10 z-50 shadow-slate-900/5",
style: {
zIndex: 700,
border: "none"
},
children: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
className: "w-full items-center justify-between gap-4 md:gap-8",
children: [
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
className: "hidden xl:flex flex-col items-stretch grow fixed xl:static top-0 right-0 px-4 xl:px-0 shadow-xl xl:shadow-none h-screen xl:h-auto overflow-auto xl:overflow-visible w-screen sl:w-auto bg-white xl:bg-transparent pb-10 xl:pb-0",
id: "main-nav-content-wrapper",
children: [
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
className: "items-center mb-2 flex xl:hidden",
children: [
/*#__PURE__*/ jsx_runtime_.jsx("a", {
href: "/",
className: "hidden xl:flex",
children: /*#__PURE__*/ jsx_runtime_.jsx("img", {
src: "/images/logo-icon-alt-2.png",
alt: "Logo Icon",
width: 37
})
}),
/*#__PURE__*/ jsx_runtime_.jsx("button", {
className: "outlined gray ml-auto",
onClick: (e)=>{
const mainNavWrapper = document.getElementById("main-nav-content-wrapper");
mainNavWrapper?.classList.toggle("hidden");
},
style: {
border: "none"
},
children: /*#__PURE__*/ jsx_runtime_.jsx("span", {
className: "font-semibold text-4xl",
children: "✕"
})
})
]
}),
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
className: "flex items-center w-full gap-6 grow flex-col xl:flex-row justify-start xl:justify-between",
children: [
/*#__PURE__*/ jsx_runtime_.jsx("div", {
className: "gap-6",
children: extraHeaderContent
}),
/*#__PURE__*/ jsx_runtime_.jsx(AdminUserBlock/* default */.Z, {
activeUser: activeUser
})
]
})
]
}),
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("button", {
className: "bg-transparent w-16 p-4 gap-1.5 flex xl:hidden flex-col hover:bg-transparent transition-all ml-auto",
onClick: (e)=>{
const mainNavWrapper = document.getElementById("main-nav-content-wrapper");
mainNavWrapper?.classList.toggle("hidden");
},
style: {
minWidth: "50px",
backgroundColor: "transparent"
},
id: "main-header-hamburger-button",
"aria-label": "Mobile Hambutget Button",
children: [
/*#__PURE__*/ jsx_runtime_.jsx("div", {
className: "w-full h-1 bg-slate-600 dark:bg-slate-400 rounded-full"
}),
/*#__PURE__*/ jsx_runtime_.jsx("div", {
className: "w-full h-1 bg-slate-600 dark:bg-slate-400 rounded-full"
}),
/*#__PURE__*/ jsx_runtime_.jsx("div", {
className: "w-full h-1 bg-slate-600 dark:bg-slate-400 rounded-full"
})
]
})
]
})
});
////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
}
// EXTERNAL MODULE: ./functions/frontend/updateNavLinks.js
var updateNavLinks = __webpack_require__(9678);
// EXTERNAL MODULE: ./components/general/DiskUsageComponent.jsx
var DiskUsageComponent = __webpack_require__(6355);
// EXTERNAL MODULE: ./functions/frontend/fetchApi.js
var fetchApi = __webpack_require__(6729);
;// CONCATENATED MODULE: ./layouts/AdminLayout.jsx
// @ts-check
/**
* ==============================================================================
* Imports
* ==============================================================================
*/
////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
// import updateNavLinks from '../functions/frontend/updateNavLinks';
/** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /**
* ==============================================================================
* Main Component { Functional }
* ==============================================================================
* @param {{
* children: import("react").ReactNode,
* head?: import("react").ReactNode,
* user: import("@/package-shared/types").UserType,
* productionEnvironment?: string,
* extraHeaderContent?: import("react").ReactNode,
* aceEditor?: boolean,
* }} props - children component
*/ function AdminLayout({ children , head , user , productionEnvironment , extraHeaderContent , aceEditor , }) {
/**
* Get Contexts
*
* @abstract { React.useContext }
*/ ////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
/**
* Javascript Variables
*
* @abstract Non hook variables and functions
*/ if (!extraHeaderContent) extraHeaderContent = /*#__PURE__*/ jsx_runtime_.jsx(DiskUsageComponent/* default */.Z, {});
////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
/**
* React Hooks
*
* @abstract { useState, useEffect, useRef, etc ... }
*/ external_react_default().useEffect(()=>{
/** @type {NodeListOf<HTMLAnchorElement>} */ const links = document.querySelectorAll("aside .main-links a");
(0,updateNavLinks/* default */.Z)({
links: links
});
if (document.cookie.match(/user_refresh=1/)) {
(0,fetchApi/* default */.Z)("/api/reAuthenticateUser", {
method: "post",
body: {}
}, true).then((/** @type {import("@/pages/api/reAuthenticateUser").reAuthenticateUserResponse} */ res)=>{
if (res.status && res.user) {
document.cookie = "user_refresh=0;max-age=0";
localStorage.setItem("csrf", res.user.csrf_k);
localStorage.setItem("user", JSON.stringify(res.user));
window.location.reload();
}
});
}
}, []);
////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
/**
* Function Return
*
* @abstract Main Function Return
*/ return /*#__PURE__*/ (0,jsx_runtime_.jsxs)((external_react_default()).Fragment, {
children: [
/*#__PURE__*/ (0,jsx_runtime_.jsxs)((head_default()), {
children: [
head,
/*#__PURE__*/ (0,jsx_runtime_.jsxs)((external_react_default()).Fragment, {
children: [
/*#__PURE__*/ jsx_runtime_.jsx("script", {
src: "https://cdnjs.cloudflare.com/ajax/libs/ace/1.22.0/ace.min.js",
integrity: "sha512-q6CTB0jS+VuJnSct82rVcWlI06LGzNjaG3CWenHWVUncRvc4UQMFkA3a5Ip880xr+lBx38FcHDclOxPdSg+sBw==",
crossOrigin: "anonymous",
referrerPolicy: "no-referrer"
}),
/*#__PURE__*/ jsx_runtime_.jsx("script", {
src: "https://cdnjs.cloudflare.com/ajax/libs/ace/1.22.0/ext-language_tools.min.js",
integrity: "sha512-6g6cvocV7eT/J8L44lL8gJKqq9onqQeYGgJO0DmrsYFcCfRl6wYkYA/KHS768r4QVTB4JxsCcMQ9gIezxpTCZw==",
crossOrigin: "anonymous",
referrerPolicy: "no-referrer"
})
]
})
]
}),
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
className: "admin w-full flex items-start gap-0",
children: [
/*#__PURE__*/ jsx_runtime_.jsx(Aside, {
user: user
}),
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("main", {
className: "relative",
children: [
/*#__PURE__*/ jsx_runtime_.jsx(AdminHeader, {
user: user,
extraHeaderContent: extraHeaderContent
}),
/*#__PURE__*/ jsx_runtime_.jsx("div", {
className: "admin-content",
children: children
}),
/*#__PURE__*/ jsx_runtime_.jsx("footer", {
className: "flex justify-center w-full items-center p-4",
children: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
className: "max-w-6xl w-full justify-center flex-wrap",
children: [
/*#__PURE__*/ jsx_runtime_.jsx("div", {
className: "flex items-center gap-2 scale-75",
children: /*#__PURE__*/ jsx_runtime_.jsx(Logo/* default */.Z, {})
}),
/*#__PURE__*/ jsx_runtime_.jsx("span", {
className: "opacity-25",
children: "|"
}),
/*#__PURE__*/ (0,jsx_runtime_.jsxs)("span", {
className: "text-sm text-slate-400 dark:text-slate-600 text-center",
children: [
new Date().getFullYear(),
" \xa9 Datasquirel. All rights reserved."
]
}),
/*#__PURE__*/ jsx_runtime_.jsx("span", {
className: "opacity-25",
children: "|"
}),
/*#__PURE__*/ jsx_runtime_.jsx("a", {
href: "/docs",
children: "Docs"
}),
/*#__PURE__*/ jsx_runtime_.jsx("span", {
className: "opacity-25",
children: "|"
}),
/*#__PURE__*/ jsx_runtime_.jsx("a", {
href: "/terms",
children: "Terms"
})
]
})
})
]
})
]
})
]
});
////////////////////////////////////////
////////////////////////////////////////
////////////////////////////////////////
}
/***/ })
};
;
Reference in New Issue Copy Permalink