yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-10-31 02:37:05 +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

15
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 ComputedProperty from '@ember/object/computed';
import { IAvatar } from 'wherehows-web/typings/app/avatars'; import { IAvatar } from 'wherehows-web/typings/app/avatars';
import { alias } from '@ember-decorators/object/computed'; 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 { classNames, tagName, attribute } from '@ember-decorators/component';
import { task } from 'ember-concurrency';
import { run } from '@ember/runloop';
@tagName('img') @tagName('img')
@classNames('avatar') @classNames('avatar')
@ -37,16 +39,15 @@ export default class AvatarImage extends Component {
@attribute @attribute
onerror = (): void => { onerror = (): void => {
// Change avatar if an error occurs when the image is loaded // 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 * @memberof AvatarImage
*/ */
onImageFallback(): void { onImageFallback = task(function*(this: AvatarImage): IterableIterator<void> {
if (!this.isDestroyed) {
set(this, 'src', this.avatar.imageUrlFallback); set(this, 'src', this.avatar.imageUrlFallback);
} });
}
} }