31:Td9e,viewof classes = { if (!shapefiles || !shapefiles.length) { return [] } let forms let formsView function updateFormsData () { const formsData = getFormsData() formsData.map((formData) => { const key = formData.filename localStorage.setItem(key, JSON.stringify(formData)) }) formsView.value = formsData } function getFormsData () { return forms.map((form) => form.getData()) } const createRow = (inputs, field, example, index) => html` ${html`${inputs[index].field}`} ${field} ${example} ${html`${inputs[index].name}`} ${html`${inputs[index].type}`} ${html`${inputs[index].transform}`} ${html`${inputs[index].description}`} ` function createForm (shapefile) { let storedData try { storedData = JSON.parse(localStorage.getItem(shapefile.name)) } catch (err) { // no stored data... } const fields = shapefile.fields const classId = text({ title: 'Class', description: 'Naam/identifier van klasse objecten/records' }) const properties = firstFeature(shapefile.geojson).properties function getStoredInput (index, input) { if (storedData && storedData.fields) { const fields = storedData.fields[index] if (fields) { return fields[input] } } } const inputs = fields.map((field, index) => ({ field: checkbox({ options: [{ value: field, label: ``}], value: getStoredInput(index, 'field') !== undefined ? getStoredInput(index, 'field') : field }), name: text({placeholder: field, value: getStoredInput(index, 'name')}), type: select({options: types, value: getStoredInput(index, 'type') || detectType(properties[field])}), transform: text({placeholder: 'value', value: getStoredInput(index, 'transform')}), description: text({value: getStoredInput(index, 'description')}) })) function getFormData () { return { classId: classId.value, filename: shapefile.name, fields: inputs .map((row) => R.fromPairs(Object.entries(row).map(([field, input]) => [field, input.value]))) } } const form = html`

${shapefile.name}

${classId} ${fields.map((field, index) => createRow(inputs, field, properties[field], index))}

	Veld	Voorbeeld	Nieuwe naam	Type	Transformatie	Omschrijving

` classId.addEventListener('input', () => { updateFormsData() }) inputs.map((row) => { Object.values(row).map((input) => { input.addEventListener('input', () => { updateFormsData() }) }) }) return { html: form, getData: getFormData } } // const noFields = html`Geen velden; upload eerst een Shapefile` forms = shapefiles.map(createForm) formsView = html`

${form.html}`)}

` formsView.value = getFormsData() return formsView }32:T623,explanation = md` Uitleg bij bovenstaand formulier: - __Veld__: oorspronkelijke veldnaam uit Shapefile. Met de checkbox links van de veldnaam kan worden bepaald of deze kolom wordt opgenomen in het schema. Het veld \`volgnummer\` wordt automatisch toegevoegd, dit veld kan als Identifier worden gebruikt als er geen ander veld in aanmerking komt. __Het is een heel slecht idee om een volgnummer als identifier te gebruiken, maar voor testdoeleinden mag 't!__ - __Voorbeeld__: waarde van dit veld uit eerste object uit Shapefile. - __Nieuwe naam__: nieuwe naam die kan worden gebruikt in plaats van de oorspronkelijke veldnaam uit de Shapefile. Als de nieuwe naam leeg is wordt de oorspronkelijke naam gebruikt. - __Type__: type van het veld. In het dropdown-menu staan de beschikbare types. Voor meer informatie over deze types, zie [\`type\`](https://json-schema.org/understanding-json-schema/reference/type.html) en [\`format\`](https://json-schema.org/understanding-json-schema/reference/string.html#format) in de documentatie van [JSON Schema](https://json-schema.org/). __Als het type \`Identifier\` is moet de veldnaam \`id\` zijn! Elk record moet precies één identifier-veld bevatten.__ - __Transformatie__: in dit invoerveld kan een JavaScript-functie worden geschreven die de veldwaarde transformeert. Standaard wordt er geen transformatie uitgevoerd, de waarde \`value\` wordt dan één-op-één doorgegeven. Voorbeeld: \`Math.round(value)\` rondt een getal af. - __Omschrijving__: omschrijving van dit veld. __Deze omschrijving is verplicht!__ `33:T7e7,uploadMessage = { if (upload && upload.success !== undefined) { if (upload.success) { return html`Gelukt! Bekijk de kaartlaag via WMS en WFS:

${datasetId}.${cls.classId}

Bekijk de data via de REST-API:

` } else { return html`Fout: ${upload.message}

${(upload.errors && upload.errors.length) ? JSON.stringify(upload.errors, null, 2) : ''}

` } } return md`` }34:[] 2f:{"title":"Amsterdam Schema Importwizard 🧙‍♀️","cells":[{"id":466,"value":"title = md`# Amsterdam Schema Importwizard 🧙‍♀️`","pinned":false,"hidden":false,"mode":"ojs"},{"id":627,"value":"md`_Deze wizard is ook beschikbaar op [een eigen webpagina](https://amsterdam-schema-importwizard.glitch.me/) (zonder Observable-knoppen en -interface)._`","pinned":false,"hidden":false,"mode":"ojs"},{"id":0,"value":"introduction = md`\n\nMet deze tool kun je automatisch van een Shapefile een JSON Schema en JSON-data genereren dat aan het Amsterdam Schema voldoet. Zie ook:\n\n- [Amsterdam Schema](https://github.com/amsterdam/amsterdam-schema)\n- [Werkbestand Team Dataservices](https://observablehq.com/@bertspaan/werkbestand-team-dataservices)\n- [Amsterdam Schema Playground](https://observablehq.com/@bertspaan/amsterdam-schema-playground)\n\n_Als je zelf geen Shapefile hebt maar wel deze tool wil testen kun je Shapefiles downloaden uit het [Dataportaal](https://data.amsterdam.nl/datasets/?filters=%7B%22formats%22%3A%22application%2Fx-zipped-shp%22%7D), bijvoorbeeld [Sportparken en sportvelden](https://data.amsterdam.nl/datasets/mdp9l38vc9omBQ/) of de [Bommenkaart](https://data.amsterdam.nl/datasets/3bvurdAzhoswyA/)._\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"viewof zipfiles = createDropzone({\n placeholder: 'Sleep gezipte Shapefile(s) hier!',\n maxSize: 1024 * 1024 * 50,\n pattern: '*.zip',\n multiple: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":206,"value":"md`## Dataset`","pinned":false,"hidden":false,"mode":"ojs"},{"id":211,"value":"viewof datasetId = text({title: \"Identifier\", placeholder: '', description: 'Elke dataset heeft een identifier'})","pinned":false,"hidden":false,"mode":"ojs"},{"id":682,"value":"viewof datasetTitle = text({title: \"Titel\", placeholder: '', description: 'Elke dataset heeft een titel'})","pinned":false,"hidden":false,"mode":"ojs"},{"id":678,"value":"viewof datasetCrs = select({\n title: 'Coordinate Reference System',\n options: ['EPSG:28992', 'EPSG:4326'],\n value: 'EPSG:28992'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":532,"value":"md`Verder heeft een dataset nog veel meer metadata. Hiervoor gebruiken we onder andere de [DCAT-standaard](https://www.w3.org/TR/vocab-dcat/). Deze tool ondersteunt dit nog niet.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":208,"value":"md`## Objecten`","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":202,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":687,"value":"datasetSchema = ({\n id: datasetId,\n type: 'dataset',\n title: datasetTitle,\n version: '0.0.1',\n crs: datasetCrs,\n classes: classes.map((cls) => ({\n id: cls.classId,\n type: 'class',\n schema: makeObjectSchema(cls)\n }))\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":200,"value":"datasetSchemaText = datasetSchema ? md`\n~~~js\n${JSON.stringify(datasetSchema, null, 2)}\n~~~\n` : html`Vul eerst datasetnaam en objecttype in!`","pinned":false,"hidden":false,"mode":"ojs"},{"id":727,"value":"downloadDatasetSchema = DOM.download(\n new Blob([JSON.stringify(datasetSchema, null, 2)], {type: 'application/json'}),\n `${datasetId}.json`,\n 'Download Amsterdam Schema'\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":191,"value":"objects = shapefiles\n .map((shapefile, index) => shapefile.geojson.features\n .map((feature) => featureToObject(feature, classes[index])))\n .flat()","pinned":false,"hidden":false,"mode":"ojs"},{"id":734,"value":"viewof upload = {\n let form = html`