More translations

UI/Image/ImageCarousel.ts

@@ -23,10 +23,10 @@ export class ImageCarouselConstructor implements TagDependantUIElementConstructo
         return 0;
     }
 
-    construct(tags: UIEventSource<any>, changes: Changes): TagDependantUIElement {
-        return new ImageCarousel(tags, changes);
+    construct(dependencies: { tags: UIEventSource<any>, changes: Changes }): TagDependantUIElement {
+        return new ImageCarousel(dependencies.tags, dependencies.changes);
     }
-    
+
 }
 
 export class ImageCarousel extends TagDependantUIElement {

UI/ImageUploadFlow.ts

@@ -9,7 +9,6 @@ import {VariableUiElement} from "./Base/VariableUIElement";
 export class ImageUploadFlow extends UIElement {
     private _licensePicker: UIElement;
     private _selectedLicence: UIEventSource<string>;
-    private _licenseExplanation: UIElement;
     private _isUploading: UIEventSource<number> = new UIEventSource<number>(0)
     private _uploadOptions: (license: string) => { title: string; description: string; handleURL: (url: string) => void; allDone: (() => void) };
     private _userdetails: UIEventSource<UserDetails>;
@@ -31,12 +30,12 @@ export class ImageUploadFlow extends UIElement {
         this._uploadOptions = uploadOptions;
         this.ListenTo(this._isUploading);
 
-        const licensePicker = new DropDownUI("Jouw foto wordt gepubliceerd ",
+        const licensePicker = new DropDownUI("The picture is published ",
 
             [
-                {value: "CC0", shown: "in het publiek domein"},
-                {value: "CC-BY-SA 4.0", shown: "onder een CC-BY-SA-licentie"},
-                {value: "CC-BY 4.0", shown: "onder een CC-BY-licentie"}
+                {value: "CC0", shown: "in the public domain"},
+                {value: "CC-BY-SA 4.0", shown: "with a CC-BY-SA license"},
+                {value: "CC-BY 4.0", shown: "with a CC-BY license"}
             ],
             preferedLicense
         );
@@ -44,48 +43,37 @@ export class ImageUploadFlow extends UIElement {
         this._selectedLicence = licensePicker.selectedElement;
 
 
-        const licenseExplanations = {
-            "CC-BY-SA 4.0":
-                "<b>Creative Commonse met naamsvermelding en gelijk delen</b><br/>" +
-                "Je foto mag door iedereen gratis gebruikt worden, als ze je naam vermelden én ze afgeleide werken met deze licentie en attributie delen.",
-            "CC-BY 4.0":
-                "<b>Creative Commonse met naamsvermelding</b> <br/>" +
-                "Je foto mag door iedereen gratis gebruikt worden, als ze je naam vermelden",
-            "CC0":
-                "<b>Geen copyright</b><br/> Je foto mag door iedereen voor alles gebruikt worden"
-        }
-        this._licenseExplanation = new VariableUiElement(
-            this._selectedLicence.map((license) => {
-                return licenseExplanations[license]
-            })
-        );
     }
 
 
     protected InnerRender(): string {
 
         if (!this._userdetails.data.loggedIn) {
-            return "<div class='activate-osm-authentication'>Gelieve je aan te melden om een foto toe te voegen of vragen te beantwoorden</div>";
+            return "<div class='activate-osm-authentication'>Please log in to add a picture</div>";
         }
+
+        let uploadingMessage = "";
         if (this._isUploading.data == 1) {
-            return "<b>Bezig met een foto te uploaden...</b>"
+            uploadingMessage = "<b>Uploading a picture...</b>"
         }
         if (this._isUploading.data > 0) {
-            return "<b>Bezig met uploaden, nog " + this._isUploading.data + " foto's te gaan...</b>"
+            uploadingMessage = "<b>Uploading multiple pictures, " + this._isUploading.data + " left...</b>"
         }
 
         return "" +
             "<div class='imageflow'>" +
-            
+
             "<label for='fileselector-" + this.id + "'>" +
-            
+
             "<div class='imageflow-file-input-wrapper'>" +
             "<img src='./assets/camera-plus.svg' alt='upload image'/> " +
-            "<span class='imageflow-add-picture'>Voeg foto toe</span>" +
-            "<div class='break'></div>"+
+            "<span class='imageflow-add-picture'>Add a picture</span>" +
+            "<div class='break'></div>" +
             "</div>" +
-            this._licensePicker.Render() +
-            
+
+            this._licensePicker.Render() + "<br/>" +
+            uploadingMessage +
+
             "</label>" +
             
             "<input id='fileselector-" + this.id + "' " +

UI/MessageBoxHandler.ts

@@ -22,7 +22,7 @@ export class MessageBoxHandler {
             }
         }
 
-        new VariableUiElement(new UIEventSource<string>("<h2>Naar de kaart</h2>"),
+        new VariableUiElement(new UIEventSource<string>("<h2>Return to the map</h2>"),
             () => {
                 document.getElementById("to-the-map").onclick = function () {
                     uielement.setData(undefined);

UI/SaveButton.ts

@@ -19,7 +19,7 @@ export class SaveButton extends UIElement {
         ) {
             return "<span class='save-non-active'>Opslaan</span>"
         }
-        return "<span class='save'>Opslaan</span>";
+        return "<span class='save'>Save</span>";
     }
 
 }

UI/UserBadge.ts

@@ -60,7 +60,7 @@ export class UserBadge extends UIElement {
     protected InnerRender(): string {
         const user = this._userDetails.data;
         if (!user.loggedIn) {
-            return "<div class='activate-osm-authentication'>Klik hier om aan te melden bij OSM</div>";
+            return "<div class='activate-osm-authentication'>Login with OpenStreetMap</div>";
         }