wangchunlin
/
cvat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Optimizing getting cloud storage (#3776)

Browse Source 
* Init

* Update getting preview

* Fix updating

* Remove excess

* Apply comments

* Remove excess

* Fix
main
Maria Khrustaleva 4 years ago committed by GitHub
parent 68d412b134
commit 8c3865259e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
10 changed files with 230 additions and 168 deletions
Show Stats Download Patch File Download Diff File

59
cvat-ui/src/actions/cloud-storage-actions.ts
Unescape Escape View File

@ -17,6 +17,8 @@ export enum CloudStorageActionTypes {
GET_CLOUD_STORAGE_STATUS = 'GET_CLOUD_STORAGE_STATUS', GET_CLOUD_STORAGE_STATUS = 'GET_CLOUD_STORAGE_STATUS',
GET_CLOUD_STORAGE_STATUS_SUCCESS = 'GET_CLOUD_STORAGE_STATUS_SUCCESS', GET_CLOUD_STORAGE_STATUS_SUCCESS = 'GET_CLOUD_STORAGE_STATUS_SUCCESS',
GET_CLOUD_STORAGE_STATUS_FAILED = 'GET_CLOUD_STORAGE_STATUS_FAILED', GET_CLOUD_STORAGE_STATUS_FAILED = 'GET_CLOUD_STORAGE_STATUS_FAILED',
GET_CLOUD_STORAGE_PREVIEW = 'GET_CLOUD_STORAGE_PREVIEW',
GET_CLOUD_STORAGE_PREVIEW_SUCCESS = 'GET_CLOUD_STORAGE_PREVIEW_SUCCESS',
GET_CLOUD_STORAGE_PREVIEW_FAILED = 'GET_CLOUD_STORAGE_PREVIEW_FAILED', GET_CLOUD_STORAGE_PREVIEW_FAILED = 'GET_CLOUD_STORAGE_PREVIEW_FAILED',
CREATE_CLOUD_STORAGE = 'CREATE_CLOUD_STORAGE', CREATE_CLOUD_STORAGE = 'CREATE_CLOUD_STORAGE',
CREATE_CLOUD_STORAGE_SUCCESS = 'CREATE_CLOUD_STORAGE_SUCCESS', CREATE_CLOUD_STORAGE_SUCCESS = 'CREATE_CLOUD_STORAGE_SUCCESS',
@ -38,15 +40,11 @@ const cloudStoragesActions = {
getCloudStorages: () => createAction(CloudStorageActionTypes.GET_CLOUD_STORAGES), getCloudStorages: () => createAction(CloudStorageActionTypes.GET_CLOUD_STORAGES),
getCloudStoragesSuccess: ( getCloudStoragesSuccess: (
array: any[], array: any[],
previews: string[],
statuses: string[],
count: number, count: number,
query: Partial<CloudStoragesQuery>, query: Partial<CloudStoragesQuery>,
) => ) =>
createAction(CloudStorageActionTypes.GET_CLOUD_STORAGE_SUCCESS, { createAction(CloudStorageActionTypes.GET_CLOUD_STORAGE_SUCCESS, {
array, array,
previews,
statuses,
count, count,
query, query,
}), }),
@ -73,11 +71,15 @@ const cloudStoragesActions = {
createAction(CloudStorageActionTypes.LOAD_CLOUD_STORAGE_CONTENT_SUCCESS, { cloudStorageID, content }), createAction(CloudStorageActionTypes.LOAD_CLOUD_STORAGE_CONTENT_SUCCESS, { cloudStorageID, content }),
loadCloudStorageContentFailed: (cloudStorageID: number, error: any) => loadCloudStorageContentFailed: (cloudStorageID: number, error: any) =>
createAction(CloudStorageActionTypes.LOAD_CLOUD_STORAGE_CONTENT_FAILED, { cloudStorageID, error }), createAction(CloudStorageActionTypes.LOAD_CLOUD_STORAGE_CONTENT_FAILED, { cloudStorageID, error }),
getCloudStorageStatus: () => createAction(CloudStorageActionTypes.GET_CLOUD_STORAGE_STATUS), getCloudStorageStatus: (id: number) => createAction(CloudStorageActionTypes.GET_CLOUD_STORAGE_STATUS, { id }),
getCloudStorageStatusSuccess: (cloudStorageID: number, status: string) => getCloudStorageStatusSuccess: (cloudStorageID: number, status: string) =>
createAction(CloudStorageActionTypes.GET_CLOUD_STORAGE_STATUS_SUCCESS, { cloudStorageID, status }), createAction(CloudStorageActionTypes.GET_CLOUD_STORAGE_STATUS_SUCCESS, { cloudStorageID, status }),
getCloudStorageStatusFailed: (cloudStorageID: number, error: any) => getCloudStorageStatusFailed: (cloudStorageID: number, error: any) =>
createAction(CloudStorageActionTypes.GET_CLOUD_STORAGE_STATUS_FAILED, { cloudStorageID, error }), createAction(CloudStorageActionTypes.GET_CLOUD_STORAGE_STATUS_FAILED, { cloudStorageID, error }),
getCloudStoragePreiew: (cloudStorageID: number) =>
createAction(CloudStorageActionTypes.GET_CLOUD_STORAGE_PREVIEW, { cloudStorageID }),
getCloudStoragePreiewSuccess: (cloudStorageID: number, preview: string) =>
createAction(CloudStorageActionTypes.GET_CLOUD_STORAGE_PREVIEW_SUCCESS, { cloudStorageID, preview }),
getCloudStoragePreiewFailed: (cloudStorageID: number, error: any) => getCloudStoragePreiewFailed: (cloudStorageID: number, error: any) =>
createAction(CloudStorageActionTypes.GET_CLOUD_STORAGE_PREVIEW_FAILED, { cloudStorageID, error }), createAction(CloudStorageActionTypes.GET_CLOUD_STORAGE_PREVIEW_FAILED, { cloudStorageID, error }),
}; };
@ -105,22 +107,9 @@ export function getCloudStoragesAsync(query: Partial<CloudStoragesQuery>): Thunk
} }
const array = Array.from(result); const array = Array.from(result);
const promises = array.map((cloudStorage: CloudStorage): string =>
(cloudStorage as any).getPreview().catch((error: any) => {
dispatch(cloudStoragesActions.getCloudStoragePreiewFailed(cloudStorage.id, error));
return '';
}));
const statusPromises = array.map((cloudStorage: CloudStorage): string =>
(cloudStorage as any).getStatus().catch((error: any) => {
dispatch(cloudStoragesActions.getCloudStorageStatusFailed(cloudStorage.id, error));
return '';
}));
dispatch(cloudStoragesActions.getCloudStoragesSuccess( dispatch(cloudStoragesActions.getCloudStoragesSuccess(
array, array,
await Promise.all(promises),
await Promise.all(statusPromises),
result.count, result.count,
query, query,
)); ));
@ -181,14 +170,26 @@ export function loadCloudStorageContentAsync(cloudStorage: CloudStorage): ThunkA
}; };
} }
// export function getCloudStorageStatusAsync(cloudStorage: CloudStorage): ThunkAction { export function getCloudStorageStatusAsync(cloudStorage: CloudStorage): ThunkAction {
// return async (dispatch: ActionCreator<Dispatch>): Promise<void> => { return async (dispatch: ActionCreator<Dispatch>): Promise<void> => {
// dispatch(cloudStoragesActions.getCloudStorageStatus()); dispatch(cloudStoragesActions.getCloudStorageStatus(cloudStorage.id));
// try { try {
// const result = await cloudStorage.getStatus(); const result = await cloudStorage.getStatus();
// dispatch(cloudStoragesActions.getCloudStorageStatusSuccess(cloudStorage.id, result)); dispatch(cloudStoragesActions.getCloudStorageStatusSuccess(cloudStorage.id, result));
// } catch (error) { } catch (error) {
// dispatch(cloudStoragesActions.getCloudStorageStatusFailed(cloudStorage.id, error)); dispatch(cloudStoragesActions.getCloudStorageStatusFailed(cloudStorage.id, error));
// } }
// }; };
// } }
export function getCloudStoragePreviewAsync(cloudStorage: CloudStorage): ThunkAction {
return async (dispatch: ActionCreator<Dispatch>): Promise<void> => {
dispatch(cloudStoragesActions.getCloudStoragePreiew(cloudStorage.id));
try {
const result = await cloudStorage.getPreview();
dispatch(cloudStoragesActions.getCloudStoragePreiewSuccess(cloudStorage.id, result));
} catch (error) {
dispatch(cloudStoragesActions.getCloudStoragePreiewFailed(cloudStorage.id, error));
}
};
}

32
cvat-ui/src/components/cloud-storages-page/cloud-storage-item.tsx
Unescape Escape View File

@ -5,7 +5,7 @@
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
import { useHistory } from 'react-router'; import { useHistory } from 'react-router';
import { CloudSyncOutlined, MoreOutlined, QuestionCircleOutlined } from '@ant-design/icons'; import { MoreOutlined, QuestionCircleOutlined } from '@ant-design/icons';
import Card from 'antd/lib/card'; import Card from 'antd/lib/card';
import Meta from 'antd/lib/card/Meta'; import Meta from 'antd/lib/card/Meta';
import Paragraph from 'antd/lib/typography/Paragraph'; import Paragraph from 'antd/lib/typography/Paragraph';
@ -20,17 +20,17 @@ import { CloudStorage, CombinedState } from 'reducers/interfaces';
import { deleteCloudStorageAsync } from 'actions/cloud-storage-actions'; import { deleteCloudStorageAsync } from 'actions/cloud-storage-actions';
import CVATTooltip from 'components/common/cvat-tooltip'; import CVATTooltip from 'components/common/cvat-tooltip';
import Status from './cloud-storage-status'; import Status from './cloud-storage-status';
import Preview from './cloud-storage-preview';
interface Props { interface Props {
cloudStorageInstance: CloudStorage; cloudStorage: CloudStorage;
} }
export default function CloudStorageItemComponent(props: Props): JSX.Element { export default function CloudStorageItemComponent(props: Props): JSX.Element {
const history = useHistory(); const history = useHistory();
const dispatch = useDispatch(); const dispatch = useDispatch();
// cloudStorageInstance: {storage, preview, status} const { cloudStorage } = props;
const { cloudStorageInstance } = props;
const { const {
id, id,
displayName, displayName,
@ -39,10 +39,9 @@ export default function CloudStorageItemComponent(props: Props): JSX.Element {
createdDate, createdDate,
updatedDate, updatedDate,
description, description,
} = cloudStorageInstance.storage; } = cloudStorage;
const { preview, status } = cloudStorageInstance;
const deletes = useSelector((state: CombinedState) => state.cloudStorages.activities.deletes); const deletes = useSelector((state: CombinedState) => state.cloudStorages.activities.deletes);
const deleted = cloudStorageInstance.storage.id in deletes ? deletes[cloudStorageInstance.storage.id] : false; const deleted = cloudStorage.id in deletes ? deletes[cloudStorage.id] : false;
const style: React.CSSProperties = {}; const style: React.CSSProperties = {};
@ -61,7 +60,7 @@ export default function CloudStorageItemComponent(props: Props): JSX.Element {
content: `You are going to remove the cloudstorage "${displayName}". Continue?`, content: `You are going to remove the cloudstorage "${displayName}". Continue?`,
className: 'cvat-delete-cloud-storage-modal', className: 'cvat-delete-cloud-storage-modal',
onOk: () => { onOk: () => {
dispatch(deleteCloudStorageAsync(cloudStorageInstance.storage)); dispatch(deleteCloudStorageAsync(cloudStorage));
}, },
okButtonProps: { okButtonProps: {
type: 'primary', type: 'primary',
@ -69,24 +68,13 @@ export default function CloudStorageItemComponent(props: Props): JSX.Element {
}, },
okText: 'Delete', okText: 'Delete',
}); });
}, [cloudStorageInstance.storage.id]); }, [cloudStorage.id]);
return ( return (
<Card <Card
cover={( cover={(
<> <>
{preview ? ( <Preview cloudStorage={cloudStorage} />
<img
className='cvat-cloud-storage-item-preview'
src={preview}
alt='Preview image'
aria-hidden
/>
) : (
<div className='cvat-cloud-storage-item-empty-preview' aria-hidden>
<CloudSyncOutlined />
</div>
)}
{description ? ( {description ? (
<CVATTooltip overlay={description}> <CVATTooltip overlay={description}>
<QuestionCircleOutlined className='cvat-cloud-storage-description-icon' /> <QuestionCircleOutlined className='cvat-cloud-storage-description-icon' />
@ -121,7 +109,7 @@ export default function CloudStorageItemComponent(props: Props): JSX.Element {
<Text type='secondary'>Last updated </Text> <Text type='secondary'>Last updated </Text>
<Text type='secondary'>{moment(updatedDate).fromNow()}</Text> <Text type='secondary'>{moment(updatedDate).fromNow()}</Text>
</Paragraph> </Paragraph>
<Status status={status} /> <Status cloudStorage={cloudStorage} />
<Dropdown <Dropdown
overlay={( overlay={(
<Menu className='cvat-project-actions-menu'> <Menu className='cvat-project-actions-menu'>

51
cvat-ui/src/components/cloud-storages-page/cloud-storage-preview.tsx
Unescape Escape View File

@ -0,0 +1,51 @@
// Copyright (C) 2021 Intel Corporation
//
// SPDX-License-Identifier: MIT
import React, { useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { CloudSyncOutlined } from '@ant-design/icons';
import Spin from 'antd/lib/spin';
import { getCloudStoragePreviewAsync } from 'actions/cloud-storage-actions';
import { CombinedState, CloudStorage } from 'reducers/interfaces';
interface Props {
cloudStorage: CloudStorage;
}
export default function Preview({ cloudStorage }: Props): JSX.Element {
const dispatch = useDispatch();
const preview = useSelector((state: CombinedState) => state.cloudStorages.previews[cloudStorage.id]);
useEffect(() => {
if (preview === undefined) {
dispatch(getCloudStoragePreviewAsync(cloudStorage));
}
}, [preview]);
if (!preview || (preview && preview.fetching)) {
return (
<div className='cvat-cloud-storage-item-loading-preview' aria-hidden>
<Spin size='default' />
</div>
);
}
if (preview.initialized && !preview.preview) {
return (
<div className='cvat-cloud-storage-item-empty-preview' aria-hidden>
<CloudSyncOutlined />
</div>
);
}
return (
<img
className='cvat-cloud-storage-item-preview'
src={preview.preview}
alt='Preview image'
aria-hidden
/>
);
}

34
cvat-ui/src/components/cloud-storages-page/cloud-storage-status.tsx
Unescape Escape View File

@ -2,27 +2,41 @@
// //
// SPDX-License-Identifier: MIT // SPDX-License-Identifier: MIT
import React from 'react'; import React, { useEffect } from 'react';
import Paragraph from 'antd/lib/typography/Paragraph'; import Paragraph from 'antd/lib/typography/Paragraph';
import Text from 'antd/lib/typography/Text'; import Text from 'antd/lib/typography/Text';
import { useDispatch, useSelector } from 'react-redux';
import { getCloudStorageStatusAsync } from 'actions/cloud-storage-actions';
import { CombinedState, CloudStorage } from 'reducers/interfaces';
import { StorageStatuses } from '../../utils/enums'; import { StorageStatuses } from '../../utils/enums';
interface Props { interface Props {
status: string; cloudStorage: CloudStorage;
} }
export default function Status(props: Props): JSX.Element { export default function Status({ cloudStorage }: Props): JSX.Element {
const { status } = props; const dispatch = useDispatch();
// TODO: make dynamic loading of statuses separately in the future const status = useSelector((state: CombinedState) => state.cloudStorages.statuses[cloudStorage.id]);
useEffect(() => {
if (status === undefined) {
dispatch(getCloudStorageStatusAsync(cloudStorage));
}
}, [status]);
let message: JSX.Element;
if (!status || (status && status.fetching)) {
message = <Text type='warning'>Loading ...</Text>;
} else if (status.initialized && !status.status) {
message = <Text type='danger'>Error</Text>;
} else {
message = <Text type={status.status === StorageStatuses.AVAILABLE ? 'success' : 'danger'}>{status.status}</Text>;
}
return ( return (
<Paragraph> <Paragraph>
<Text type='secondary'>Status: </Text> <Text type='secondary'>Status: </Text>
{status ? ( {message}
<Text type={status === StorageStatuses.AVAILABLE ? 'success' : 'danger'}>{status}</Text>
) : (
<Text type='warning'>Loading ...</Text>
)}
</Paragraph> </Paragraph>
); );
} }

23
cvat-ui/src/components/cloud-storages-page/cloud-storages-list.tsx
Unescape Escape View File

@ -11,8 +11,6 @@ import CloudStorageItemComponent from './cloud-storage-item';
interface Props { interface Props {
storages: CloudStorage[]; storages: CloudStorage[];
previews: string[];
statuses: string[];
totalCount: number; totalCount: number;
page: number; page: number;
onChangePage(page: number): void; onChangePage(page: number): void;
@ -20,25 +18,16 @@ interface Props {
export default function StoragesList(props: Props): JSX.Element { export default function StoragesList(props: Props): JSX.Element {
const { const {
storages, previews, statuses, totalCount, page, onChangePage, storages, totalCount, page, onChangePage,
} = props; } = props;
const groupedStorages = storages.reduce( const groupedStorages = storages.reduce(
(acc: CloudStorage[][], storage: CloudStorage, index: number): CloudStorage[][] => { (acc: CloudStorage[][], storage: CloudStorage, index: number): CloudStorage[][] => {
if (index && index % 4) { if (index && index % 4) {
acc[acc.length - 1].push({ acc[acc.length - 1].push(storage);
storage,
preview: previews[index],
status: statuses[index],
});
} else { } else {
acc.push([{ acc.push([storage]);
storage,
preview: previews[index],
status: statuses[index],
}]);
} }
return acc; return acc;
}, },
[], [],
@ -50,10 +39,10 @@ export default function StoragesList(props: Props): JSX.Element {
<Col span={24} className='cvat-cloud-storages-list'> <Col span={24} className='cvat-cloud-storages-list'>
{groupedStorages.map( {groupedStorages.map(
(instances: CloudStorage[]): JSX.Element => ( (instances: CloudStorage[]): JSX.Element => (
<Row key={instances[0].storage.id} gutter={[8, 8]}> <Row key={instances[0].id} gutter={[8, 8]}>
{instances.map((instance: CloudStorage) => ( {instances.map((instance: CloudStorage) => (
<Col span={6} key={instance.storage.id}> <Col span={6} key={instance.id}>
<CloudStorageItemComponent cloudStorageInstance={instance} /> <CloudStorageItemComponent cloudStorage={instance} />
</Col> </Col>
))} ))}
</Row> </Row>

11
cvat-ui/src/components/cloud-storages-page/cloud-storages-page.tsx
Unescape Escape View File

@ -9,7 +9,7 @@ import { useHistory } from 'react-router';
import { Row, Col } from 'antd/lib/grid'; import { Row, Col } from 'antd/lib/grid';
import Spin from 'antd/lib/spin'; import Spin from 'antd/lib/spin';
import { CloudStorage, CloudStoragesQuery, CombinedState } from 'reducers/interfaces'; import { CloudStoragesQuery, CombinedState } from 'reducers/interfaces';
import { getCloudStoragesAsync } from 'actions/cloud-storage-actions'; import { getCloudStoragesAsync } from 'actions/cloud-storage-actions';
import CloudStoragesListComponent from './cloud-storages-list'; import CloudStoragesListComponent from './cloud-storages-list';
import EmptyCloudStorageListComponent from './empty-cloud-storages-list'; import EmptyCloudStorageListComponent from './empty-cloud-storages-list';
@ -21,12 +21,7 @@ export default function StoragesPageComponent(): JSX.Element {
const { search } = history.location; const { search } = history.location;
const totalCount = useSelector((state: CombinedState) => state.cloudStorages.count); const totalCount = useSelector((state: CombinedState) => state.cloudStorages.count);
const isFetching = useSelector((state: CombinedState) => state.cloudStorages.fetching); const isFetching = useSelector((state: CombinedState) => state.cloudStorages.fetching);
const current = useSelector((state: CombinedState) => state.cloudStorages.current) const current = useSelector((state: CombinedState) => state.cloudStorages.current);
.map((cloudStrage: CloudStorage) => cloudStrage.instance);
const previews = useSelector((state: CombinedState) => state.cloudStorages.current)
.map((cloudStrage: CloudStorage) => cloudStrage.preview as string);
const statuses = useSelector((state: CombinedState) => state.cloudStorages.current)
.map((cloudStrage: CloudStorage) => cloudStrage.status as string);
const query = useSelector((state: CombinedState) => state.cloudStorages.gettingQuery); const query = useSelector((state: CombinedState) => state.cloudStorages.gettingQuery);
const onSearch = useCallback( const onSearch = useCallback(
(_query: CloudStoragesQuery) => { (_query: CloudStoragesQuery) => {
@ -98,8 +93,6 @@ export default function StoragesPageComponent(): JSX.Element {
totalCount={totalCount} totalCount={totalCount}
page={query.page} page={query.page}
storages={current} storages={current}
previews={previews}
statuses={statuses}
onChangePage={onChangePage} onChangePage={onChangePage}
/> />
) : ( ) : (

5
cvat-ui/src/components/cloud-storages-page/styles.scss
Unescape Escape View File

@ -48,7 +48,12 @@
margin-bottom: 0; margin-bottom: 0;
} }
.cvat-cloud-storage-item-loading-preview,
.cvat-cloud-storage-item-empty-preview { .cvat-cloud-storage-item-empty-preview {
.ant-spin {
position: inherit;
}
font-size: $grid-unit-size * 15; font-size: $grid-unit-size * 15;
text-align: center; text-align: center;
height: $grid-unit-size * 24; height: $grid-unit-size * 24;

3
cvat-ui/src/components/update-cloud-storage-page/update-cloud-storage-page.tsx
Unescape Escape View File

@ -24,8 +24,7 @@ export default function UpdateCloudStoragePageComponent(): JSX.Element {
const cloudStorageId = +useParams<ParamType>().id; const cloudStorageId = +useParams<ParamType>().id;
const isFetching = useSelector((state: CombinedState) => state.cloudStorages.fetching); const isFetching = useSelector((state: CombinedState) => state.cloudStorages.fetching);
const isInitialized = useSelector((state: CombinedState) => state.cloudStorages.initialized); const isInitialized = useSelector((state: CombinedState) => state.cloudStorages.initialized);
const cloudStorages = useSelector((state: CombinedState) => state.cloudStorages.current) const cloudStorages = useSelector((state: CombinedState) => state.cloudStorages.current);
.map((cloudStrage) => cloudStrage.instance);
const [cloudStorage] = cloudStorages.filter((_cloudStorage) => _cloudStorage.id === cloudStorageId); const [cloudStorage] = cloudStorages.filter((_cloudStorage) => _cloudStorage.id === cloudStorageId);
useEffect(() => { useEffect(() => {

158
cvat-ui/src/reducers/cloud-storages-reducer.ts
Unescape Escape View File

@ -11,7 +11,8 @@ const defaultState: CloudStoragesState = {
fetching: false, fetching: false,
count: 0, count: 0,
current: [], current: [],
// currentStatuses: [], statuses: {},
previews: {},
gettingQuery: { gettingQuery: {
page: 1, page: 1,
id: null, id: null,
@ -42,12 +43,6 @@ const defaultState: CloudStoragesState = {
fetching: false, fetching: false,
error: '', error: '',
}, },
// getsStatus: {
// cloudStorageID: null,
// status: null,
// fetching: false,
// error: '',
// },
}, },
}; };
@ -71,18 +66,12 @@ export default (
fetching: true, fetching: true,
count: 0, count: 0,
current: [], current: [],
// currentStatuses: [], statuses: {},
previews: {},
}; };
case CloudStorageActionTypes.GET_CLOUD_STORAGE_SUCCESS: { case CloudStorageActionTypes.GET_CLOUD_STORAGE_SUCCESS: {
const { count, query } = action.payload; const { count, query, array } = action.payload;
const combined = action.payload.array.map(
(cloudStorage: any, index: number): CloudStorage => ({
instance: cloudStorage,
preview: action.payload.previews[index],
status: action.payload.statuses[index],
}),
);
return { return {
...state, ...state,
initialized: true, initialized: true,
@ -92,7 +81,7 @@ export default (
...defaultState.gettingQuery, ...defaultState.gettingQuery,
...query, ...query,
}, },
current: combined, current: array,
}; };
} }
case CloudStorageActionTypes.GET_CLOUD_STORAGE_FAILED: { case CloudStorageActionTypes.GET_CLOUD_STORAGE_FAILED: {
@ -279,61 +268,86 @@ export default (
}, },
}; };
} }
// case CloudStorageActionTypes.GET_CLOUD_STORAGE_STATUS: case CloudStorageActionTypes.GET_CLOUD_STORAGE_STATUS: {
// return { const { id } = action.payload;
// ...state, const { statuses } = state;
// activities: { statuses[id] = {
// ...state.activities, status: null,
// getsStatus: { fetching: true,
// cloudStorageID: null, initialized: false,
// status: null, };
// error: '', return {
// fetching: true, ...state,
// }, statuses,
// }, };
// }; }
// case CloudStorageActionTypes.GET_CLOUD_STORAGE_STATUS_SUCCESS: { case CloudStorageActionTypes.GET_CLOUD_STORAGE_STATUS_SUCCESS: {
// const { cloudStorageID, status } = action.payload; const { cloudStorageID, status } = action.payload;
// const statuses = state.currentStatuses; const { statuses } = state;
// const index = statuses.findIndex((item) => item.id === cloudStorageID); statuses[cloudStorageID] = {
// if (index !== -1) { ...statuses[cloudStorageID],
// statuses[index] = { status,
// ...statuses[index], initialized: true,
// status, fetching: false,
// }; };
// } else { return {
// statuses.push({ ...state,
// id: cloudStorageID, statuses,
// status, };
// }); }
// } case CloudStorageActionTypes.GET_CLOUD_STORAGE_STATUS_FAILED: {
// return { const { cloudStorageID } = action.payload;
// ...state, const { statuses } = state;
// currentStatuses: statuses, statuses[cloudStorageID] = {
// activities: { ...statuses[cloudStorageID],
// ...state.activities, initialized: true,
// getsStatus: { fetching: false,
// cloudStorageID, };
// status, return {
// error: '', ...state,
// fetching: false, statuses,
// }, };
// }, }
// }; case CloudStorageActionTypes.GET_CLOUD_STORAGE_PREVIEW: {
// } const { cloudStorageID } = action.payload;
// case CloudStorageActionTypes.GET_CLOUD_STORAGE_STATUS_FAILED: { const { previews } = state;
// return { previews[cloudStorageID] = {
// ...state, preview: '',
// activities: { fetching: true,
// ...state.activities, initialized: false,
// getsStatus: { };
// ...state.activities.getsStatus, return {
// error: action.payload.error.toString(), ...state,
// fetching: false, previews,
// }, };
// }, }
// }; case CloudStorageActionTypes.GET_CLOUD_STORAGE_PREVIEW_SUCCESS: {
// } const { cloudStorageID, preview } = action.payload;
const { previews } = state;
previews[cloudStorageID] = {
...previews[cloudStorageID],
preview,
initialized: true,
fetching: false,
};
return {
...state,
previews,
};
}
case CloudStorageActionTypes.GET_CLOUD_STORAGE_PREVIEW_FAILED: {
const { cloudStorageID } = action.payload;
const { previews } = state;
previews[cloudStorageID] = {
...previews[cloudStorageID],
initialized: true,
fetching: false,
};
return {
...state,
previews,
};
}
case AuthActionTypes.LOGOUT_SUCCESS: { case AuthActionTypes.LOGOUT_SUCCESS: {
return { ...defaultState }; return { ...defaultState };
} }

22
cvat-ui/src/reducers/interfaces.ts
Unescape Escape View File

@ -134,6 +134,15 @@ export interface CloudStoragesQuery {
[key: string]: string | number | null | undefined; [key: string]: string | number | null | undefined;
} }
interface CloudStorageAdditional {
fetching: boolean;
initialized: boolean;
status: string | null;
preview: string;
}
type CloudStorageStatus = Pick<CloudStorageAdditional, 'fetching' | 'initialized' | 'status'>;
type CloudStoragePreview = Pick<CloudStorageAdditional, 'fetching' | 'initialized' | 'preview'>;
export type CloudStorage = any; export type CloudStorage = any;
export interface CloudStoragesState { export interface CloudStoragesState {
@ -141,7 +150,12 @@ export interface CloudStoragesState {
fetching: boolean; fetching: boolean;
count: number; count: number;
current: CloudStorage[]; current: CloudStorage[];
// currentStatuses: any[]; statuses: {
[index: number]: CloudStorageStatus;
};
previews: {
[index: number]: CloudStoragePreview;
};
gettingQuery: CloudStoragesQuery; gettingQuery: CloudStoragesQuery;
activities: { activities: {
creates: { creates: {
@ -163,12 +177,6 @@ export interface CloudStoragesState {
fetching: boolean; fetching: boolean;
error: string; error: string;
}; };
// getsStatus: {
// cloudStorageID: number | null;
// status: string | null;
// fetching: boolean;
// error: string;
// };
}; };
} }

Write Preview
Loading…
Cancel
Save