ui-soxo-bootstrap-core 2.6.40-dev.1 → 2.6.40-dev.11

package/core/pages/homepage-api/menu-dashboard.js

@@ -1,169 +1,169 @@
-// /**
-//  * MenuDashBoard Component
-//  *
-//  * This component is responsible for rendering the menu dashboard.
-//  * It fetches dashboard data based on user roles and displays them using `MenuDashboardCard` components.
-//  */
-
-// import { useState, useEffect, useContext } from 'react';
-
-// import { Skeleton, Row } from 'antd';
-
-// import { GlobalContext, Card } from './../../lib/';
-
-// import { Dashboard } from './../../models/';
-
-// import MenuDashboardCard from '../../modules/dashboard/components/dashboard-card/menu-dashboard-card';
-
-// import './menu-dashboard.scss';
-
-// /**
-//  * MenuDashBoard Component
-//  *
-//  * Renders the dashboard menu based on the provided `dashBoardIds`.
-//  * Fetches dashboard data and updates the UI accordingly.
-//  *
-//  * @param {Object} props - The component props
-//  * @param {Array} props.dashBoardIds - List of dashboard IDs to fetch data for
-//  * @param {Function} props.callback - Callback function for handling dashboard interactions
-//  * @returns {JSX.Element} The rendered MenuDashBoard component
-//  */
-// export default function MenuDashBoard({ dashBoardIds, callback }) {
-//   const { user = {} } = useContext(GlobalContext);
-
-//   const [loading, setLoading] = useState(false);
-
-//   const [list, setList] = useState([]);
-
-//   const [selectedCardId, setSelectedCardId] = useState(false);
-
-//   /**
-//    * useEffect Hook
-//    *
-//    * Triggers the `getDashboard` function whenever the `user` object changes.
-//    * Ensures dashboard data is fetched whenever a user logs in or changes.
-//    */
-//   useEffect(() => {
-//     if (dashBoardIds) {
-//       getDashboard(); //Patiant list get function
-//     }
-//   }, [user]);
-
-//   /**
-//    * getDashboard Function
-//    *
-//    * Fetches the dashboard menu items based on `dashBoardIds`.
-//    * Updates the `list` state with the fetched data.
-//    */
-//   async function getDashboard() {
-//     setLoading(true);
-
-//     // Check if there are dashboard IDs to fetch data for
-//     if (dashBoardIds.length > 0) {
-//       await Dashboard.loadMenuDashboards(dashBoardIds).then((response) => {
-//         let apiResponse = {};
-
-//         // @todo When the reporting tool is build , we have to consider all of these
-//         if (response.result && response.result.length) {
-//           apiResponse = response.result;
-//         } else if (response && response.length) {
-//           apiResponse = response;
-//         }
-//         // Group by groupPtr inside other_details
-//         const groupedData = {};
-
-//         apiResponse.forEach((item) => {
-//           try {
-//             const otherDetails = item.other_details ? JSON.parse(item.other_details) : {};
-
-//             const groupPtr = otherDetails.groupPtr;
-
-//             const groupCaption = otherDetails.groupcaption || ''; // default empty string if not available
-
-//             if (groupPtr) {
-//               if (!groupedData[groupPtr]) {
-//                 groupedData[groupPtr] = {
-//                   groupPtr,
-//                   groupCaption,
-//                   // colorCode,
-//                   dashboards: [],
-//                 };
-//               }
-
-//               // Optional: update groupCaption if it exists newly (in case not present earlier)
-//               if (groupCaption) {
-//                 groupedData[groupPtr].groupCaption = groupCaption;
-//               }
-
-//               // Create a new dashboard item that includes style and colorCode
-//               const dashboardItem = {
-//                 ...item, // Spread other properties of the item
-//                 // style: groupStyle, // Add the group style
-//                 // colorCode, // Add the color code
-//               };
-
-//               // Push the new dashboard item into the dashboards array
-//               groupedData[groupPtr].dashboards.push(dashboardItem);
-//             }
-//           } catch (error) {
-//             console.error('Error parsing other_details:', error);
-//           }
-//         });
-
-//         // Convert groupedData to array format
-//         const groupedArray = Object.values(groupedData);
-
-//         setList(groupedArray);
-
-//         setLoading(false);
-//       });
-//     }
-
-//     setLoading(false);
-//   }
-
-//   return (
-//     <>
-//       {loading ? (
-//         <Skeleton />
-//       ) : (
-//         <span className="menu-dashoard-section">
-//           <div className="menu-dashboard">
-//             <div className="dashboard-section" style={{ marginBottom: '10px' }}>
-//               {/* <Row gutter={20}>
-//                     {list
-//                       // Sort in ascending asc of id
-//                       .sort((a, b) => a.slno - b.slno)
-//                       .map((entry, key) => (
-//                         <MenuDashboardCard key={key} record={entry} callback={callback} />
-//                       ))}
-//                   </Row> */}
-//               {list.map((group) => (
-//                 <Card key={group.groupPtr}>
-//                   {/* <h3>Group: {group.groupPtr}</h3> */}
-//                   <h3 style={{ marginBottom: '10px' }}>{group.groupCaption}</h3>
-
-//                   <Row gutter={20}>
-//                     {group.dashboards
-//                       .sort((a, b) => a.slno - b.slno)
-//                       .map((entry, key) => (
-//                         <MenuDashboardCard
-//                           key={key}
-//                           record={entry}
-//                           callback={callback}
-//                           selectedCardId={selectedCardId}
-//                           onSelect={() => setSelectedCardId(entry.id)}
-//                           // setSelectedCardId={setSelectedCardId}
-//                         />
-//                       ))}
-//                   </Row>
-//                 </Card>
-//               ))}
-//               {/* </> */}
-//             </div>
-//           </div>
-//         </span>
-//       )}
-//     </>
-//   );
-// }
+// /**
+//  * MenuDashBoard Component
+//  *
+//  * This component is responsible for rendering the menu dashboard.
+//  * It fetches dashboard data based on user roles and displays them using `MenuDashboardCard` components.
+//  */
+
+// import { useState, useEffect, useContext } from 'react';
+
+// import { Skeleton, Row } from 'antd';
+
+// import { GlobalContext, Card } from './../../lib/';
+
+// import { Dashboard } from './../../models/';
+
+// import MenuDashboardCard from '../../modules/dashboard/components/dashboard-card/menu-dashboard-card';
+
+// import './menu-dashboard.scss';
+
+// /**
+//  * MenuDashBoard Component
+//  *
+//  * Renders the dashboard menu based on the provided `dashBoardIds`.
+//  * Fetches dashboard data and updates the UI accordingly.
+//  *
+//  * @param {Object} props - The component props
+//  * @param {Array} props.dashBoardIds - List of dashboard IDs to fetch data for
+//  * @param {Function} props.callback - Callback function for handling dashboard interactions
+//  * @returns {JSX.Element} The rendered MenuDashBoard component
+//  */
+// export default function MenuDashBoard({ dashBoardIds, callback }) {
+//   const { user = {} } = useContext(GlobalContext);
+
+//   const [loading, setLoading] = useState(false);
+
+//   const [list, setList] = useState([]);
+
+//   const [selectedCardId, setSelectedCardId] = useState(false);
+
+//   /**
+//    * useEffect Hook
+//    *
+//    * Triggers the `getDashboard` function whenever the `user` object changes.
+//    * Ensures dashboard data is fetched whenever a user logs in or changes.
+//    */
+//   useEffect(() => {
+//     if (dashBoardIds) {
+//       getDashboard(); //Patiant list get function
+//     }
+//   }, [user]);
+
+//   /**
+//    * getDashboard Function
+//    *
+//    * Fetches the dashboard menu items based on `dashBoardIds`.
+//    * Updates the `list` state with the fetched data.
+//    */
+//   async function getDashboard() {
+//     setLoading(true);
+
+//     // Check if there are dashboard IDs to fetch data for
+//     if (dashBoardIds.length > 0) {
+//       await Dashboard.loadMenuDashboards(dashBoardIds).then((response) => {
+//         let apiResponse = {};
+
+//         // @todo When the reporting tool is build , we have to consider all of these
+//         if (response.result && response.result.length) {
+//           apiResponse = response.result;
+//         } else if (response && response.length) {
+//           apiResponse = response;
+//         }
+//         // Group by groupPtr inside other_details
+//         const groupedData = {};
+
+//         apiResponse.forEach((item) => {
+//           try {
+//             const otherDetails = item.other_details ? JSON.parse(item.other_details) : {};
+
+//             const groupPtr = otherDetails.groupPtr;
+
+//             const groupCaption = otherDetails.groupcaption || ''; // default empty string if not available
+
+//             if (groupPtr) {
+//               if (!groupedData[groupPtr]) {
+//                 groupedData[groupPtr] = {
+//                   groupPtr,
+//                   groupCaption,
+//                   // colorCode,
+//                   dashboards: [],
+//                 };
+//               }
+
+//               // Optional: update groupCaption if it exists newly (in case not present earlier)
+//               if (groupCaption) {
+//                 groupedData[groupPtr].groupCaption = groupCaption;
+//               }
+
+//               // Create a new dashboard item that includes style and colorCode
+//               const dashboardItem = {
+//                 ...item, // Spread other properties of the item
+//                 // style: groupStyle, // Add the group style
+//                 // colorCode, // Add the color code
+//               };
+
+//               // Push the new dashboard item into the dashboards array
+//               groupedData[groupPtr].dashboards.push(dashboardItem);
+//             }
+//           } catch (error) {
+//             console.error('Error parsing other_details:', error);
+//           }
+//         });
+
+//         // Convert groupedData to array format
+//         const groupedArray = Object.values(groupedData);
+
+//         setList(groupedArray);
+
+//         setLoading(false);
+//       });
+//     }
+
+//     setLoading(false);
+//   }
+
+//   return (
+//     <>
+//       {loading ? (
+//         <Skeleton />
+//       ) : (
+//         <span className="menu-dashoard-section">
+//           <div className="menu-dashboard">
+//             <div className="dashboard-section" style={{ marginBottom: '10px' }}>
+//               {/* <Row gutter={20}>
+//                     {list
+//                       // Sort in ascending asc of id
+//                       .sort((a, b) => a.slno - b.slno)
+//                       .map((entry, key) => (
+//                         <MenuDashboardCard key={key} record={entry} callback={callback} />
+//                       ))}
+//                   </Row> */}
+//               {list.map((group) => (
+//                 <Card key={group.groupPtr}>
+//                   {/* <h3>Group: {group.groupPtr}</h3> */}
+//                   <h3 style={{ marginBottom: '10px' }}>{group.groupCaption}</h3>
+
+//                   <Row gutter={20}>
+//                     {group.dashboards
+//                       .sort((a, b) => a.slno - b.slno)
+//                       .map((entry, key) => (
+//                         <MenuDashboardCard
+//                           key={key}
+//                           record={entry}
+//                           callback={callback}
+//                           selectedCardId={selectedCardId}
+//                           onSelect={() => setSelectedCardId(entry.id)}
+//                           // setSelectedCardId={setSelectedCardId}
+//                         />
+//                       ))}
+//                   </Row>
+//                 </Card>
+//               ))}
+//               {/* </> */}
+//             </div>
+//           </div>
+//         </span>
+//       )}
+//     </>
+//   );
+// }

package/core/pages/homepage-api/menu-dashboard.scss

@@ -1,12 +1,12 @@
-// .menu-dashboard{
-//     .dashboard-section{
-//         margin-bottom: 10px;
-//         display: flex;
-//         flex-direction: row;
-//         gap: 10px;
-//     }
-//     .ant-card-body{
-//         margin-left: 10px;
-//         margin-right: 10px;
-//     }
+// .menu-dashboard{
+//     .dashboard-section{
+//         margin-bottom: 10px;
+//         display: flex;
+//         flex-direction: row;
+//         gap: 10px;
+//     }
+//     .ant-card-body{
+//         margin-left: 10px;
+//         margin-right: 10px;
+//     }
 // }

package/core/translation.json

@@ -1,54 +1,54 @@
-{
-    "hi": {
-        "title": "नियुक्ति",
-        "subTitle": "अभिलेख",
-        "downloadButton": "डाउनलोड करना",
-        "newAppointmentButton": "नव नियुक्ति",
-        "searchPlaceholder": "खोज मान दर्ज करें",
-        "table": {
-            "name": "नियुक्ति",
-            "part2": "अभिलेख",
-            "part3": "डाउनलोड करना",
-            "part4": "नव नियुक्ति"
-        }
-    },
-    "en": {
-        "title": "Appointments",
-        "subTitle": "records",
-        "downloadButton": "Download",
-        "newAppointmentButton": "New Appointment",
-        "searchPlaceholder": "Enter Search Value",
-        "table": {
-            "name": "Name",
-            "part2": "records",
-            "part3": "Download",
-            "part4": "New Appointment"
-        }
-    },
-    "ja": {
-        "title": "予定",
-        "subTitle": "記録",
-        "downloadButton": "ダウンロード",
-        "newAppointmentButton": "新しい予定",
-        "searchPlaceholder": "検索値を入力してください",
-        "table": {
-            "name": "予定",
-            "part2": "記録",
-            "part3": "ダウンロード",
-            "part4": "新しい予定"
-        }
-    },
-    "ma": {
-        "title": "Уулзалт",
-        "subTitle": "бичлэгүүд",
-        "downloadButton": "татаж авах",
-        "newAppointmentButton": "Шинэ уулзалт",
-        "searchPlaceholder": "хайлтын утгыг оруулна уу",
-        "table": {
-            "name": "Уулзалт",
-            "part2": "бичлэгүүд",
-            "part3": "татаж авах",
-            "part4": "Шинэ уулзалт"
-        }
-    }
+{
+    "hi": {
+        "title": "नियुक्ति",
+        "subTitle": "अभिलेख",
+        "downloadButton": "डाउनलोड करना",
+        "newAppointmentButton": "नव नियुक्ति",
+        "searchPlaceholder": "खोज मान दर्ज करें",
+        "table": {
+            "name": "नियुक्ति",
+            "part2": "अभिलेख",
+            "part3": "डाउनलोड करना",
+            "part4": "नव नियुक्ति"
+        }
+    },
+    "en": {
+        "title": "Appointments",
+        "subTitle": "records",
+        "downloadButton": "Download",
+        "newAppointmentButton": "New Appointment",
+        "searchPlaceholder": "Enter Search Value",
+        "table": {
+            "name": "Name",
+            "part2": "records",
+            "part3": "Download",
+            "part4": "New Appointment"
+        }
+    },
+    "ja": {
+        "title": "予定",
+        "subTitle": "記録",
+        "downloadButton": "ダウンロード",
+        "newAppointmentButton": "新しい予定",
+        "searchPlaceholder": "検索値を入力してください",
+        "table": {
+            "name": "予定",
+            "part2": "記録",
+            "part3": "ダウンロード",
+            "part4": "新しい予定"
+        }
+    },
+    "ma": {
+        "title": "Уулзалт",
+        "subTitle": "бичлэгүүд",
+        "downloadButton": "татаж авах",
+        "newAppointmentButton": "Шинэ уулзалт",
+        "searchPlaceholder": "хайлтын утгыг оруулна уу",
+        "table": {
+            "name": "Уулзалт",
+            "part2": "бичлэгүүд",
+            "part3": "татаж авах",
+            "part4": "Шинэ уулзалт"
+        }
+    }
 }

package/core/translations.json

@@ -1,20 +1,20 @@
-{
-    "ar": {
-        "description": {
-            "part1": "ثثثثثثثثثثث",
-            "part2": "ثثثثثثثثثثث"
-        }
-    },
-    "en": {
-        "description": {
-            "part1": "Enter your name",
-            "part2": "Learn React"
-        }
-    },
-    "de": {
-        "description": {
-            "part1": "Ändere <1>src/App.js</1> und speichere um neu zu laden.",
-            "part2": "Lerne React"
-        }
-    }
+{
+    "ar": {
+        "description": {
+            "part1": "ثثثثثثثثثثث",
+            "part2": "ثثثثثثثثثثث"
+        }
+    },
+    "en": {
+        "description": {
+            "part1": "Enter your name",
+            "part2": "Learn React"
+        }
+    },
+    "de": {
+        "description": {
+            "part1": "Ändere <1>src/App.js</1> und speichere um neu zu laden.",
+            "part2": "Lerne React"
+        }
+    }
 }