midgard/mapcomplete
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Small tweaks

Browse source
This commit is contained in:
pietervdvn 2022-01-24 00:19:01 +01:00
parent 3a158a6155
commit 141d5330a7
1 changed files with 50 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

88
UI/ImportFlow/PreviewPanel.ts
View file

@ -14,10 +14,10 @@ import CheckBoxes from "../Input/Checkboxes";
/**
* Shows the data to import on a map, asks for the correct layer to be selected
*/
export class PreviewPanel extends Combine implements FlowStep<{ features: { properties: any, geometry: { coordinates: [number, number] } }[] }>{
export class PreviewPanel extends Combine implements FlowStep<{ features: { properties: any, geometry: { coordinates: [number, number] } }[] }> {
public readonly IsValid: UIEventSource<boolean>;
public readonly Value: UIEventSource< { features: { properties: any, geometry: { coordinates: [number, number] } }[] }>
public readonly Value: UIEventSource<{ features: { properties: any, geometry: { coordinates: [number, number] } }[] }>
constructor(
state: UserRelatedState,
geojson: { features: { properties: any, geometry: { coordinates: [number, number] } }[] }) {
@ -29,70 +29,82 @@ export class PreviewPanel extends Combine implements FlowStep<{ features: { prop
for (const f of geojson.features) {
Object.keys(f.properties).forEach(key => propertyKeys.add(key))
}
const attributeOverview : BaseUIElement[] = []
const attributeOverview: BaseUIElement[] = []
const n = geojson.features.length;
for (const key of Array.from(propertyKeys)) {
const values = Utils.NoNull(geojson.features.map(f => f.properties[key]))
console.log("There are ",values.length,"features with attribute",key, "namely",values)
const allSame = !values.some(v => v !== values[0])
if(allSame){
attributeOverview.push(new Title(key+"="+values[0]))
if(values.length === n){
attributeOverview.push(t.allAttributesSame)
}else{
attributeOverview.push(t.someHaveSame.Subs({count: values.length, percentage: Math.floor(100 * values.length / n)}))
}
let countSummary: BaseUIElement
if (values.length === n) {
countSummary = t.allAttributesSame
} else {
countSummary = t.someHaveSame.Subs({
count: values.length,
percentage: Math.floor(100 * values.length / n)
})
}
if (allSame) {
attributeOverview.push(new Title(key + "=" + values[0]))
attributeOverview.push(countSummary)
continue
}
const uniqueCount = new Set(values).size
if(uniqueCount !== values.length){
if (uniqueCount !== values.length) {
attributeOverview.push()
// There are some overlapping values: histogram time!
let hist : BaseUIElement = new Histogram(
new UIEventSource<string[]>(values),
"Value",
"Occurence",
{
sortMode: "count-rev"
}
)
const title = new Title(key+"=*")
if(uniqueCount > 15){
hist = new Toggleable(title,
let hist: BaseUIElement =
new Combine([
countSummary,
new Histogram(
new UIEventSource<string[]>(values),
"Value",
"Occurence",
{
sortMode: "count-rev"
})
]).SetClass("flex flex-col")
const title = new Title(key + "=*")
if (uniqueCount > 15) {
hist = new Toggleable(title,
hist.SetClass("block")
).Collapse()
}else{
} else {
attributeOverview.push(title)
}
attributeOverview.push(hist)
continue
}
// All values are different, we add a boring (but collapsable) list
attributeOverview.push(new Toggleable(
new Title(key+"=*"),
new Title(key + "=*"),
new Combine([
countSummary,
new List(values)
) )
])
))
}
const confirm = new CheckBoxes([t.inspectLooksCorrect])
super([
new Title(t.inspectDataTitle.Subs({count:geojson.features.length })),
new Title(t.inspectDataTitle.Subs({count: geojson.features.length})),
...attributeOverview,
confirm
]);
this.Value = new UIEventSource<{features: {properties: any; geometry: {coordinates: [number, number]}}[]}>(geojson)
this.Value = new UIEventSource<{ features: { properties: any; geometry: { coordinates: [number, number] } }[] }>(geojson)
this.IsValid = confirm.GetValue().map(selected => selected.length == 1)
}
}