yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-10-29 17:59:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

replaces avatar-image with e-concurrency task

Browse Source
This commit is contained in:
Seyi Adebajo 2018-09-18 11:35:59 -07:00
parent cd94e5af6f
commit 0c8edbca7e
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
wherehows-web/app/components/avatars/avatar-image.ts
View File

@ -2,8 +2,10 @@ import Component from '@ember/component';
import ComputedProperty from '@ember/object/computed';
import { IAvatar } from 'wherehows-web/typings/app/avatars';
import { alias } from '@ember-decorators/object/computed';
import { set } from '@ember/object';
import { set, get } from '@ember/object';
import { classNames, tagName, attribute } from '@ember-decorators/component';
import { task } from 'ember-concurrency';
import { run } from '@ember/runloop';
@tagName('img')
@classNames('avatar')
@ -37,16 +39,15 @@ export default class AvatarImage extends Component {
@attribute
onerror = (): void => {
// Change avatar if an error occurs when the image is loaded
this.onImageFallback();
run(() => get(this, 'onImageFallback').perform());
};
/**
* Sets the fallback image for an avatar
* Task to set the fallback image for an avatar
* @type Task<void, (a?: {}) => TaskInstance<void>>
* @memberof AvatarImage
*/
onImageFallback(): void {
if (!this.isDestroyed) {
set(this, 'src', this.avatar.imageUrlFallback);
}
}
onImageFallback = task(function*(this: AvatarImage): IterableIterator<void> {
set(this, 'src', this.avatar.imageUrlFallback);
});
}