mirror of
https://github.com/Telecominfraproject/wlan-cloud-ui.git
synced 2025-11-01 19:27:51 +00:00
Merge branch 'master' into feature/TW-929
This commit is contained in:
@@ -65,7 +65,7 @@ const Dashboard = () => {
|
|||||||
toTime,
|
toTime,
|
||||||
equipmentIds: [0],
|
equipmentIds: [0],
|
||||||
dataTypes: ['StatusChangedEvent'],
|
dataTypes: ['StatusChangedEvent'],
|
||||||
limit: 100,
|
limit: 1000,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -152,7 +152,7 @@ export const GET_ALL_PROFILES = gql`
|
|||||||
`;
|
`;
|
||||||
|
|
||||||
const toTime = moment();
|
const toTime = moment();
|
||||||
const fromTime = moment().subtract(24, 'hours');
|
const fromTime = moment().subtract(1, 'hour');
|
||||||
|
|
||||||
const AccessPointDetails = ({ locations }) => {
|
const AccessPointDetails = ({ locations }) => {
|
||||||
const { id } = useParams();
|
const { id } = useParams();
|
||||||
@@ -179,6 +179,7 @@ const AccessPointDetails = ({ locations }) => {
|
|||||||
toTime: toTime.valueOf().toString(),
|
toTime: toTime.valueOf().toString(),
|
||||||
equipmentIds: [id],
|
equipmentIds: [id],
|
||||||
dataTypes: ['ApNode'],
|
dataTypes: ['ApNode'],
|
||||||
|
limit: 100,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import React, { useEffect, useContext } from 'react';
|
import React, { useEffect, useContext } from 'react';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
import { useLazyQuery } from '@apollo/react-hooks';
|
import { useLazyQuery } from '@apollo/react-hooks';
|
||||||
import { Alert, notification } from 'antd';
|
import { Alert } from 'antd';
|
||||||
import { NetworkTable, Loading } from '@tip-wlan/wlan-cloud-ui-library';
|
import { NetworkTable, Loading } from '@tip-wlan/wlan-cloud-ui-library';
|
||||||
|
|
||||||
import UserContext from 'contexts/UserContext';
|
import UserContext from 'contexts/UserContext';
|
||||||
@@ -93,7 +93,10 @@ const accessPointsTableColumns = [
|
|||||||
const AccessPoints = ({ checkedLocations }) => {
|
const AccessPoints = ({ checkedLocations }) => {
|
||||||
const { customerId } = useContext(UserContext);
|
const { customerId } = useContext(UserContext);
|
||||||
const [filterEquipment, { loading, error, data: equipData, fetchMore }] = useLazyQuery(
|
const [filterEquipment, { loading, error, data: equipData, fetchMore }] = useLazyQuery(
|
||||||
FILTER_EQUIPMENT
|
FILTER_EQUIPMENT,
|
||||||
|
{
|
||||||
|
errorPolicy: 'all',
|
||||||
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
const handleLoadMore = () => {
|
const handleLoadMore = () => {
|
||||||
@@ -119,15 +122,6 @@ const AccessPoints = ({ checkedLocations }) => {
|
|||||||
const fetchFilterEquipment = async () => {
|
const fetchFilterEquipment = async () => {
|
||||||
filterEquipment({
|
filterEquipment({
|
||||||
variables: { customerId, locationIds: checkedLocations, equipmentType: 'AP' },
|
variables: { customerId, locationIds: checkedLocations, equipmentType: 'AP' },
|
||||||
errorPolicy: 'all',
|
|
||||||
onError: e => {
|
|
||||||
e.forEach(({ message }) => {
|
|
||||||
notification.error({
|
|
||||||
message: 'Error',
|
|
||||||
description: message,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -139,7 +133,7 @@ const AccessPoints = ({ checkedLocations }) => {
|
|||||||
return <Loading />;
|
return <Loading />;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (error && !(equipData && equipData.filterEquipment && equipData.filterEquipment.items)) {
|
if (error && !equipData?.filterEquipment?.items) {
|
||||||
return <Alert message="Error" description="Failed to load equipment." type="error" showIcon />;
|
return <Alert message="Error" description="Failed to load equipment." type="error" showIcon />;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -12,13 +12,14 @@ import UserContext from 'contexts/UserContext';
|
|||||||
import { GET_CLIENT_SESSION, FILTER_SERVICE_METRICS } from 'graphql/queries';
|
import { GET_CLIENT_SESSION, FILTER_SERVICE_METRICS } from 'graphql/queries';
|
||||||
|
|
||||||
const toTime = moment();
|
const toTime = moment();
|
||||||
const fromTime = moment().subtract(24, 'hours');
|
const fromTime = moment().subtract(1, 'hour');
|
||||||
|
|
||||||
const ClientDeviceDetails = () => {
|
const ClientDeviceDetails = () => {
|
||||||
const { id } = useParams();
|
const { id } = useParams();
|
||||||
const { customerId } = useContext(UserContext);
|
const { customerId } = useContext(UserContext);
|
||||||
const { loading, error, data, refetch } = useQuery(GET_CLIENT_SESSION, {
|
const { loading, error, data, refetch } = useQuery(GET_CLIENT_SESSION, {
|
||||||
variables: { customerId, macAddress: id },
|
variables: { customerId, macAddress: id },
|
||||||
|
errorPolicy: 'all',
|
||||||
});
|
});
|
||||||
const {
|
const {
|
||||||
loading: metricsLoading,
|
loading: metricsLoading,
|
||||||
@@ -32,6 +33,7 @@ const ClientDeviceDetails = () => {
|
|||||||
toTime: toTime.valueOf().toString(),
|
toTime: toTime.valueOf().toString(),
|
||||||
clientMacs: [id],
|
clientMacs: [id],
|
||||||
dataTypes: ['Client'],
|
dataTypes: ['Client'],
|
||||||
|
limit: 100,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -56,7 +58,7 @@ const ClientDeviceDetails = () => {
|
|||||||
return <Loading />;
|
return <Loading />;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (error) {
|
if (error && !data?.getClientSession) {
|
||||||
return (
|
return (
|
||||||
<Alert message="Error" description="Failed to load Client Device." type="error" showIcon />
|
<Alert message="Error" description="Failed to load Client Device." type="error" showIcon />
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import React, { useEffect, useContext } from 'react';
|
import React, { useEffect, useContext } from 'react';
|
||||||
import PropTypes from 'prop-types';
|
import PropTypes from 'prop-types';
|
||||||
import { useLazyQuery } from '@apollo/react-hooks';
|
import { useLazyQuery } from '@apollo/react-hooks';
|
||||||
import { Alert, notification } from 'antd';
|
import { Alert } from 'antd';
|
||||||
import { NetworkTable, Loading } from '@tip-wlan/wlan-cloud-ui-library';
|
import { NetworkTable, Loading } from '@tip-wlan/wlan-cloud-ui-library';
|
||||||
|
|
||||||
import UserContext from 'contexts/UserContext';
|
import UserContext from 'contexts/UserContext';
|
||||||
@@ -29,7 +29,10 @@ const clientDevicesTableColumns = [
|
|||||||
const ClientDevices = ({ checkedLocations }) => {
|
const ClientDevices = ({ checkedLocations }) => {
|
||||||
const { customerId } = useContext(UserContext);
|
const { customerId } = useContext(UserContext);
|
||||||
const [filterClientSessions, { loading, error, data, fetchMore }] = useLazyQuery(
|
const [filterClientSessions, { loading, error, data, fetchMore }] = useLazyQuery(
|
||||||
FILTER_CLIENT_SESSIONS
|
FILTER_CLIENT_SESSIONS,
|
||||||
|
{
|
||||||
|
errorPolicy: 'all',
|
||||||
|
}
|
||||||
);
|
);
|
||||||
|
|
||||||
const handleLoadMore = () => {
|
const handleLoadMore = () => {
|
||||||
@@ -52,26 +55,21 @@ const ClientDevices = ({ checkedLocations }) => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
useEffect(() => {
|
const fetchFilterClientSessions = async () => {
|
||||||
filterClientSessions({
|
filterClientSessions({
|
||||||
variables: { customerId, locationIds: checkedLocations, equipmentType: 'AP' },
|
variables: { customerId, locationIds: checkedLocations, equipmentType: 'AP' },
|
||||||
errorPolicy: 'all',
|
|
||||||
onError: e => {
|
|
||||||
e.forEach(({ message }) => {
|
|
||||||
notification.error({
|
|
||||||
message: 'Error',
|
|
||||||
description: message,
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
});
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
fetchFilterClientSessions();
|
||||||
}, [checkedLocations]);
|
}, [checkedLocations]);
|
||||||
|
|
||||||
if (loading) {
|
if (loading) {
|
||||||
return <Loading />;
|
return <Loading />;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (error && !(data && data.filterClientSessions && data.filterClientSessions.items)) {
|
if (error && !data?.filterClientSessions?.items) {
|
||||||
return (
|
return (
|
||||||
<Alert message="Error" description="Failed to load client devices." type="error" showIcon />
|
<Alert message="Error" description="Failed to load client devices." type="error" showIcon />
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -43,6 +43,7 @@ const Firmware = () => {
|
|||||||
data: firmwareModelData,
|
data: firmwareModelData,
|
||||||
error: firmwareModelError,
|
error: firmwareModelError,
|
||||||
loading: firmwareModelLoading,
|
loading: firmwareModelLoading,
|
||||||
|
refetch: refetchFirmwareModels,
|
||||||
} = useQuery(GET_ALL_FIRMWARE_MODELS);
|
} = useQuery(GET_ALL_FIRMWARE_MODELS);
|
||||||
|
|
||||||
const [updateTrackAssignment] = useMutation(UPDATE_TRACK_ASSIGNMENT);
|
const [updateTrackAssignment] = useMutation(UPDATE_TRACK_ASSIGNMENT);
|
||||||
@@ -67,13 +68,13 @@ const Firmware = () => {
|
|||||||
refetchAssignmentData();
|
refetchAssignmentData();
|
||||||
notification.success({
|
notification.success({
|
||||||
message: 'Success',
|
message: 'Success',
|
||||||
description: 'Track Assignment successfully created.',
|
description: 'Model Target Version successfully created.',
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
.catch(() =>
|
.catch(() =>
|
||||||
notification.error({
|
notification.error({
|
||||||
message: 'Error',
|
message: 'Error',
|
||||||
description: 'Track Assignment could not be created.',
|
description: 'Model Target Version could not be created.',
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
@@ -97,13 +98,13 @@ const Firmware = () => {
|
|||||||
refetchAssignmentData();
|
refetchAssignmentData();
|
||||||
notification.success({
|
notification.success({
|
||||||
message: 'Success',
|
message: 'Success',
|
||||||
description: 'Track Assignment successfully updated.',
|
description: 'Model Target Version successfully updated.',
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
.catch(() =>
|
.catch(() =>
|
||||||
notification.error({
|
notification.error({
|
||||||
message: 'Error',
|
message: 'Error',
|
||||||
description: 'Track Assignment could not be updated.',
|
description: 'Model Target Version could not be updated.',
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
@@ -119,13 +120,13 @@ const Firmware = () => {
|
|||||||
refetchAssignmentData();
|
refetchAssignmentData();
|
||||||
notification.success({
|
notification.success({
|
||||||
message: 'Success',
|
message: 'Success',
|
||||||
description: 'Track Assignment successfully deleted.',
|
description: 'Model Target Version successfully deleted.',
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
.catch(() =>
|
.catch(() =>
|
||||||
notification.error({
|
notification.error({
|
||||||
message: 'Error',
|
message: 'Error',
|
||||||
description: 'Track Assignment could not be deleted.',
|
description: 'Model Target Version could not be deleted.',
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
@@ -151,6 +152,7 @@ const Firmware = () => {
|
|||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
refetch();
|
refetch();
|
||||||
|
refetchFirmwareModels();
|
||||||
notification.success({
|
notification.success({
|
||||||
message: 'Success',
|
message: 'Success',
|
||||||
description: 'Firmware version successfully created.',
|
description: 'Firmware version successfully created.',
|
||||||
@@ -192,6 +194,7 @@ const Firmware = () => {
|
|||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
refetch();
|
refetch();
|
||||||
|
refetchFirmwareModels();
|
||||||
notification.success({
|
notification.success({
|
||||||
message: 'Success',
|
message: 'Success',
|
||||||
description: 'Firmware version successfully updated.',
|
description: 'Firmware version successfully updated.',
|
||||||
@@ -213,6 +216,7 @@ const Firmware = () => {
|
|||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
refetch();
|
refetch();
|
||||||
|
refetchFirmwareModels();
|
||||||
notification.success({
|
notification.success({
|
||||||
message: 'Success',
|
message: 'Success',
|
||||||
description: 'Firmware version successfully deleted.',
|
description: 'Firmware version successfully deleted.',
|
||||||
|
|||||||
@@ -68,11 +68,18 @@ const System = () => {
|
|||||||
|
|
||||||
const handleFileUpload = (fileName, file) =>
|
const handleFileUpload = (fileName, file) =>
|
||||||
fileUpload({ variables: { fileName, file } })
|
fileUpload({ variables: { fileName, file } })
|
||||||
.then(() => {
|
.then(resp => {
|
||||||
notification.success({
|
if (resp?.ouiUpload?.success) {
|
||||||
message: 'Success',
|
notification.success({
|
||||||
description: 'File successfully uploaded.',
|
message: 'Success',
|
||||||
});
|
description: 'File successfully uploaded.',
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
notification.error({
|
||||||
|
message: 'Error',
|
||||||
|
description: 'File could not be uploaded.',
|
||||||
|
});
|
||||||
|
}
|
||||||
})
|
})
|
||||||
.catch(() =>
|
.catch(() =>
|
||||||
notification.error({
|
notification.error({
|
||||||
|
|||||||
@@ -86,8 +86,7 @@ export const FILE_UPLOAD = gql`
|
|||||||
export const OUI_UPLOAD = gql`
|
export const OUI_UPLOAD = gql`
|
||||||
mutation OuiUpload($fileName: String, $file: Upload) {
|
mutation OuiUpload($fileName: String, $file: Upload) {
|
||||||
ouiUpload(fileName: $fileName, file: $file) {
|
ouiUpload(fileName: $fileName, file: $file) {
|
||||||
fileName
|
success
|
||||||
baseUrl
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|||||||
@@ -163,6 +163,7 @@ export const FILTER_SERVICE_METRICS = gql`
|
|||||||
$clientMacs: [String]
|
$clientMacs: [String]
|
||||||
$equipmentIds: [ID]
|
$equipmentIds: [ID]
|
||||||
$dataTypes: [String]
|
$dataTypes: [String]
|
||||||
|
$limit: Int
|
||||||
) {
|
) {
|
||||||
filterServiceMetrics(
|
filterServiceMetrics(
|
||||||
customerId: $customerId
|
customerId: $customerId
|
||||||
@@ -172,6 +173,7 @@ export const FILTER_SERVICE_METRICS = gql`
|
|||||||
clientMacs: $clientMacs
|
clientMacs: $clientMacs
|
||||||
equipmentIds: $equipmentIds
|
equipmentIds: $equipmentIds
|
||||||
dataTypes: $dataTypes
|
dataTypes: $dataTypes
|
||||||
|
limit: $limit
|
||||||
) {
|
) {
|
||||||
items {
|
items {
|
||||||
dataType
|
dataType
|
||||||
|
|||||||
8
package-lock.json
generated
8
package-lock.json
generated
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "wlan-cloud-ui",
|
"name": "wlan-cloud-ui",
|
||||||
"version": "0.2.1",
|
"version": "0.2.2",
|
||||||
"lockfileVersion": 1,
|
"lockfileVersion": 1,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
@@ -1874,9 +1874,9 @@
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
"@tip-wlan/wlan-cloud-ui-library": {
|
"@tip-wlan/wlan-cloud-ui-library": {
|
||||||
"version": "0.2.1",
|
"version": "0.2.2",
|
||||||
"resolved": "https://tip.jfrog.io/artifactory/api/npm/tip-wlan-cloud-npm-repo/@tip-wlan/wlan-cloud-ui-library/-/@tip-wlan/wlan-cloud-ui-library-0.2.1.tgz",
|
"resolved": "https://tip.jfrog.io/artifactory/api/npm/tip-wlan-cloud-npm-repo/@tip-wlan/wlan-cloud-ui-library/-/@tip-wlan/wlan-cloud-ui-library-0.2.2.tgz",
|
||||||
"integrity": "sha1-erMcjUClH8GattvLkFOnhN72kpA="
|
"integrity": "sha1-86dCGDXjhQD+7BNFLBnoSpq3w5Q="
|
||||||
},
|
},
|
||||||
"@types/anymatch": {
|
"@types/anymatch": {
|
||||||
"version": "1.3.1",
|
"version": "1.3.1",
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "wlan-cloud-ui",
|
"name": "wlan-cloud-ui",
|
||||||
"version": "0.2.1",
|
"version": "0.2.2",
|
||||||
"author": "ConnectUs",
|
"author": "ConnectUs",
|
||||||
"description": "React Portal",
|
"description": "React Portal",
|
||||||
"engines": {
|
"engines": {
|
||||||
@@ -20,7 +20,7 @@
|
|||||||
"@ant-design/icons": "^4.2.1",
|
"@ant-design/icons": "^4.2.1",
|
||||||
"@apollo/react-hoc": "^3.1.4",
|
"@apollo/react-hoc": "^3.1.4",
|
||||||
"@apollo/react-hooks": "^3.1.3",
|
"@apollo/react-hooks": "^3.1.3",
|
||||||
"@tip-wlan/wlan-cloud-ui-library": "^0.2.1",
|
"@tip-wlan/wlan-cloud-ui-library": "^0.2.2",
|
||||||
"antd": "^4.3.1",
|
"antd": "^4.3.1",
|
||||||
"apollo-cache-inmemory": "^1.6.6",
|
"apollo-cache-inmemory": "^1.6.6",
|
||||||
"apollo-client": "^2.6.10",
|
"apollo-client": "^2.6.10",
|
||||||
|
|||||||
Reference in New Issue
Block a user