jeff/umap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(browser): add counter in datalayer headline

Browse source
This commit is contained in:
Yohan Boniface 2024-01-08 12:46:06 +01:00
parent cea5e30582
commit 2812431722
3 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
umap/static/umap/js/umap.browser.js
View file

@ -62,6 +62,8 @@ L.U.Browser = L.Class.extend({
container.id = `browse_data_datalayer_${datalayer.umap_id}` container.id = `browse_data_datalayer_${datalayer.umap_id}`
datalayer.renderToolbox(headline) datalayer.renderToolbox(headline)
L.DomUtil.add('span', '', headline, datalayer.options.name) L.DomUtil.add('span', '', headline, datalayer.options.name)
const counter = L.DomUtil.add('span', 'datalayer-counter', headline, datalayer.count())
counter.title = L._('{count} features in this layer', {count: datalayer.count()})
const ul = L.DomUtil.create('ul', '', container) const ul = L.DomUtil.create('ul', '', container)
L.DomUtil.classIf(container, 'off', !datalayer.isVisible()) L.DomUtil.classIf(container, 'off', !datalayer.isVisible())

4
umap/static/umap/js/umap.layer.js
View file

@ -1482,6 +1482,10 @@ L.U.DataLayer = L.Evented.extend({
return !!this.options.browsable && this.canBrowse() && this.isVisible() return !!this.options.browsable && this.canBrowse() && this.isVisible()
}, },
count: function () {
return this._index.length
},
hasData: function () { hasData: function () {
return !!this._index.length return !!this._index.length
}, },

5
umap/static/umap/map.css
View file

@ -1086,11 +1086,14 @@ a.add-datalayer:hover,
.umap-edit-enabled .show-on-edit.block { .umap-edit-enabled .show-on-edit.block {
display: block!important; display: block!important;
} }
.umap-browse-description { .umap-browse-description {
font-size: 0.9em; font-size: 0.9em;
margin-bottom: 14px; margin-bottom: 14px;
} }
.datalayer-counter {
float: right;
margin-right: 5px;
}
/* ********************************* */ /* ********************************* */