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

More styling of the dashboard

Browse source
This commit is contained in:
Pieter Vander Vennet 2022-07-20 14:39:19 +02:00
parent 465497e6ca
commit a90fa5cd63
5 changed files with 27 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

6
UI/BigComponents/TagRenderingChart.ts
View file

@ -44,7 +44,8 @@ export default class TagRenderingChart extends Combine {
const mappings = tagRendering.mappings ?? []
if (mappings.length === 0 && tagRendering.freeform?.key === undefined) {
super(["TagRendering", tagRendering.id, "does not have mapping or a freeform key - no stats can be made"])
super([])
this.SetClass("hidden")
return;
}
let unknownCount = 0;
@ -96,7 +97,8 @@ export default class TagRenderingChart extends Combine {
}
if (unknownCount + notApplicable === features.length) {
super(["No relevant data for ", tagRendering.id])
super([])
this.SetClass("hidden")
return
}

12
UI/DashboardGui.ts
View file

@ -108,6 +108,9 @@ export default class DashboardGui {
let seenElements = new Set<string>()
for (const elementsWithMetaElement of elementsWithMeta) {
const layer = layers[elementsWithMetaElement.layer]
if(layer.title === undefined){
continue
}
const filtered = this.state.filteredLayers.data.find(fl => fl.layerDef == layer);
for (let i = 0; i < elementsWithMetaElement.features.length; i++) {
const element = elementsWithMetaElement.features[i];
@ -249,13 +252,16 @@ export default class DashboardGui {
continue
}
els.push(new Title(layer.name))
const layerStats = []
for (const tagRendering of layer.tagRenderings) {
const chart = new TagRenderingChart(featuresForLayer, tagRendering, {
chartclasses: "w-full",
chartstyle: "height: 60rem"
})
els.push(chart)
layerStats.push(chart.SetClass("w-full lg:w-1/3"))
}
els.push(new Combine(layerStats).SetClass("flex flex-wrap"))
}
return new Combine(els)
}))
@ -282,13 +288,13 @@ export default class DashboardGui {
this.allDocumentationButtons(),
new LanguagePicker(Object.keys(state.layoutToUse.title.translations)).SetClass("mt-2"),
new BackToIndex()
]).SetClass("w-1/2 m-4 flex flex-col shrink-0 grow-0"),
]).SetClass("w-1/2 lg:w-1/4 m-4 flex flex-col shrink-0 grow-0"),
new VariableUiElement(this.currentView.map(({title, contents}) => {
return new Combine([
new Title(Translations.W(title), 2).SetClass("shrink-0 border-b-4 border-subtle"),
Translations.W(contents).SetClass("shrink-2 overflow-y-auto block")
]).SetClass("flex flex-col h-full")
})).SetClass("w-1/2 m-4 p-2 border-2 border-subtle rounded-xl m-4 ml-0 mr-8 shrink-0 grow-0"),
})).SetClass("w-1/2 lg:w-3/4 m-4 p-2 border-2 border-subtle rounded-xl m-4 ml-0 mr-8 shrink-0 grow-0"),
]).SetClass("flex h-full")
.AttachTo("leafletDiv")