forked from MapComplete/MapComplete
78 lines
No EOL
2.7 KiB
TypeScript
78 lines
No EOL
2.7 KiB
TypeScript
import {UIElement} from "../UIElement";
|
|
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";
|
|
|
|
|
|
/**
|
|
* Generates all the questions, one by one
|
|
*/
|
|
export default class QuestionBox extends UIElement {
|
|
private readonly _tags: UIEventSource<any>;
|
|
|
|
private readonly _tagRenderings: TagRenderingConfig[];
|
|
private _tagRenderingQuestions: UIElement[];
|
|
|
|
private _skippedQuestions: UIEventSource<number[]> = new UIEventSource<number[]>([])
|
|
private _skippedQuestionsButton: UIElement;
|
|
|
|
constructor(tags: UIEventSource<any>, tagRenderings: TagRenderingConfig[]) {
|
|
super(tags);
|
|
this.ListenTo(this._skippedQuestions);
|
|
this._tags = tags;
|
|
const self = this;
|
|
this._tagRenderings = tagRenderings
|
|
.filter(tr => tr.question !== undefined)
|
|
.filter(tr => tr.question !== null);
|
|
this._tagRenderingQuestions = this._tagRenderings
|
|
.map((tagRendering, i) => new TagRenderingQuestion(this._tags, tagRendering,
|
|
() => {
|
|
// We save
|
|
self._skippedQuestions.ping();
|
|
},
|
|
Translations.t.general.skip.Clone()
|
|
.SetClass("btn btn-secondary mr-3")
|
|
.onClick(() => {
|
|
self._skippedQuestions.data.push(i);
|
|
self._skippedQuestions.ping();
|
|
})
|
|
));
|
|
|
|
this._skippedQuestionsButton = Translations.t.general.skippedQuestions.Clone()
|
|
.onClick(() => {
|
|
self._skippedQuestions.setData([]);
|
|
})
|
|
this.SetClass("block mb-8")
|
|
}
|
|
|
|
InnerRender(): string {
|
|
const allQuestions : UIElement[] = []
|
|
for (let i = 0; i < this._tagRenderingQuestions.length; i++) {
|
|
let tagRendering = this._tagRenderings[i];
|
|
|
|
if(tagRendering.IsKnown(this._tags.data)){
|
|
continue;
|
|
}
|
|
|
|
if (this._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(this._tagRenderingQuestions[i])
|
|
}
|
|
|
|
}
|
|
|
|
if(this._skippedQuestions.data.length > 0){
|
|
allQuestions.push(this._skippedQuestionsButton)
|
|
}
|
|
|
|
|
|
return new Combine(allQuestions).Render();
|
|
}
|
|
|
|
} |