forked from MapComplete/MapComplete
54 lines
1.6 KiB
TypeScript
54 lines
1.6 KiB
TypeScript
|
import {UIEventSource} from "../UIEventSource";
|
||
|
|
import {UIElement} from "../UIElement";
|
||
|
|
import {LicenseInfo} from "../../Logic/Wikimedia";
|
||
|
|
import {Imgur} from "../../Logic/Imgur";
|
||
|
|
|
||
|
|
|
||
|
|
export class ImgurImage extends UIElement {
|
||
|
|
|
||
|
|
|
||
|
|
/***
|
||
|
|
* Dictionary from url to alreayd known license info
|
||
|
|
*/
|
||
|
|
static allLicenseInfos: any = {};
|
||
|
|
private _imageMeta: UIEventSource<LicenseInfo>;
|
||
|
|
private _imageLocation: string;
|
||
|
|
|
||
|
|
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);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
protected InnerRender(): string {
|
||
|
|
const image = "<img src='" + this._imageLocation + "' " + "alt='' >";
|
||
|
|
|
||
|
|
if(this._imageMeta.data === null){
|
||
|
|
return image;
|
||
|
|
}
|
||
|
|
|
||
|
|
const attribution =
|
||
|
|
"<span class='attribution-author'><b>" + (this._imageMeta.data.artist ?? "") + "</b></span>" + " <span class='license'>" + (this._imageMeta.data.licenseShortName ?? "") + "</span>";
|
||
|
|
|
||
|
|
return "<div class='imgWithAttr'>" +
|
||
|
|
image +
|
||
|
|
"<div class='attribution'>" +
|
||
|
|
attribution +
|
||
|
|
"</div>" +
|
||
|
|
"</div>";
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|