122 lines
		
	
	
		
			6.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			122 lines
		
	
	
		
			6.4 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| "use strict";
 | |
| exports.id = 1674;
 | |
| exports.ids = [1674];
 | |
| exports.modules = {
 | |
| 
 | |
| /***/ 1674:
 | |
| /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 | |
| 
 | |
| /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 | |
| /* harmony export */   "Z": () => (/* binding */ DeleteTableConfirmationPopup)
 | |
| /* 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_5__ = __webpack_require__(6729);
 | |
| /* harmony import */ var _general_Breadcrumbs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(424);
 | |
| /* harmony import */ var _general_GeneralPopup__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(5472);
 | |
| /* harmony import */ var _components_general_LoadingBlock__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(5264);
 | |
| // @ts-check
 | |
| /**
 | |
|  * ==============================================================================
 | |
|  * Imports
 | |
|  * ==============================================================================
 | |
|  */ 
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /** ****************************************************************************** */ /**
 | |
|  * ==============================================================================
 | |
|  * Main Component { Functional }
 | |
|  * ==============================================================================
 | |
|  * @param {Object} props - Server props
 | |
|  * @param {import("@/package-shared/types").DSQL_MYSQL_user_databases_Type} props.database
 | |
|  * @param {import("@/package-shared/types").MYSQL_user_database_tables_table_def | null} [props.targetTable]
 | |
|  */ function DeleteTableConfirmationPopup({ targetTable , database ,  }) {
 | |
|     /**
 | |
|      * 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(false);
 | |
|     ////////////////////////////////////////
 | |
|     ////////////////////////////////////////
 | |
|     ////////////////////////////////////////
 | |
|     /**
 | |
|      * Function Return
 | |
|      *
 | |
|      * @abstract Main Function Return
 | |
|      */ return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_general_GeneralPopup__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .ZP, {
 | |
|         title: "delete-table-confirmation",
 | |
|         children: [
 | |
|             loading && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_general_LoadingBlock__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
 | |
|                 width: "20px"
 | |
|             }),
 | |
|             /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("h4", {
 | |
|                 className: "m-0",
 | |
|                 children: [
 | |
|                     "Delete '",
 | |
|                     targetTable?.table_name ? targetTable.table_name : "This Database",
 | |
|                     "' Table?"
 | |
|                 ]
 | |
|             }),
 | |
|             /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
 | |
|                 children: [
 | |
|                     /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
 | |
|                         className: "outlined" + (loading ? " pointer-events-none opacity-40" : ""),
 | |
|                         onClick: (e)=>{
 | |
|                             setLoading(true);
 | |
|                             (0,_functions_frontend_fetchApi__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z)("/api/deleteUserTable", {
 | |
|                                 method: "post",
 | |
|                                 body: {
 | |
|                                     database: database,
 | |
|                                     table: targetTable
 | |
|                                 }
 | |
|                             }, true).then((res)=>{
 | |
|                                 if (res.success) {
 | |
|                                     window.location.reload();
 | |
|                                 }
 | |
|                             });
 | |
|                         },
 | |
|                         children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
 | |
|                             children: "Yes"
 | |
|                         })
 | |
|                     }),
 | |
|                     /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
 | |
|                         onClick: (e)=>{
 | |
|                             (0,_general_GeneralPopup__WEBPACK_IMPORTED_MODULE_3__/* .closePopup */ .j4)();
 | |
|                         },
 | |
|                         children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
 | |
|                             children: "Cancel"
 | |
|                         })
 | |
|                     })
 | |
|                 ]
 | |
|             })
 | |
|         ]
 | |
|     });
 | |
| ////////////////////////////////////////
 | |
| ////////////////////////////////////////
 | |
| ////////////////////////////////////////
 | |
| } /** ****************************************************************************** */  /** ****************************************************************************** */  /** ****************************************************************************** */  /** ****************************************************************************** */  /** ****************************************************************************** */  /** ****************************************************************************** */ 
 | |
| 
 | |
| 
 | |
| /***/ })
 | |
| 
 | |
| };
 | |
| ; | 
