mapcomplete/UI/Image/ImgurImage.ts

56 lines
1.6 KiB
TypeScript
Raw Normal View History

2020-07-08 15:09:34 +02:00
import {UIElement} from "../UIElement";
import {UIEventSource} from "../../Logic/UIEventSource";
import {LicenseInfo} from "../../Logic/Web/Wikimedia";
import {Imgur} from "../../Logic/Web/Imgur";
import Combine from "../Base/Combine";
import Attribution from "./Attribution";
import {SimpleImageElement} from "./SimpleImageElement";
2020-07-08 15:09:34 +02:00
export class ImgurImage extends UIElement {
2020-07-08 15:09:34 +02:00
/***
* Dictionary from url to alreayd known license info
*/
private static allLicenseInfos: any = {};
2020-09-10 19:33:06 +02:00
private readonly _imageMeta: UIEventSource<LicenseInfo>;
private readonly _imageLocation: string;
2020-07-08 15:09:34 +02:00
constructor(source: string) {
super(undefined)
this._imageLocation = source;
if (ImgurImage.allLicenseInfos[source] !== undefined) {
this._imageMeta = ImgurImage.allLicenseInfos[source];
} else {
this._imageMeta = new UIEventSource<LicenseInfo>(null);
ImgurImage.allLicenseInfos[source] = this._imageMeta;
const self = this;
Imgur.getDescriptionOfImage(source, (license) => {
self._imageMeta.setData(license)
})
}
this.ListenTo(this._imageMeta);
}
InnerRender(): string {
const image = new SimpleImageElement( new UIEventSource (this._imageLocation));
2020-07-08 15:09:34 +02:00
if(this._imageMeta.data === null){
return image.Render();
2020-07-08 15:09:34 +02:00
}
const meta = this._imageMeta.data;
return new Combine([
image,
new Attribution(meta.artist, meta.license, undefined),
]).SetClass('block relative')
.Render();
2020-07-08 15:09:34 +02:00
}
}