eleven-solutions-common-website-unique-web 3.0.22 → 3.0.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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;
|