forked from MapComplete/MapComplete
		
	
		
			
				
	
	
		
			81 lines
		
	
	
		
			No EOL
		
	
	
		
			3 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			81 lines
		
	
	
		
			No EOL
		
	
	
		
			3 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
| import {UIEventSource} from "../../Logic/UIEventSource";
 | |
| import TagRenderingConfig from "../../Customizations/JSON/TagRenderingConfig";
 | |
| import TagRenderingQuestion from "./TagRenderingQuestion";
 | |
| import Translations from "../i18n/Translations";
 | |
| import State from "../../State";
 | |
| import Combine from "../Base/Combine";
 | |
| import BaseUIElement from "../BaseUIElement";
 | |
| import {Unit} from "../../Customizations/JSON/Denomination";
 | |
| import {VariableUiElement} from "../Base/VariableUIElement";
 | |
| 
 | |
| 
 | |
| /**
 | |
|  * Generates all the questions, one by one
 | |
|  */
 | |
| export default class QuestionBox extends VariableUiElement {
 | |
| 
 | |
|     constructor(tagsSource: UIEventSource<any>, tagRenderings: TagRenderingConfig[], units: Unit[]) {
 | |
|         const skippedQuestions: UIEventSource<number[]> = new UIEventSource<number[]>([])
 | |
| 
 | |
|         tagRenderings = tagRenderings
 | |
|             .filter(tr => tr.question !== undefined)
 | |
|             .filter(tr => tr.question !== null);
 | |
| 
 | |
|         super(tagsSource.map(tags => {
 | |
|                 if (tags === undefined) {
 | |
|                     return undefined;
 | |
|                 }
 | |
| 
 | |
|                 const tagRenderingQuestions = tagRenderings
 | |
|                     .map((tagRendering, i) => new TagRenderingQuestion(tagsSource, tagRendering,
 | |
|                         {
 | |
|                             units: units,
 | |
|                             afterSave: () => {
 | |
|                                 // We save
 | |
|                                 skippedQuestions.ping();
 | |
|                             },
 | |
|                             cancelButton: Translations.t.general.skip.Clone()
 | |
|                                 .SetClass("btn btn-secondary mr-3")
 | |
|                                 .onClick(() => {
 | |
|                                     skippedQuestions.data.push(i);
 | |
|                                     skippedQuestions.ping();
 | |
|                                 })
 | |
|                         }
 | |
|                     ));
 | |
| 
 | |
|                 const skippedQuestionsButton = Translations.t.general.skippedQuestions.Clone()
 | |
|                     .onClick(() => {
 | |
|                         skippedQuestions.setData([]);
 | |
|                     })
 | |
| 
 | |
| 
 | |
|                 const allQuestions: BaseUIElement[] = []
 | |
|                 for (let i = 0; i < tagRenderingQuestions.length; i++) {
 | |
|                     let tagRendering = tagRenderings[i];
 | |
| 
 | |
|                     if (tagRendering.IsKnown(tags)) {
 | |
|                         continue;
 | |
|                     }
 | |
| 
 | |
|                     if (skippedQuestions.data.indexOf(i) >= 0) {
 | |
|                         continue;
 | |
|                     }
 | |
|                     // this value is NOT known - we show the questions for it
 | |
|                     if (State.state.featureSwitchShowAllQuestions.data || allQuestions.length == 0) {
 | |
|                         allQuestions.push(tagRenderingQuestions[i])
 | |
|                     }
 | |
| 
 | |
|                 }
 | |
| 
 | |
|                 if (skippedQuestions.data.length > 0) {
 | |
|                     allQuestions.push(skippedQuestionsButton)
 | |
|                 }
 | |
| 
 | |
| 
 | |
|                 return new Combine(allQuestions).SetClass("block mb-8")
 | |
|             }, [skippedQuestions])
 | |
|         )
 | |
| 
 | |
|     }
 | |
| 
 | |
| } |