contrapunctus/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Formatting

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-05-06 11:05:41 +02:00
parent 36a0784e06
commit 5d3056cb09
1 changed files with 142 additions and 138 deletions
Download patch file Download diff file Expand all files Collapse all files

16
UI/Popup/TagRendering/Questionbox.svelte
View file

@ -14,6 +14,7 @@
import TagRenderingQuestion from "./TagRenderingQuestion.svelte"; import TagRenderingQuestion from "./TagRenderingQuestion.svelte";
import Tr from "../../Base/Tr.svelte"; import Tr from "../../Base/Tr.svelte";
import Translations from "../../i18n/Translations.js"; import Translations from "../../i18n/Translations.js";
import {Utils} from "../../../Utils";
export let layer: LayerConfig; export let layer: LayerConfig;
export let tags: UIEventSource<Record<string, string>>; export let tags: UIEventSource<Record<string, string>>;
@ -42,7 +43,7 @@
} }
let skippedQuestions = new UIEventSource<Set<string>>(new Set<string>()); let skippedQuestions = new UIEventSource<Set<string>>(new Set<string>());
let questionboxElem: HTMLBaseElement
let questionsToAsk = tags.map(tags => { let questionsToAsk = tags.map(tags => {
const baseQuestions = (layer.tagRenderings ?? [])?.filter(tr => allowed(tr.labels) && tr.question !== undefined); const baseQuestions = (layer.tagRenderings ?? [])?.filter(tr => allowed(tr.labels) && tr.question !== undefined);
const questionsToAsk: TagRenderingConfig[] = []; const questionsToAsk: TagRenderingConfig[] = [];
@ -72,9 +73,6 @@
let answered: number = 0; let answered: number = 0;
let skipped: number = 0; let skipped: number = 0;
function focus(){
}
function skip(question: TagRenderingConfig, didAnswer: boolean = false) { function skip(question: TagRenderingConfig, didAnswer: boolean = false) {
skippedQuestions.data.add(question.id); skippedQuestions.data.add(question.id);
skippedQuestions.ping(); skippedQuestions.ping();
@ -83,10 +81,14 @@
} else { } else {
skipped++; skipped++;
} }
window.setTimeout(() => {
Utils.scrollIntoView(questionboxElem)
}, 50)
} }
$: console.log("Current questionbox state:", {answered, skipped, questionsToAsk, layer, selectedElement, tags})
</script> </script>
<div bind:this={questionboxElem}>
{#if _questionsToAsk.length === 0} {#if _questionsToAsk.length === 0}
{#if skipped + answered > 0 } {#if skipped + answered > 0 }
@ -132,7 +134,8 @@
<If condition={state.userRelatedState.showAllQuestionsAtOnce}> <If condition={state.userRelatedState.showAllQuestionsAtOnce}>
<div> <div>
{#each _questionsToAsk as question (question.id)} {#each _questionsToAsk as question (question.id)}
<TagRenderingQuestion config={question} {tags} {selectedElement} {state} {layer}></TagRenderingQuestion> <TagRenderingQuestion config={question} {tags} {selectedElement} {state}
{layer}></TagRenderingQuestion>
{/each} {/each}
</div> </div>
@ -151,3 +154,4 @@
</If> </If>
</div> </div>
{/if} {/if}
</div>