eleven-solutions-common-website-unique-web 3.0.22 → 3.0.24
Sign up to get free protection for your applications and to get access to all the features.
@@ -120,6 +120,17 @@ const TaxonomyForm = () => {
|
|
120
120
|
alert("Failed to add/update Taxonomy");
|
121
121
|
}
|
122
122
|
});
|
123
|
+
// useEffect(() => {
|
124
|
+
// const fetchIsMultiple = async () => {
|
125
|
+
// try {
|
126
|
+
// const result = await isMultipleApi(type);
|
127
|
+
// setIsMultiple(typeof result === "boolean");
|
128
|
+
// } catch (error) {
|
129
|
+
// console.error("Error checking if taxonomy is multiple:", error);
|
130
|
+
// }
|
131
|
+
// };
|
132
|
+
// fetchIsMultiple();
|
133
|
+
// }, [type]);
|
123
134
|
useEffect(() => {
|
124
135
|
const fetchIsMultiple = () => __awaiter(void 0, void 0, void 0, function* () {
|
125
136
|
try {
|
@@ -131,7 +142,7 @@ const TaxonomyForm = () => {
|
|
131
142
|
}
|
132
143
|
});
|
133
144
|
fetchIsMultiple();
|
134
|
-
}, [type]);
|
145
|
+
}, [location.pathname, type]);
|
135
146
|
const handleCancelClick = () => {
|
136
147
|
setType("");
|
137
148
|
setCode("");
|
@@ -225,7 +236,7 @@ const TaxonomyForm = () => {
|
|
225
236
|
console.error("Error deleting Taxonomy:", error);
|
226
237
|
}
|
227
238
|
});
|
228
|
-
return (_jsxs("div", { className: `${isEditMode && isMultiple ? "w-full" : "max-w-4xl"} p-6 mx-auto dark:bg-gray-800`, children: [_jsxs("div", { className: `transition duration-300 ${isModalOpen ? "filter blur-sm" : ""}`, children: [_jsx("h1", { className: "text-3xl font-bold text-center text-blue-600 capitalize dark:text-white mb-4", children: isEditMode ? "Edit Taxonomy" : "Add Taxonomy" }), _jsx("h1", { className: "text-2xl text-blue-600 capitalize dark:text-white mb-4", children: isEditMode ? `Taxonomy Type: ${type}` : "" }), _jsxs("form", { children: [!isEditMode && (_jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Type ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: type, onChange: (e) => setType(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Type" })] })), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Code ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: code, onChange: (e) => setCode(e.target.value === "" ? "" : Number(e.target.value)), type: "number", className: "w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Code", disabled: similarTaxonomies.some((taxonomy) => taxonomy.isEdit === false) })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Value ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: value, onChange: (e) => setValue(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Value", disabled: similarTaxonomies.some((taxonomy) => taxonomy.isEdit === false) })] }), _jsxs("div", { className: "flex space-x-4 mt-6 justify-between", children: [_jsx("div", { children: isEditMode && (
|
239
|
+
return (_jsxs("div", { className: `${isEditMode && isMultiple ? "w-full" : "max-w-4xl"} p-6 mx-auto dark:bg-gray-800`, children: [_jsxs("div", { className: `transition duration-300 ${isModalOpen ? "filter blur-sm" : ""}`, children: [_jsx("h1", { className: "text-3xl font-bold text-center text-blue-600 capitalize dark:text-white mb-4", children: isEditMode ? "Edit Taxonomy" : "Add Taxonomy" }), _jsx("h1", { className: "text-2xl text-blue-600 capitalize dark:text-white mb-4", children: isEditMode ? `Taxonomy Type: ${type}` : "" }), !isMultiple && (_jsxs("form", { children: [!isEditMode && (_jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Type ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: type, onChange: (e) => setType(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Type" })] })), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Code ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: code, onChange: (e) => setCode(e.target.value === "" ? "" : Number(e.target.value)), type: "number", className: "w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Code", disabled: similarTaxonomies.some((taxonomy) => taxonomy.isEdit === false) })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Value ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: value, onChange: (e) => setValue(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Value", disabled: similarTaxonomies.some((taxonomy) => taxonomy.isEdit === false) })] }), _jsxs("div", { className: "flex space-x-4 mt-6 justify-between", children: [_jsx("div", { children: isEditMode && (
|
229
240
|
// <div>
|
230
241
|
// {similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (
|
231
242
|
// <button
|
@@ -244,7 +255,7 @@ const TaxonomyForm = () => {
|
|
244
255
|
handleDeleteClick(id);
|
245
256
|
window.location.href = "/admin/taxinomies";
|
246
257
|
}, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Delete" })) })) }), _jsxs("div", { className: "flex space-x-4 justify-end", children: [similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (_jsx("button", { type: "submit", onClick: handleSave, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: isEditMode ? "Save" : "Add" })), !similarTaxonomies.some((taxonomy) => taxonomy.isEdit) &&
|
247
|
-
!isEditMode && (_jsx("button", { type: "submit", onClick: handleSave, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: isEditMode ? "Save" : "Add" })), _jsx("button", { onClick: handleCancelClick, type: "button", className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] })] })] }), isSimilarTaxonomyOpen && isMultiple && isEditMode && (_jsxs("div", { className: "flex-grow ml-0 mt-4 w-full", children: [_jsx("div", { className: "overflow-hidden border border-gray-200 dark:border-gray-700 md:rounded-lg mt-6", children: _jsxs("table", { className: "min-w-full divide-y divide-gray-200 dark:divide-gray-700", children: [_jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: _jsxs("tr", { children: [similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (_jsx("th", { className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Actions" })), _jsx("th", { className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Code" }), _jsx("th", { className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Value" })] }) }), _jsx("tbody", { className: "divide-y divide-gray-200", children: similarTaxonomies.map((taxonomy, index) => (_jsxs("tr", { children: [similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (_jsx("td", { className: "px-4 py-4 text-sm whitespace-nowrap", children: _jsxs("div", { className: "flex items-center gap-x-6", children: [_jsx("button", { type: "button", onClick: () => handleDeleteClick(taxonomy.id), className: "text-gray-500 transition-colors duration-200 dark:hover:text-red-600 dark:text-gray-300 hover:text-red-500 focus:outline-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" }) }) }), _jsx("button", { type: "button", onClick: () => {
|
258
|
+
!isEditMode && (_jsx("button", { type: "submit", onClick: handleSave, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: isEditMode ? "Save" : "Add" })), _jsx("button", { onClick: handleCancelClick, type: "button", className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] })] })] })), isSimilarTaxonomyOpen && isMultiple && isEditMode && (_jsxs("div", { className: "flex-grow ml-0 mt-4 w-full", children: [_jsx("div", { className: "overflow-hidden border border-gray-200 dark:border-gray-700 md:rounded-lg mt-6", children: _jsxs("table", { className: "min-w-full divide-y divide-gray-200 dark:divide-gray-700", children: [_jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: _jsxs("tr", { children: [similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (_jsx("th", { className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Actions" })), _jsx("th", { className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Code" }), _jsx("th", { className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Value" })] }) }), _jsx("tbody", { className: "divide-y divide-gray-200", children: similarTaxonomies.map((taxonomy, index) => (_jsxs("tr", { children: [similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (_jsx("td", { className: "px-4 py-4 text-sm whitespace-nowrap", children: _jsxs("div", { className: "flex items-center gap-x-6", children: [_jsx("button", { type: "button", onClick: () => handleDeleteClick(taxonomy.id), className: "text-gray-500 transition-colors duration-200 dark:hover:text-red-600 dark:text-gray-300 hover:text-red-500 focus:outline-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" }) }) }), _jsx("button", { type: "button", onClick: () => {
|
248
259
|
handleEditClick(index, taxonomy.id);
|
249
260
|
}, className: "text-gray-500 transition-colors duration-200 dark:hover:text-yellow-500 dark:text-gray-300 hover:text-yellow-500 focus:outline-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" }) }) })] }) })), _jsx("td", { className: "px-4 py-4 text-sm text-gray-500 dark:text-gray-400", children: taxonomy.code }), _jsx("td", { className: "px-4 py-4 text-sm font-medium text-gray-900 dark:text-white", children: taxonomy.value })] }, index))) })] }) }), similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (_jsx("div", { className: "flex space-x-4 mt-6 justify-start", children: _jsxs("button", { type: "button", onClick: handleOpenModal, className: "flex items-center justify-center px-6 py-2 font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-blue-600 rounded-lg hover:bg-blue-500 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-80", children: [_jsx(FaPlus, { className: "mr-2 font-medium" }), "Add Multiple Values"] }) }))] })), isEditMode && (_jsx(_Fragment, { children: tempTaxonomy.length > 0 && (_jsxs("div", { className: "flex-grow ml-0 mt-4 w-full", children: [_jsx("div", { className: "overflow-hidden border border-gray-200 dark:border-gray-700 md:rounded-lg mt-6", children: _jsxs("table", { className: "min-w-full divide-y divide-gray-200 dark:divide-gray-700", children: [_jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: _jsxs("tr", { children: [_jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Edit/Delete" }), _jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left text-gray-500 dark:text-gray-400", children: "Code" }), _jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left text-gray-500 dark:text-gray-400", children: "Value" })] }) }), _jsx("tbody", { className: "bg-white divide-y divide-gray-200 dark:bg-gray-800 dark:divide-gray-700", children: [...tempTaxonomy].map((item, index) => (_jsxs("tr", { children: [_jsx("td", { className: "px-4 py-4 text-sm whitespace-nowrap", children: _jsxs("div", { className: "flex items-center gap-x-6", children: [_jsx("button", { type: "button", onClick: () => {
|
250
261
|
const newTempTaxonomy = [...tempTaxonomy];
|
@@ -16,7 +16,6 @@ const UserForm = () => {
|
|
16
16
|
const [mobile, setMobile] = useState("");
|
17
17
|
const [address, setAddress] = useState("");
|
18
18
|
const [roleType, setRoleType] = useState("");
|
19
|
-
// const [, setUser] = useState<any>(null);
|
20
19
|
const [isEditMode, setIsEditMode] = useState(false);
|
21
20
|
const validateForm = () => {
|
22
21
|
if (!userName || !email || !roleType) {
|
@@ -35,7 +34,6 @@ const UserForm = () => {
|
|
35
34
|
if (fetchedUser) {
|
36
35
|
const user = fetchedUser;
|
37
36
|
setIsEditMode(true);
|
38
|
-
// setUser(user);
|
39
37
|
setUserName(user.name);
|
40
38
|
setEmail(user.email);
|
41
39
|
setMobile(user.mobile);
|
package/package.json
CHANGED
@@ -148,6 +148,19 @@ const TaxonomyForm = () => {
|
|
148
148
|
}
|
149
149
|
};
|
150
150
|
|
151
|
+
// useEffect(() => {
|
152
|
+
// const fetchIsMultiple = async () => {
|
153
|
+
// try {
|
154
|
+
// const result = await isMultipleApi(type);
|
155
|
+
// setIsMultiple(typeof result === "boolean");
|
156
|
+
// } catch (error) {
|
157
|
+
// console.error("Error checking if taxonomy is multiple:", error);
|
158
|
+
// }
|
159
|
+
// };
|
160
|
+
|
161
|
+
// fetchIsMultiple();
|
162
|
+
// }, [type]);
|
163
|
+
|
151
164
|
useEffect(() => {
|
152
165
|
const fetchIsMultiple = async () => {
|
153
166
|
try {
|
@@ -159,7 +172,7 @@ const TaxonomyForm = () => {
|
|
159
172
|
};
|
160
173
|
|
161
174
|
fetchIsMultiple();
|
162
|
-
}, [type]);
|
175
|
+
}, [location.pathname, type]);
|
163
176
|
|
164
177
|
const handleCancelClick = () => {
|
165
178
|
setType("");
|
@@ -294,104 +307,94 @@ const TaxonomyForm = () => {
|
|
294
307
|
{isEditMode ? `Taxonomy Type: ${type}` : ""}
|
295
308
|
</h1>
|
296
309
|
|
297
|
-
{
|
298
|
-
|
299
|
-
|
310
|
+
{!isMultiple && (
|
311
|
+
<form>
|
312
|
+
{!isEditMode && (
|
313
|
+
<div className="mb-6 w-full">
|
314
|
+
<label className="text-gray-900 dark:text-gray-200 font-semibold">
|
315
|
+
Type <span className="text-red-500">*</span>
|
316
|
+
</label>
|
317
|
+
<input
|
318
|
+
required
|
319
|
+
value={type}
|
320
|
+
onChange={(e) => setType(e.target.value)}
|
321
|
+
type="text"
|
322
|
+
className="w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
|
323
|
+
placeholder="Enter Type"
|
324
|
+
/>
|
325
|
+
</div>
|
326
|
+
)}
|
327
|
+
<div className="mb-6 w-full">
|
328
|
+
<label className="text-gray-900 dark:text-gray-200 font-semibold">
|
329
|
+
Code <span className="text-red-500">*</span>
|
330
|
+
</label>
|
331
|
+
<input
|
332
|
+
required
|
333
|
+
value={code}
|
334
|
+
onChange={(e) =>
|
335
|
+
setCode(e.target.value === "" ? "" : Number(e.target.value))
|
336
|
+
}
|
337
|
+
type="number"
|
338
|
+
className="w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
|
339
|
+
placeholder="Enter Code"
|
340
|
+
disabled={similarTaxonomies.some(
|
341
|
+
(taxonomy) => taxonomy.isEdit === false
|
342
|
+
)}
|
343
|
+
/>
|
344
|
+
</div>
|
300
345
|
<div className="mb-6 w-full">
|
301
346
|
<label className="text-gray-900 dark:text-gray-200 font-semibold">
|
302
|
-
|
347
|
+
Value <span className="text-red-500">*</span>
|
303
348
|
</label>
|
304
349
|
<input
|
305
350
|
required
|
306
|
-
value={
|
307
|
-
onChange={(e) =>
|
351
|
+
value={value}
|
352
|
+
onChange={(e) => setValue(e.target.value)}
|
308
353
|
type="text"
|
309
354
|
className="w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
|
310
|
-
placeholder="Enter
|
355
|
+
placeholder="Enter Value"
|
356
|
+
disabled={similarTaxonomies.some(
|
357
|
+
(taxonomy) => taxonomy.isEdit === false
|
358
|
+
)}
|
311
359
|
/>
|
312
360
|
</div>
|
313
|
-
)}
|
314
|
-
<div className="mb-6 w-full">
|
315
|
-
<label className="text-gray-900 dark:text-gray-200 font-semibold">
|
316
|
-
Code <span className="text-red-500">*</span>
|
317
|
-
</label>
|
318
|
-
<input
|
319
|
-
required
|
320
|
-
value={code}
|
321
|
-
onChange={(e) =>
|
322
|
-
setCode(e.target.value === "" ? "" : Number(e.target.value))
|
323
|
-
}
|
324
|
-
type="number"
|
325
|
-
className="w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
|
326
|
-
placeholder="Enter Code"
|
327
|
-
disabled={similarTaxonomies.some(
|
328
|
-
(taxonomy) => taxonomy.isEdit === false
|
329
|
-
)}
|
330
|
-
/>
|
331
|
-
</div>
|
332
|
-
<div className="mb-6 w-full">
|
333
|
-
<label className="text-gray-900 dark:text-gray-200 font-semibold">
|
334
|
-
Value <span className="text-red-500">*</span>
|
335
|
-
</label>
|
336
|
-
<input
|
337
|
-
required
|
338
|
-
value={value}
|
339
|
-
onChange={(e) => setValue(e.target.value)}
|
340
|
-
type="text"
|
341
|
-
className="w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
|
342
|
-
placeholder="Enter Value"
|
343
|
-
disabled={similarTaxonomies.some(
|
344
|
-
(taxonomy) => taxonomy.isEdit === false
|
345
|
-
)}
|
346
|
-
/>
|
347
|
-
</div>
|
348
361
|
|
349
|
-
|
350
|
-
|
351
|
-
|
352
|
-
|
353
|
-
|
354
|
-
|
355
|
-
|
356
|
-
|
357
|
-
|
358
|
-
|
359
|
-
|
360
|
-
|
361
|
-
|
362
|
-
|
363
|
-
|
364
|
-
|
365
|
-
|
366
|
-
|
367
|
-
|
368
|
-
|
369
|
-
|
370
|
-
|
371
|
-
|
372
|
-
|
373
|
-
|
374
|
-
|
375
|
-
|
376
|
-
|
377
|
-
|
378
|
-
|
379
|
-
|
380
|
-
|
381
|
-
|
362
|
+
<div className="flex space-x-4 mt-6 justify-between">
|
363
|
+
<div>
|
364
|
+
{isEditMode && (
|
365
|
+
// <div>
|
366
|
+
// {similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (
|
367
|
+
// <button
|
368
|
+
// type="button"
|
369
|
+
// onClick={() => {
|
370
|
+
// handleDeleteClick(id);
|
371
|
+
// navigate("/admin/taxonomy");
|
372
|
+
// }}
|
373
|
+
// className="px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600"
|
374
|
+
// >
|
375
|
+
// Delete
|
376
|
+
// </button>
|
377
|
+
// )}
|
378
|
+
// </div>
|
379
|
+
<div>
|
380
|
+
{similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (
|
381
|
+
<button
|
382
|
+
type="button"
|
383
|
+
onClick={() => {
|
384
|
+
handleDeleteClick(id);
|
385
|
+
window.location.href = "/admin/taxinomies";
|
386
|
+
}}
|
387
|
+
className="px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600"
|
388
|
+
>
|
389
|
+
Delete
|
390
|
+
</button>
|
391
|
+
)}
|
392
|
+
</div>
|
393
|
+
)}
|
394
|
+
</div>
|
382
395
|
|
383
|
-
|
384
|
-
|
385
|
-
<button
|
386
|
-
type="submit"
|
387
|
-
onClick={handleSave}
|
388
|
-
className="px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600"
|
389
|
-
>
|
390
|
-
{isEditMode ? "Save" : "Add"}
|
391
|
-
</button>
|
392
|
-
)}
|
393
|
-
{!similarTaxonomies.some((taxonomy) => taxonomy.isEdit) &&
|
394
|
-
!isEditMode && (
|
396
|
+
<div className="flex space-x-4 justify-end">
|
397
|
+
{similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (
|
395
398
|
<button
|
396
399
|
type="submit"
|
397
400
|
onClick={handleSave}
|
@@ -400,17 +403,27 @@ const TaxonomyForm = () => {
|
|
400
403
|
{isEditMode ? "Save" : "Add"}
|
401
404
|
</button>
|
402
405
|
)}
|
403
|
-
|
404
|
-
|
405
|
-
|
406
|
-
|
407
|
-
|
408
|
-
|
409
|
-
|
406
|
+
{!similarTaxonomies.some((taxonomy) => taxonomy.isEdit) &&
|
407
|
+
!isEditMode && (
|
408
|
+
<button
|
409
|
+
type="submit"
|
410
|
+
onClick={handleSave}
|
411
|
+
className="px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600"
|
412
|
+
>
|
413
|
+
{isEditMode ? "Save" : "Add"}
|
414
|
+
</button>
|
415
|
+
)}
|
416
|
+
<button
|
417
|
+
onClick={handleCancelClick}
|
418
|
+
type="button"
|
419
|
+
className="px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600"
|
420
|
+
>
|
421
|
+
Cancel
|
422
|
+
</button>
|
423
|
+
</div>
|
410
424
|
</div>
|
411
|
-
</
|
412
|
-
|
413
|
-
{/* )} */}
|
425
|
+
</form>
|
426
|
+
)}
|
414
427
|
|
415
428
|
{/* Table for Displaying Similar Taxonomies */}
|
416
429
|
{isSimilarTaxonomyOpen && isMultiple && isEditMode && (
|
@@ -10,7 +10,6 @@ const UserForm = () => {
|
|
10
10
|
const [address, setAddress] = useState("");
|
11
11
|
const [roleType, setRoleType] = useState("");
|
12
12
|
|
13
|
-
// const [, setUser] = useState<any>(null);
|
14
13
|
const [isEditMode, setIsEditMode] = useState<boolean>(false);
|
15
14
|
|
16
15
|
const validateForm = () => {
|
@@ -40,7 +39,6 @@ const UserForm = () => {
|
|
40
39
|
roleType: string;
|
41
40
|
};
|
42
41
|
setIsEditMode(true);
|
43
|
-
// setUser(user);
|
44
42
|
setUserName(user.name);
|
45
43
|
setEmail(user.email);
|
46
44
|
setMobile(user.mobile);
|
@@ -201,14 +201,7 @@ function Users() {
|
|
201
201
|
/>
|
202
202
|
</svg>
|
203
203
|
</button>
|
204
|
-
|
205
|
-
<a
|
206
|
-
href={`/admin/users/userform?id=${user.id}`}
|
207
|
-
onClick={(e) => {
|
208
|
-
e.preventDefault();
|
209
|
-
handleEditClick(user.id);
|
210
|
-
}}
|
211
|
-
> */}
|
204
|
+
|
212
205
|
<button
|
213
206
|
onClick={(event) =>
|
214
207
|
handleEditClick(
|
@@ -347,28 +340,3 @@ function Users() {
|
|
347
340
|
}
|
348
341
|
|
349
342
|
export default Users;
|
350
|
-
|
351
|
-
// import React from "react";
|
352
|
-
|
353
|
-
// function Users() {
|
354
|
-
// const handleNavigation = (event: React.MouseEvent, path: string) => {
|
355
|
-
// event.preventDefault();
|
356
|
-
// window.history.pushState({}, "", path);
|
357
|
-
// window.dispatchEvent(new PopStateEvent("popstate"));
|
358
|
-
// };
|
359
|
-
|
360
|
-
// return (
|
361
|
-
// <div>
|
362
|
-
// Users
|
363
|
-
// <button
|
364
|
-
// type="button"
|
365
|
-
// onClick={(event) => handleNavigation(event, "/admin/users/userform")}
|
366
|
-
// className="flex items-center justify-center px-6 py-2 font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-blue-600 rounded-lg hover:bg-blue-500 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-80"
|
367
|
-
// >
|
368
|
-
// User
|
369
|
-
// </button>
|
370
|
-
// </div>
|
371
|
-
// );
|
372
|
-
// }
|
373
|
-
|
374
|
-
// export default Users;
|