MapComplete/src/UI/Popup/DisabledQuestions.svelte

<script lang="ts">
  import DisabledQuestionsLayer from "./DisabledQuestionsLayer.svelte"
  import { Stores } from "../../Logic/UIEventSource"
  import Tr from "../Base/Tr.svelte"
  import Translations from "../i18n/Translations"
  import type { SpecialVisualizationState } from "../SpecialVisualization"
  import ThemeViewState from "../../Models/ThemeViewState"

  /**
   * Shows _all_ disabled questions
   */
  export let state: ThemeViewState
  let layers = state.theme.layers.filter((l) => l.isNormal())

  let allDisabled = Stores.concat<string>(
    layers.map((l) => state.userRelatedState.getThemeDisabled(state.theme.id, l.id))
  ).map((l) => [].concat(...l))
  const t = Translations.t.general.questions
</script>

<h3>
  <Tr t={t.disabledTitle} />
</h3>
{#if $allDisabled.length === 0}
  <Tr t={t.noneDisabled} />
{:else}
  <Tr t={t.disabledIntro} />
  {#each layers as layer (layer.id)}
    <DisabledQuestionsLayer {state} {layer} />
  {/each}
{/if}