almet/umap
1
0
Fork 0
mirror of https://github.com/umap-project/umap.git synced 2025-04-29 20:02:36 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

chore: make that Importer extends WithTemplate

Browse source 
Another step is needed to use this.elements instead of this.qs
This commit is contained in:
Yohan Boniface 2024-12-02 19:23:47 +01:00
parent da86020a0b
commit d64cdae987
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
umap/static/umap/js/modules/importer.js
View file

@ -6,6 +6,7 @@ import Dialog from './ui/dialog.js'
import * as Utils from './utils.js' import * as Utils from './utils.js'
const TEMPLATE = ` const TEMPLATE = `
<div class="umap-upload">
<h3><i class="icon icon-16 icon-upload"></i><span>${translate('Import data')}</span></h3> <h3><i class="icon icon-16 icon-upload"></i><span>${translate('Import data')}</span></h3>
<fieldset class="formbox"> <fieldset class="formbox">
<legend class="counter">${translate('Choose data')}</legend> <legend class="counter">${translate('Choose data')}</legend>
@ -45,10 +46,12 @@ const TEMPLATE = `
</label> </label>
</fieldset> </fieldset>
<input type="button" class="button" name="submit" value="${translate('Import data')}" /> <input type="button" class="button" name="submit" value="${translate('Import data')}" />
</div>
` `
export default class Importer { export default class Importer extends Utils.WithTemplate {
constructor(umap) { constructor(umap) {
super()
this._umap = umap this._umap = umap
this.TYPES = ['geojson', 'csv', 'gpx', 'kml', 'osm', 'georss', 'umap'] this.TYPES = ['geojson', 'csv', 'gpx', 'kml', 'osm', 'georss', 'umap']
this.IMPORTERS = [] this.IMPORTERS = []
@ -57,7 +60,9 @@ export default class Importer {
} }
loadImporters() { loadImporters() {
for (const [name, config] of Object.entries(this._umap.properties.importers || {})) { for (const [name, config] of Object.entries(
this._umap.properties.importers || {}
)) {
const register = (mod) => { const register = (mod) => {
this.IMPORTERS.push(new mod.Importer(this._umap, config)) this.IMPORTERS.push(new mod.Importer(this._umap, config))
} }
@ -168,7 +173,7 @@ export default class Importer {
}) })
} }
this._umap.help.parse(this.container) this._umap.help.parse(this.container)
DomEvent.on(this.qs('[name=submit]'), 'click', this.submit, this) this.qs('[name=submit]').addEventListener('click', () => this.submit())
DomEvent.on(this.qs('[type=file]'), 'change', this.onFileChange, this) DomEvent.on(this.qs('[type=file]'), 'change', this.onFileChange, this)
for (const element of this.container.querySelectorAll('[onchange]')) { for (const element of this.container.querySelectorAll('[onchange]')) {
DomEvent.on(element, 'change', this.onChange, this) DomEvent.on(element, 'change', this.onChange, this)