{
),
},
{
- header: 'Group',
accessorKey: 'channel_group.name',
accessorFn: (row) => row.channel_group?.name || '',
- Cell: ({ cell }) => (
+ cell: ({ cell }) => (
{
{cell.getValue()}
),
- Header: ({ column }) => (
+ header: ({ column }) => (
e.stopPropagation()}>
{
- handleFilterChange(column.id, value);
- }}
+ onChange={handleGroupChange}
data={channelGroupOptions}
variant="unstyled"
className="table-input-header custom-multiselect"
@@ -675,27 +821,23 @@ const ChannelsTable = React.memo(({ }) => {
maxWidth: '75px',
},
},
- Cell: ({ cell }) => (
-
- )
-
+ cell: ({ cell }) => (
+
),
},
+ {
+ header: 'Actions',
+ size: 40,
+ cell: ({ row }) => (
+
+ )
+ }
],
[
channelGroupOptions,
@@ -703,8 +845,7 @@ const ChannelsTable = React.memo(({ }) => {
selectedProfile,
selectedProfileChannels,
rowSelection,
- channelsPageSelection,
- channelsEnabledHeaderSwitch,
+ // channelsEnabledHeaderSwitch,
]
);
@@ -716,6 +857,7 @@ const ChannelsTable = React.memo(({ }) => {
.rows.filter((row) => row.getIsSelected());
await API.deleteChannels(selected.map((row) => row.original.id));
+ fetchData();
setIsLoading(false);
};
@@ -739,7 +881,7 @@ const ChannelsTable = React.memo(({ }) => {
});
// Refresh the channel list
- await fetchChannels();
+ // await fetchChannels();
} catch (err) {
console.error(err);
notifications.show({
@@ -811,41 +953,26 @@ const ChannelsTable = React.memo(({ }) => {
handleCopy(hdhrUrl, hdhrUrlRef);
};
+ // useEffect(() => {
+ // const selectedRows = table
+ // .getSelectedRowModel()
+ // .rows.map((row) => row.original);
+ // setChannelsPageSelection(selectedRows);
+
+ // if (selectedProfileId != '0') {
+ // setChannelsEnabledHeaderSwitch(
+ // selectedRows.filter(
+ // (row) =>
+ // selectedProfileChannels.find((channel) => row.id == channel.id)
+ // .enabled
+ // ).length == selectedRows.length
+ // );
+ // }
+ // }, [rowSelection])
+
useEffect(() => {
- const selectedRows = table
- .getSelectedRowModel()
- .rows.map((row) => row.original);
- setChannelsPageSelection(selectedRows);
-
- if (selectedProfileId != '0') {
- setChannelsEnabledHeaderSwitch(
- selectedRows.filter(
- (row) =>
- selectedProfileChannels.find((channel) => row.id == channel.id)
- .enabled
- ).length == selectedRows.length
- );
- }
- }, [rowSelection]);
-
- const filteredData = Object.values(channels).filter((row) =>
- columns.every(({ accessorKey }) => {
- if (!accessorKey) {
- return true;
- }
-
- const filterValue = filterValues[accessorKey];
- const rowValue = getDescendantProp(row, accessorKey);
-
- if (Array.isArray(filterValue) && filterValue.length != 0) {
- return filterValue.includes(rowValue);
- } else if (filterValue) {
- return rowValue?.toLowerCase().includes(filterValues[accessorKey]);
- }
-
- return true;
- })
- );
+ fetchData();
+ }, [fetchData]);
const deleteProfile = async (id) => {
await API.deleteChannelProfile(id);
@@ -872,257 +999,71 @@ const ChannelsTable = React.memo(({ }) => {
);
};
- const RowActions = React.memo(({ row }) => {
- const editChannel = useCallback(() => {
- setChannel(row.original);
- setChannelModalOpen(true);
- }, []);
+ const editChannel = useCallback((row) => {
+ setChannel(row.original);
+ setChannelModalOpen(true);
+ }, []);
- const deleteChannel = useCallback(async () => {
- setRowSelection([]);
- // if (channelsPageSelection.length > 0) {
- // return deleteChannels();
- // }
- await API.deleteChannel(row.id);
- }, []);
+ const deleteChannel = useCallback(async (row) => {
+ console.log(row)
+ setRowSelection([]);
+ // if (channelsPageSelection.length > 0) {
+ // return deleteChannels();
+ // }
+ await API.deleteChannel(row.id);
+ }, []);
- const createRecording = useCallback(() => {
- setChannel(row);
- setRecordingModalOpen(true);
- }, []);
+ const createRecording = useCallback((row) => {
+ setChannel(row);
+ setRecordingModalOpen(true);
+ }, []);
- const handleWatchStream = useCallback(() => {
- let vidUrl = `/proxy/ts/stream/${row.uuid}`;
- if (env_mode == 'dev') {
- vidUrl = `${window.location.protocol}//${window.location.hostname}:5656${vidUrl}`;
- }
- showVideo(vidUrl);
- }, []);
+ const handleWatchStream = useCallback((row) => {
+ let vidUrl = `/proxy/ts/stream/${row.uuid}`;
+ if (env_mode == 'dev') {
+ vidUrl = `${window.location.protocol}//${window.location.hostname}:5656${vidUrl}`;
+ }
+ showVideo(vidUrl);
+ }, []);
- return (
-
-
-
-
-
-
- 0 &&
- !channelsPageSelection.map((row) => row.id).includes(row.id)
- }
- >
- {channelsPageSelection.length === 0 ? (
-
- ) : (
-
- )}
-
-
-
-
-
-
- {env_mode == 'dev' && (
-