viewof form = { const selectedNames = [ "selectedNames", Inputs.select(available.names.sort(), { multiple: true, value: [ "Henry Barclay", "Johannes Megapolensis", "Pierre Joseph Chaumonot", "Thomas Barclay", "Boniface" ], disabled: displaySettings !== "Clergy" }) ]; const selectedPlaces = [ "selectedPlaces", Inputs.select(available.places.sort(), { multiple: true, value: ["Sweden"], disabled: displaySettings !== "Places" }) ]; const clergyHeader = displaySettings === "Clergy" ? html`Clergy` : html`Clergy`; const locationsHeader = displaySettings === "Places" ? html`Places` : html`Places`; const dispExtra = displaySettings === "Places" ? "block" : "none"; const shownamesHeader = displaySettings === "Places" ? html`Display Visually` : html``; const showNames = [ "showNames", Inputs.select(["Display clergy travels", "Display places"], { value: "Display places", disabled: displaySettings !== "Places" }) ]; const _view = view`

${clergyHeader} ${selectedNames}

${locationsHeader} ${selectedPlaces}

${shownamesHeader} ${showNames}

`; return _view; }