From c902063d1cf8452914488019c175d4be6d9034be Mon Sep 17 00:00:00 2001 From: Artur Arseniev Date: Sat, 21 Jan 2023 13:12:30 +0400 Subject: [PATCH] Move ComponentMapView to TS --- ...omponentMapView.js => ComponentMapView.ts} | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) rename src/dom_components/view/{ComponentMapView.js => ComponentMapView.ts} (63%) diff --git a/src/dom_components/view/ComponentMapView.js b/src/dom_components/view/ComponentMapView.ts similarity index 63% rename from src/dom_components/view/ComponentMapView.js rename to src/dom_components/view/ComponentMapView.ts index c0ecb0057..35375ec29 100644 --- a/src/dom_components/view/ComponentMapView.js +++ b/src/dom_components/view/ComponentMapView.ts @@ -1,16 +1,19 @@ -import ComponentView from './ComponentImageView'; +import ComponentImageView from './ComponentImageView'; + +export default class ComponentMapView extends ComponentImageView { + iframe?: HTMLIFrameElement; -export default class ComponentMapView extends ComponentView { tagName() { return 'div'; } + // @ts-ignore events() { return {}; } - initialize(o) { - ComponentView.prototype.initialize.apply(this, arguments); + initialize(props: any) { + super.initialize(props); this.classEmpty = this.ppfx + 'plh-map'; } @@ -24,9 +27,9 @@ export default class ComponentMapView extends ComponentView { getIframe() { if (!this.iframe) { - var ifrm = document.createElement('iframe'); + const ifrm = document.createElement('iframe'); ifrm.src = this.model.get('src'); - ifrm.frameBorder = 0; + ifrm.frameBorder = '0'; ifrm.style.height = '100%'; ifrm.style.width = '100%'; ifrm.className = this.ppfx + 'no-pointer'; @@ -35,8 +38,8 @@ export default class ComponentMapView extends ComponentView { return this.iframe; } - render(...args) { - ComponentView.prototype.render.apply(this, args); + render() { + super.render(); this.updateClasses(); this.el.appendChild(this.getIframe()); return this;