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

Reformat all files with prettier

Browse source
This commit is contained in:
Pieter Vander Vennet 2022-09-08 21:40:48 +02:00
parent e22d189376
commit b541d3eab4
382 changed files with 50893 additions and 35566 deletions
Download patch file Download diff file Expand all files Collapse all files

54
UI/Base/Img.ts
View file

@ -1,31 +1,34 @@
import {Utils} from "../../Utils";
import BaseUIElement from "../BaseUIElement";
import { Utils } from "../../Utils"
import BaseUIElement from "../BaseUIElement"
export default class Img extends BaseUIElement {
private readonly _src: string;
private readonly _rawSvg: boolean;
private readonly _options: { readonly fallbackImage?: string };
private readonly _src: string
private readonly _rawSvg: boolean
private readonly _options: { readonly fallbackImage?: string }
constructor(src: string, rawSvg = false, options?: {
fallbackImage?: string
}) {
super();
constructor(
src: string,
rawSvg = false,
options?: {
fallbackImage?: string
}
) {
super()
if (src === undefined || src === "undefined") {
throw "Undefined src for image"
}
this._src = src;
this._rawSvg = rawSvg;
this._options = options;
this._src = src
this._rawSvg = rawSvg
this._options = options
}
static AsData(source: string) {
if (Utils.runningFromConsole) {
return source;
return source
}
try{
return `data:image/svg+xml;base64,${(btoa(source))}`;
}catch (e){
try {
return `data:image/svg+xml;base64,${btoa(source)}`
} catch (e) {
console.error("Cannot create an image for", source.slice(0, 100))
console.trace("Cannot create an image for the given source string due to ", e)
return ""
@ -33,31 +36,31 @@ export default class Img extends BaseUIElement {
}
static AsImageElement(source: string, css_class: string = "", style = ""): string {
return `<img class="${css_class}" style="${style}" alt="" src="${Img.AsData(source)}">`;
return `<img class="${css_class}" style="${style}" alt="" src="${Img.AsData(source)}">`
}
AsMarkdown(): string {
if (this._rawSvg === true) {
console.warn("Converting raw svgs to markdown is not supported");
console.warn("Converting raw svgs to markdown is not supported")
return undefined
}
let src = this._src
if (this._src.startsWith("./")) {
src = "https://mapcomplete.osm.be/" + src
}
return "![](" + src + ")";
return "![](" + src + ")"
}
protected InnerConstructElement(): HTMLElement {
const self = this;
const self = this
if (this._rawSvg) {
const e = document.createElement("div")
e.innerHTML = this._src
return e;
return e
}
const el = document.createElement("img")
el.src = this._src;
el.src = this._src
el.onload = () => {
el.style.opacity = "1"
}
@ -65,12 +68,11 @@ export default class Img extends BaseUIElement {
if (self._options?.fallbackImage) {
if (el.src === self._options.fallbackImage) {
// Sigh... nothing to be done anymore
return;
return
}
el.src = self._options.fallbackImage
}
}
return el;
return el
}
}