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

wip: use direct imports instead of L. global

Browse source
This commit is contained in:
Yohan Boniface 2024-04-26 10:53:14 +02:00
parent 4f8e453012
commit a2d04b9ad4
1 changed files with 20 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
umap/static/umap/js/modules/rules.js
View file

@ -59,7 +59,7 @@ class Rule {
'condition', 'condition',
{ {
handler: 'BlurInput', handler: 'BlurInput',
label: L._('Condition'), label: translate('Condition'),
placeholder: translate('key=value or key!=value'), placeholder: translate('key=value or key!=value'),
}, },
], ],
@ -77,33 +77,41 @@ class Rule {
] ]
const container = DomUtil.create('div') const container = DomUtil.create('div')
const builder = new U.FormBuilder(this, options) const builder = new U.FormBuilder(this, options)
const defaultShapeProperties = L.DomUtil.add('div', '', container) const defaultShapeProperties = DomUtil.add('div', '', container)
defaultShapeProperties.appendChild(builder.build()) defaultShapeProperties.appendChild(builder.build())
this.map.editPanel.open({ content: container }) this.map.editPanel.open({ content: container })
} }
renderToolbox(row) { renderToolbox(row) {
const toggle = L.DomUtil.createButtonIcon(row, 'icon-eye', L._('Show/hide layer')) const toggle = DomUtil.createButtonIcon(
const edit = L.DomUtil.createButtonIcon(row, 'icon-edit show-on-edit', L._('Edit')) row,
const remove = L.DomUtil.createButtonIcon( 'icon-eye',
translate('Show/hide layer')
)
const edit = DomUtil.createButtonIcon(
row,
'icon-edit show-on-edit',
translate('Edit')
)
const remove = DomUtil.createButtonIcon(
row, row,
'icon-delete show-on-edit', 'icon-delete show-on-edit',
L._('Delete layer') translate('Delete layer')
) )
L.DomEvent.on(edit, 'click', this.edit, this) DomEvent.on(edit, 'click', this.edit, this)
L.DomEvent.on( DomEvent.on(
remove, remove,
'click', 'click',
function () { function () {
if (!confirm(L._('Are you sure you want to delete this rule?'))) return if (!confirm(translate('Are you sure you want to delete this rule?'))) return
this._delete() this._delete()
this.map.editPanel.close() this.map.editPanel.close()
}, },
this this
) )
DomUtil.add('span', '', row, this.condition || translate('empty rule')) DomUtil.add('span', '', row, this.condition || translate('empty rule'))
L.DomUtil.createIcon(row, 'icon-drag', L._('Drag to reorder')) DomUtil.createIcon(row, 'icon-drag', translate('Drag to reorder'))
row.dataset.id = stamp(this) row.dataset.id = stamp(this)
//L.DomEvent.on(toggle, 'click', this.toggle, this) //L.DomEvent.on(toggle, 'click', this.toggle, this)
} }
@ -147,7 +155,7 @@ export default class Rules {
} }
edit(container) { edit(container) {
const body = L.DomUtil.createFieldset( const body = DomUtil.createFieldset(
container, container,
translate('Conditional style rules') translate('Conditional style rules')
) )
@ -160,7 +168,7 @@ export default class Rules {
const orderable = new U.Orderable(ul, this.onReorder.bind(this)) const orderable = new U.Orderable(ul, this.onReorder.bind(this))
} }
L.DomUtil.createButton('umap-add', body, translate('Add rule'), this.addRule, this) DomUtil.createButton('umap-add', body, translate('Add rule'), this.addRule, this)
} }
addRule() { addRule() {