diff --git a/src/App.jsx b/src/App.jsx
index 498ca76..7be1e99 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -32,9 +32,6 @@ import IndexEventAlarm from './pages/eventAlarm/IndexEventAlarm';
import IndexRole from './pages/role/IndexRole';
import IndexUser from './pages/user/IndexUser';
-// Shift Management
-import IndexMember from './pages/shiftManagement/member/IndexMember';
-
import SvgTest from './pages/home/SvgTest';
import SvgOverview from './pages/home/SvgOverview';
import SvgCompressorA from './pages/home/SvgCompressorA';
@@ -81,21 +78,18 @@ const App = () => {
} />
- }>
- } />
-
-
- }>
+ }>
} />
} />
- }>
- } />
+ }>
+ } />
+ } />
- }>
- } />
+ }>
+ } />
}>
@@ -106,8 +100,8 @@ const App = () => {
} />
- }>
- } />
+ }>
+ } />
{/* Catch-all */}
diff --git a/src/layout/LayoutMenu.jsx b/src/layout/LayoutMenu.jsx
index e3c9d62..f52b424 100644
--- a/src/layout/LayoutMenu.jsx
+++ b/src/layout/LayoutMenu.jsx
@@ -29,6 +29,8 @@ import {
DesktopOutlined,
NodeExpandOutlined,
GroupOutlined,
+ SlidersOutlined,
+ SnippetsOutlined,
} from '@ant-design/icons';
const { Text } = Typography;
@@ -93,7 +95,7 @@ const allItems = [
{
key: 'master-plant-section',
icon: ,
- label: Plant Section,
+ label: Plant Sub Section,
},
{
key: 'master-brand-device',
@@ -127,20 +129,37 @@ const allItems = [
},
],
},
+ {
+ key: 'report',
+ icon: ,
+ label: 'Report',
+ children: [
+ {
+ key: 'report-trending',
+ icon: ,
+ label: Trending,
+ },
+ {
+ key: 'report-report',
+ icon: ,
+ label: Report,
+ },
+ ],
+ },
{
key: 'history',
icon: ,
label: 'History',
children: [
{
- key: 'history-trending',
- icon: ,
- label: Trending,
+ key: 'history-alarm',
+ icon: ,
+ label: Alarm,
},
{
- key: 'history-report',
- icon: ,
- label: Report,
+ key: 'history-event',
+ icon: ,
+ label: Event,
},
],
},
@@ -149,16 +168,7 @@ const allItems = [
icon: ,
label: (
- Notifikasi
-
- ),
- },
- {
- key: 'event-alarm',
- icon: ,
- label: (
-
- Event Alarm
+ Notification
),
},
@@ -206,9 +216,7 @@ const LayoutMenu = () => {
if (pathname === '/user') return 'user';
if (pathname === '/role') return 'role';
if (pathname === '/notification') return 'notification';
- if (pathname === '/event-alarm') return 'event-alarm';
if (pathname === '/jadwal-shift') return 'jadwal-shift';
- if (pathname === '/dashboard-svg') return 'dashboard-svg';
// Handle master routes
if (pathname.startsWith('/master/')) {
@@ -216,24 +224,24 @@ const LayoutMenu = () => {
return `master-${subPath}`;
}
- // Handle master routes
+ // Handle dashboard svg routes
if (pathname.startsWith('/dashboard-svg/')) {
const subPath = pathParts[1];
return `dashboard-svg-${subPath}`;
}
+ // Handle report routes
+ if (pathname.startsWith('/report/')) {
+ const subPath = pathParts[1];
+ return `report-${subPath}`;
+ }
+
// Handle history routes
if (pathname.startsWith('/history/')) {
const subPath = pathParts[1];
return `history-${subPath}`;
}
- // Handle shift management routes
- if (pathname.startsWith('/shift-management/')) {
- const subPath = pathParts[1];
- return `shift-${subPath}`;
- }
-
return 'home'; // default
};
@@ -241,8 +249,8 @@ const LayoutMenu = () => {
const getParentKey = (key) => {
if (key.startsWith('master-')) return 'master';
if (key.startsWith('dashboard-svg-')) return 'dashboard-svg';
+ if (key.startsWith('report-')) return 'report';
if (key.startsWith('history-')) return 'history';
- if (key.startsWith('shift-')) return 'shift-management';
return null;
};
diff --git a/src/pages/eventAlarm/component/ListEventAlarm.jsx b/src/pages/eventAlarm/component/ListEventAlarm.jsx
index d313c3e..394ca63 100644
--- a/src/pages/eventAlarm/component/ListEventAlarm.jsx
+++ b/src/pages/eventAlarm/component/ListEventAlarm.jsx
@@ -104,8 +104,8 @@ const ListEventAlarm = memo(function ListEventAlarm(props) {
width: '15%',
},
];
+
const [trigerFilter, setTrigerFilter] = useState(false);
- const [alarmsData] = useState(initialAlarmsData);
const defaultFilter = { search: '' };
const [formDataFilter, setFormDataFilter] = useState(defaultFilter);
@@ -115,50 +115,8 @@ const ListEventAlarm = memo(function ListEventAlarm(props) {
// Dummy data function to simulate API call
const getAllEventAlarm = async (params) => {
- // Simulate API delay
- await new Promise((resolve) => setTimeout(resolve, 300));
-
- // Extract URLSearchParams
- const searchParam = params.get('search') || '';
- const page = parseInt(params.get('page')) || 1;
- const limit = parseInt(params.get('limit')) || 10;
-
- console.log('getAllEventAlarm called with:', { searchParam, page, limit });
-
- // Filter by search
- let filteredAlarms = alarmsData;
- if (searchParam) {
- const searchLower = searchParam.toLowerCase();
- filteredAlarms = alarmsData.filter(
- (alarm) =>
- alarm.tanggal.toLowerCase().includes(searchLower) ||
- alarm.plant_sub_section.toLowerCase().includes(searchLower) ||
- alarm.device.toLowerCase().includes(searchLower) ||
- alarm.tag.toLowerCase().includes(searchLower) ||
- alarm.engineer.toLowerCase().includes(searchLower)
- );
- }
-
- // Pagination logic
- const totalData = filteredAlarms.length;
- const totalPages = Math.ceil(totalData / limit);
- const startIndex = (page - 1) * limit;
- const endIndex = startIndex + limit;
- const paginatedData = filteredAlarms.slice(startIndex, endIndex);
-
return {
- status: 200,
- statusCode: 200,
- data: {
- data: paginatedData,
- total: totalData,
- paging: {
- page: page,
- limit: limit,
- total: totalData,
- page_total: totalPages,
- },
- },
+ data: initialAlarmsData,
};
};
@@ -172,7 +130,7 @@ const ListEventAlarm = memo(function ListEventAlarm(props) {
} else {
navigate('/signin');
}
- }, [props.actionMode, alarmsData]);
+ }, [props.actionMode]);
const doFilter = () => {
setTrigerFilter((prev) => !prev);