midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Add support for mapillary api v4, fixes #364

Browse source
This commit is contained in:
Pieter Vander Vennet 2021-09-15 01:33:52 +02:00
parent 5d81e7d792
commit c8eacaa409
9 changed files with 117 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

17
UI/Base/Img.ts
View file

@ -4,11 +4,15 @@ import BaseUIElement from "../BaseUIElement";
export default class Img extends BaseUIElement {
private _src: string;
private readonly _rawSvg: boolean;
private _options: { fallbackImage?: string };
constructor(src: string, rawSvg = false) {
constructor(src: string, rawSvg = false, options?: {
fallbackImage?: string
}) {
super();
this._src = src;
this._rawSvg = rawSvg;
this._options = options;
}
static AsData(source: string) {
@ -23,7 +27,7 @@ export default class Img extends BaseUIElement {
}
protected InnerConstructElement(): HTMLElement {
const self = this;
if (this._rawSvg) {
const e = document.createElement("div")
e.innerHTML = this._src
@ -35,6 +39,15 @@ export default class Img extends BaseUIElement {
el.onload = () => {
el.style.opacity = "1"
}
el.onerror = () => {
if (self._options?.fallbackImage) {
if(el.src === self._options.fallbackImage){
// Sigh... nothing to be done anymore
return;
}
el.src = self._options.fallbackImage
}
}
return el;
}
}