Skip to content

Commit

Permalink
idem
Browse files Browse the repository at this point in the history
  • Loading branch information
JLSchaap committed Mar 11, 2024
1 parent 6586c78 commit 15e46a7
Show file tree
Hide file tree
Showing 3 changed files with 222 additions and 222 deletions.
30 changes: 15 additions & 15 deletions projects/vectortile-demo/src/app/app.component.ts
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { Component, OnInit } from '@angular/core'
import { Router } from '@angular/router'
import {
Visualisatie,
getAllVisualisaties,
getStyleUrl,
} from './enumVisualisatie';
} from './enumVisualisatie'
export const demoSettings = {
demoVisualisatieRotate: false,
demoLocatieRotate: false,
previewFeature: false,
};
}

@Component({
selector: 'app-root',
Expand All @@ -24,35 +24,35 @@ export class AppComponent implements OnInit {
) => {
const enumName = (Object.keys(_enum) as Array<keyof T>).find(
(k) => _enum[k] === val
);
if (!enumName) throw new Error(errormessage);
return _enum[enumName];
)
if (!enumName) throw new Error(errormessage)
return _enum[enumName]
};

visualisatie = getAllVisualisaties();
currentVis = Visualisatie.BGTachtergrond;
isShow: boolean = false;
styleurl!: string;
styleurl!: string

constructor(private router: Router) {
/* do nothing*/
}

ngOnInit() {}
ngOnInit() { }

toggleShow() {
this.isShow = !this.isShow;
this.visualisatie = getAllVisualisaties();
this.isShow = !this.isShow
this.visualisatie = getAllVisualisaties()
}

receiveTitle(data: Visualisatie) {
this.currentVis = data;
this.currentVis = data

this.styleurl = getStyleUrl(this.currentVis).url!;
this.styleurl = getStyleUrl(this.currentVis).url!
}

onSelect(vis: Visualisatie): void {
this.currentVis = vis;
this.isShow = false;
this.currentVis = vis
this.isShow = false
}
}
68 changes: 34 additions & 34 deletions projects/vectortile-demo/src/app/enumVisualisatie.ts
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import { environment } from '../environments/environment';
import { demoSettings } from './app.component';
import { environment } from '../environments/environment'
import { demoSettings } from './app.component'

export enum Visualisatie {
BGTachtergrond = 'BGT Achtergrond',
Expand All @@ -14,38 +14,38 @@ export enum Visualisatie {
BGTzerodefaultB_tegels = 'BGT (Kleurrijk tegels zichtbaar)',
BGTzerodefaultC_Bron = 'BGT Bronhouder',
BGTzerodefaultD_kleur = 'BGT (Kleurrijk)',
BGTtactiel = 'BGT Tactiele demo (Braille)',
//BGTtactiel = 'BGT Tactiele demo (Braille)',
BESTUURstd = 'Bestuurlijke gebieden',
BESTUURWithLabels = 'Bestuurlijke gebieden met annotatie',
//BESTUURLabelOnly = 'Bestuurlijke gebieden alleen labels',
BESTUURBlanko = 'Bestuurlijke gebieden (Blanco)',
}

export type StyleUrl = {
source: 'bag' | 'bgt' | 'bestuurlijkegebieden';
url: string | undefined;
};
source: 'bag' | 'bgt' | 'bestuurlijkegebieden'
url: string | undefined
}

export function getStyleUrl(vis: Visualisatie): StyleUrl {
switch (vis) {
case Visualisatie.BGTachtergrond:
return { source: 'bgt', url: environment.BGTmapboxachtergrondjsonurl };
return { source: 'bgt', url: environment.BGTmapboxachtergrondjsonurl }

case Visualisatie.BGTstandaard:
return { source: 'bgt', url: environment.BGTmapboxstandaardjsonurl };
case Visualisatie.BGTtactiel:
return { source: 'bgt', url: environment.BGTmapboxtactieljsonurl };
return { source: 'bgt', url: environment.BGTmapboxstandaardjsonurl }
//case Visualisatie.BGTtactiel:
// return { source: 'bgt', url: environment.BGTmapboxtactieljsonurl }
case Visualisatie.Bagstd:
return { source: 'bag', url: environment.BAGmapboxbagstd };
return { source: 'bag', url: environment.BAGmapboxbagstd }
case Visualisatie.BagCompleet:
return { source: 'bag', url: environment.BAGmapboxbagCompleet };
return { source: 'bag', url: environment.BAGmapboxbagCompleet }
case Visualisatie.BESTUURstd:
return { source: 'bestuurlijkegebieden', url: environment.BESTUURstd };
return { source: 'bestuurlijkegebieden', url: environment.BESTUURstd }
case Visualisatie.BESTUURWithLabels:
return {
source: 'bestuurlijkegebieden',
url: environment.BESTUURWithLabels,
};
}
//case Visualisatie.BESTUURLabelOnly:
// return {
// source: 'bestuurlijkegebieden',
Expand All @@ -55,38 +55,38 @@ export function getStyleUrl(vis: Visualisatie): StyleUrl {
case Visualisatie.BGTzerodefaultC_Bron:
case Visualisatie.BGTzerodefaultD_kleur:
case Visualisatie.BGTzerodefaultB_tegels:
return { source: 'bgt', url: undefined };
return { source: 'bgt', url: undefined }
case Visualisatie.Bagblanko:
case Visualisatie.Bagkleurrijk:
case Visualisatie.BagKleurrijk_tegels:
return { source: 'bag', url: undefined };
return { source: 'bag', url: undefined }
case Visualisatie.BESTUURBlanko:
return { source: 'bestuurlijkegebieden', url: undefined };
return { source: 'bestuurlijkegebieden', url: undefined }

default:
return exhaustiveGuard(vis);
return exhaustiveGuard(vis)
}
}

function enumKeys<O extends object, K extends keyof O = keyof O>(obj: O): K[] {
return Object.keys(obj).filter((k) => Number.isNaN(+k)) as K[];
return Object.keys(obj).filter((k) => Number.isNaN(+k)) as K[]
}

export function exhaustiveGuard(_value: never): never {
throw new Error(
`ERROR! Reached forbidden guard function with unexpected value: ${JSON.stringify(
_value
)}`
);
)
}

export function getAllVisualisaties(): Visualisatie[] {
const array: Visualisatie[] = [];
if (demoSettings.previewFeature)
for (const value of enumKeys(Visualisatie)) {
array.push(Visualisatie[value]);
}
else
const array: Visualisatie[] = []
// if (demoSettings.previewFeature)
for (const value of enumKeys(Visualisatie)) {
array.push(Visualisatie[value])
}
/* else
for (const value of enumKeys(Visualisatie)) {
if (
[
Expand All @@ -98,21 +98,21 @@ export function getAllVisualisaties(): Visualisatie[] {
) {
//skip
} else {
array.push(Visualisatie[value]);
}
}
return array;
array.push(Visualisatie[value])
} */
//}
return array
}

export function getRandomEnumValue<T extends object>(anEnum: T): T[keyof T] {
//save enums inside array
const enumValues = Object.keys(anEnum) as Array<keyof T>;
const enumValues = Object.keys(anEnum) as Array<keyof T>

//Generate a random index (max is array length)
const randomIndex = Math.floor(Math.random() * enumValues.length);
const randomIndex = Math.floor(Math.random() * enumValues.length)
// get the random enum value

const randomEnumKey = enumValues[randomIndex];
return anEnum[randomEnumKey];
const randomEnumKey = enumValues[randomIndex]
return anEnum[randomEnumKey]
// if you want to have the key than return randomEnumKey
}
Loading

0 comments on commit 15e46a7

Please sign in to comment.