diff --git a/pmp-revamp-ui/src/AppRoutes.js b/pmp-revamp-ui/src/AppRoutes.js
index fcf28ad2d..4b5dd5825 100644
--- a/pmp-revamp-ui/src/AppRoutes.js
+++ b/pmp-revamp-ui/src/AppRoutes.js
@@ -43,12 +43,13 @@ import ViewAdminApiKeyDetails from './pages/admin/authenticationServices/ViewAdm
import AdminFtmList from './pages/admin/ftmProviderServices/AdminFtmList.js';
import ViewAdminFtmChipDetails from './pages/admin/ftmProviderServices/ViewAdminFtmChipDetails.js';
import AdminSbiList from './pages/admin/deviceProviderServices/AdminSbiList.js';
-import AdminDevicesList from './pages/admin/deviceProviderServices/AdminDevicesList.js';
+import LinkedDevicesList from './pages/admin/deviceProviderServices/LinkedDevicesList.js';
import ViewAdminSbiDetails from './pages/admin/deviceProviderServices/ViewAdminSbiDetails.js';
import ViewAdminDeviceDetails from './pages/admin/deviceProviderServices/ViewAdminDeviceDetails.js';
import RootCertificatesList from './pages/admin/certificates/RootCertificatesList.js';
import IntermediateCertificatesList from './pages/admin/certificates/IntermediateCertificatesList.js';
import ViewCertificateDetails from './pages/admin/certificates/ViewCertificateDetails.js';
+import AllDevicesList from './pages/admin/deviceProviderServices/AllDevicesList.js';
function AppRoutes() {
@@ -257,9 +258,13 @@ function AppRoutes() {
path: 'admin/device-provider-services/sbi-list',
element:
},
+ {
+ path: 'admin/device-provider-services/linked-devices-list',
+ element:
+ },
{
path: 'admin/device-provider-services/devices-list',
- element:
+ element:
},
{
path: 'admin/device-provider-services/view-sbi-details',
diff --git a/pmp-revamp-ui/src/pages/admin/deviceProviderServices/AdminDeviceDetailsFilter.js b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/AdminDeviceDetailsFilter.js
index 83d86496f..17138a72f 100644
--- a/pmp-revamp-ui/src/pages/admin/deviceProviderServices/AdminDeviceDetailsFilter.js
+++ b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/AdminDeviceDetailsFilter.js
@@ -43,7 +43,6 @@ function AdminDeviceDetailsFilter({ onApplyFilter, setErrorCode, setErrorMsg, pr
}
const newFilters = { ...filters, ...preFilledFilters };
setFilters(newFilters);
- onApplyFilter(newFilters);
}
const fetchData = async () => {
const deviceTypeData = await fetchDeviceTypeDropdownData();
diff --git a/pmp-revamp-ui/src/pages/admin/deviceProviderServices/AdminDevicesList.js b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/AdminDevicesList.js
index d6c53e9e8..382aa4633 100644
--- a/pmp-revamp-ui/src/pages/admin/deviceProviderServices/AdminDevicesList.js
+++ b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/AdminDevicesList.js
@@ -21,7 +21,7 @@ import viewIcon from "../../../svg/view_icon.svg";
import DeactivatePopup from '../../common/DeactivatePopup.js';
import Pagination from '../../common/Pagination.js';
-function AdminDevicesList() {
+function AdminDevicesList({ title, isLinkedDevicesList }) {
const location = useLocation();
const navigate = useNavigate('');
const { t } = useTranslation();
@@ -66,7 +66,6 @@ function AdminDevicesList() {
sbiId: null,
sbiVersion: null
});
- const [isViewLinkedDevices, setIsViewLinkedDevices] = useState(false);
const submenuRef = useRef([]);
const tableHeaders = [
@@ -87,7 +86,7 @@ function AdminDevicesList() {
handleMouseClickForDropdown(submenuRef, () => setActionId(-1));
}, [submenuRef]);
- const fetchDeviceDetails = async () => {
+ const fetchDeviceDetails = async (sbiId, sbiVersion) => {
const queryParams = new URLSearchParams();
queryParams.append('sortFieldName', sortFieldName);
queryParams.append('sortType', sortType);
@@ -106,8 +105,8 @@ function AdminDevicesList() {
if (filterAttributes.deviceType) queryParams.append('deviceType', filterAttributes.deviceType);
if (filterAttributes.deviceSubType) queryParams.append('deviceSubType', filterAttributes.deviceSubType);
if (filterAttributes.deviceId) queryParams.append('deviceId', filterAttributes.deviceId);
- if (filterAttributes.sbiId) queryParams.append('sbiId', filterAttributes.sbiId);
- if (filterAttributes.sbiVersion) queryParams.append('sbiVersion', filterAttributes.sbiVersion);
+ if (filterAttributes.sbiId || sbiId) queryParams.append('sbiId', filterAttributes.sbiId || sbiId);
+ if (filterAttributes.sbiVersion || sbiVersion) queryParams.append('sbiVersion', filterAttributes.sbiVersion || sbiVersion);
const url = `${getPartnerManagerUrl('/devicedetail/search/v2', process.env.NODE_ENV)}?${queryParams.toString()}`;
try {
@@ -148,15 +147,14 @@ function AdminDevicesList() {
sbiVersion: sbiVersion,
}));
setApplyFilter(true);
- setIsViewLinkedDevices(true);
}
- fetchDeviceDetails();
+ fetchDeviceDetails(sbiId, sbiVersion);
}, [sortFieldName, sortType, pageNo, pageSize]);
useEffect(() => {
if (isApplyFilterClicked) {
- fetchDeviceDetails();
+ fetchDeviceDetails(null, null);
setIsApplyFilterClicked(false);
}
}, [isApplyFilterClicked]);
@@ -251,7 +249,7 @@ function AdminDevicesList() {
const viewDeviceDetails = (selectedDevice) => {
const requiredData = {
...selectedDevice,
- isViewLinkedDevices: isViewLinkedDevices
+ isViewLinkedDevices: isLinkedDevicesList
}
localStorage.setItem('selectedDeviceAttributes', JSON.stringify(requiredData));
navigate("/partnermanagement/admin/device-provider-services/view-device-details");
@@ -265,6 +263,10 @@ function AdminDevicesList() {
loadingDiv: "!py-[20%]"
};
+ const backToSbi = () => {
+ navigate('/partnermanagement/admin/device-provider-services/sbi-list')
+ }
+
useEffect(() => {
if (showDeviceDetailApproveRejectPopup) {
escapeKeyHandler(closeApproveRejectPopup);
@@ -286,14 +288,19 @@ function AdminDevicesList() {
+ {isLinkedDevicesList && (
+
+ )}
{!applyFilter && devicesList.length === 0 ? (
@@ -304,7 +311,7 @@ function AdminDevicesList() {
{
if (selectedSbi.countOfAssociatedDevices > 0) {
- navigate(`/partnermanagement/admin/device-provider-services/devices-list?sbiId=${selectedSbi.sbiId}&sbiVersion=${selectedSbi.sbiVersion}`);
+ navigate(`/partnermanagement/admin/device-provider-services/linked-devices-list?sbiId=${selectedSbi.sbiId}&sbiVersion=${selectedSbi.sbiVersion}`);
}
};
diff --git a/pmp-revamp-ui/src/pages/admin/deviceProviderServices/AllDevicesList.js b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/AllDevicesList.js
new file mode 100644
index 000000000..5802429d4
--- /dev/null
+++ b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/AllDevicesList.js
@@ -0,0 +1,12 @@
+import AdminDevicesList from "./AdminDevicesList.js";
+
+function AllDevicesList () {
+
+ return (
+
+ );
+}
+export default AllDevicesList;
\ No newline at end of file
diff --git a/pmp-revamp-ui/src/pages/admin/deviceProviderServices/DeviceProviderServicesTab.js b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/DeviceProviderServicesTab.js
index 93221543e..99ff08afa 100644
--- a/pmp-revamp-ui/src/pages/admin/deviceProviderServices/DeviceProviderServicesTab.js
+++ b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/DeviceProviderServicesTab.js
@@ -8,11 +8,15 @@ function DeviceProviderServiceTab({ activeSbi, sbiListPath, activeDevice, device
const navigate = useNavigate();
const changeToSbi = () => {
- navigate(sbiListPath)
+ if(!activeSbi) {
+ navigate(sbiListPath)
+ }
};
const changeToDevice = () => {
- navigate(devicesListPath)
+ if(!activeDevice) {
+ navigate(devicesListPath)
+ }
};
return (
diff --git a/pmp-revamp-ui/src/pages/admin/deviceProviderServices/LinkedDevicesList.js b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/LinkedDevicesList.js
new file mode 100644
index 000000000..2c241f7ba
--- /dev/null
+++ b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/LinkedDevicesList.js
@@ -0,0 +1,12 @@
+import AdminDevicesList from "./AdminDevicesList";
+
+function LinkedDevicesList () {
+
+ return (
+
+ );
+}
+export default LinkedDevicesList;
\ No newline at end of file
diff --git a/pmp-revamp-ui/src/pages/admin/deviceProviderServices/ViewAdminDeviceDetails.js b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/ViewAdminDeviceDetails.js
index bab90eddd..d93ef1804 100644
--- a/pmp-revamp-ui/src/pages/admin/deviceProviderServices/ViewAdminDeviceDetails.js
+++ b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/ViewAdminDeviceDetails.js
@@ -25,7 +25,7 @@ function ViewAdminDeviceDetails() {
const backToDevicesList = () => {
if(deviceDetails.isViewLinkedDevices) {
- return `/partnermanagement/admin/device-provider-services/devices-list?sbiId=${deviceDetails.sbiId}&sbiVersion=${deviceDetails.sbiVersion}`;
+ return `/partnermanagement/admin/device-provider-services/linked-devices-list?sbiId=${deviceDetails.sbiId}&sbiVersion=${deviceDetails.sbiVersion}`;
} else {
return '/partnermanagement/admin/device-provider-services/devices-list';
}
diff --git a/pmp-revamp-ui/src/pages/admin/deviceProviderServices/ViewAdminSbiDetails.js b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/ViewAdminSbiDetails.js
index a8e1b8496..7c4252090 100644
--- a/pmp-revamp-ui/src/pages/admin/deviceProviderServices/ViewAdminSbiDetails.js
+++ b/pmp-revamp-ui/src/pages/admin/deviceProviderServices/ViewAdminSbiDetails.js
@@ -29,7 +29,7 @@ function ViewAdminSbiDetails() {
const showLinkedDevices = () => {
if (sbiDetails.countOfAssociatedDevices > 0) {
- navigate(`/partnermanagement/admin/device-provider-services/devices-list?sbiId=${sbiDetails.sbiId}&sbiVersion=${sbiDetails.sbiVersion}`);
+ navigate(`/partnermanagement/admin/device-provider-services/linked-devices-list?sbiId=${sbiDetails.sbiId}&sbiVersion=${sbiDetails.sbiVersion}`);
}
};