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

Clone translations in review form

Browse source
This commit is contained in:
Pieter Vander Vennet 2021-06-21 03:25:23 +02:00
parent c25e039a91
commit fb0490ec27
1 changed files with 7 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

15
UI/Reviews/ReviewForm.ts
View file

@ -11,7 +11,6 @@ import CheckBoxes from "../Input/Checkboxes";
import UserDetails, {OsmConnection} from "../../Logic/Osm/OsmConnection"; import UserDetails, {OsmConnection} from "../../Logic/Osm/OsmConnection";
import BaseUIElement from "../BaseUIElement"; import BaseUIElement from "../BaseUIElement";
import Toggle from "../Input/Toggle"; import Toggle from "../Input/Toggle";
import State from "../../State";
export default class ReviewForm extends InputElement<Review> { export default class ReviewForm extends InputElement<Review> {
@ -27,7 +26,6 @@ export default class ReviewForm extends InputElement<Review> {
constructor(onSave: ((r: Review, doneSaving: (() => void)) => void), osmConnection: OsmConnection) { constructor(onSave: ((r: Review, doneSaving: (() => void)) => void), osmConnection: OsmConnection) {
super(); super();
this._osmConnection = osmConnection; this._osmConnection = osmConnection;
const t = Translations.t.reviews;
this._value = new UIEventSource({ this._value = new UIEventSource({
made_by_user: new UIEventSource<boolean>(true), made_by_user: new UIEventSource<boolean>(true),
rating: undefined, rating: undefined,
@ -37,7 +35,7 @@ export default class ReviewForm extends InputElement<Review> {
date: new Date() date: new Date()
}); });
const comment = new TextField({ const comment = new TextField({
placeholder: Translations.t.reviews.write_a_comment, placeholder: Translations.t.reviews.write_a_comment.Clone(),
htmlType: "area", htmlType: "area",
value: this._value.map(r => r?.comment), value: this._value.map(r => r?.comment),
textAreaRows: 5 textAreaRows: 5
@ -49,19 +47,20 @@ export default class ReviewForm extends InputElement<Review> {
const self = this; const self = this;
this._postingAs = this._postingAs =
new Combine([t.posting_as, new VariableUiElement(osmConnection.userDetails.map((ud: UserDetails) => ud.name)) new Combine([Translations.t.reviews.posting_as.Clone(),
new VariableUiElement(osmConnection.userDetails.map((ud: UserDetails) => ud.name))
.SetClass("review-author")]) .SetClass("review-author")])
.SetStyle("display:flex;flex-direction: column;align-items: flex-end;margin-left: auto;") .SetStyle("display:flex;flex-direction: column;align-items: flex-end;margin-left: auto;")
this._saveButton = this._saveButton =
new SaveButton(this._value.map(r => self.IsValid(r)), undefined) new SaveButton(this._value.map(r => self.IsValid(r)), undefined)
.onClick(() => { .onClick(() => {
self._saveButton = Translations.t.reviews.saving_review; self._saveButton = Translations.t.reviews.saving_review.Clone();
onSave(this._value.data, () => { onSave(this._value.data, () => {
self._saveButton = Translations.t.reviews.saved.SetClass("thanks"); self._saveButton = Translations.t.reviews.saved.Clone().SetClass("thanks");
}); });
}).SetClass("break-normal") }).SetClass("break-normal")
this._isAffiliated = new CheckBoxes([t.i_am_affiliated]) this._isAffiliated = new CheckBoxes([Translations.t.reviews.i_am_affiliated.Clone()])
this._comment = comment; this._comment = comment;
const stars = [] const stars = []
@ -98,7 +97,7 @@ export default class ReviewForm extends InputElement<Review> {
this._isAffiliated, this._isAffiliated,
this._saveButton this._saveButton
]).SetClass("review-form-bottom"), ]).SetClass("review-form-bottom"),
Translations.t.reviews.tos.SetClass("subtle") Translations.t.reviews.tos.Clone().SetClass("subtle")
]) ])
.SetClass("flex flex-col p-4") .SetClass("flex flex-col p-4")
.SetStyle( "border-radius: 1em;" + .SetStyle( "border-radius: 1em;" +