mirror of
https://github.com/datahub-project/datahub.git
synced 2025-08-10 10:17:58 +00:00
843a6c5bbb
* Releases updated version of datahub-web client UI code * Fix typo in yarn lock * Change yarn lock to match yarn registry directories * Previous commit missed some paths * Even more changes to yarnlock missing in previous commit * Include codegen file for typings * Add files to get parity for datahub-web and current OS datahub-midtier * Add in typo fix from previous commit - change to proper license * Implement proper OS fix for person entity picture url * Workarounds for open source DH issues * Fixes institutional memory api and removes unopensourced tabs for datasets * Fixes search dataset deprecation and user search issue as a result of changes * Remove internal only options in the avatar menu
54 lines
1.6 KiB
TypeScript
54 lines
1.6 KiB
TypeScript
import Component from '@ember/component';
|
|
// @ts-ignore: Ignore import of compiled template
|
|
import template from '../templates/components/wait-promise-container';
|
|
import { containerDataSource } from '@datahub/utils/api/data-source';
|
|
import { ETaskPromise } from '@datahub/utils/types/concurrency';
|
|
import { task } from 'ember-concurrency';
|
|
import { set } from '@ember/object';
|
|
import { layout } from '@ember-decorators/component';
|
|
|
|
/**
|
|
* WaitPromiseContainer will show spinner while the promise passed is being resolved
|
|
*
|
|
* usage:
|
|
*
|
|
* const promise = Promise.resolve(3);
|
|
*
|
|
* <WaitPromiseContainer @promise={{promise}} as |resolved|>
|
|
* {{resolved}}
|
|
* </WaitPromiseContainer>
|
|
*
|
|
* should show '3' as the promise resolved '3'
|
|
*/
|
|
@layout(template)
|
|
@containerDataSource<WaitPromiseContainer<unknown>>('getContainerDataTask', ['promise'])
|
|
export default class WaitPromiseContainer<T> extends Component {
|
|
/**
|
|
* Input promise that we want to wait
|
|
*/
|
|
promise?: Promise<T>;
|
|
|
|
/**
|
|
* Value for the resolved promise that will be yielded
|
|
*/
|
|
resolved?: T;
|
|
|
|
/**
|
|
* Flag indicating if the lockup image and retry button should be shown in the ui
|
|
* Disabling allows this component to be used in interfaces that are not suitable to render a full error lockup
|
|
*/
|
|
showLockup = true;
|
|
|
|
/**
|
|
* Will fetch and transform api data into status table input format
|
|
*/
|
|
@task(function*(this: WaitPromiseContainer<T>): IterableIterator<Promise<T>> {
|
|
const { promise } = this;
|
|
if (promise) {
|
|
const resolved = yield promise;
|
|
set(this, 'resolved', resolved);
|
|
}
|
|
})
|
|
getContainerDataTask!: ETaskPromise<T>;
|
|
}
|