Add image upload functionality with imgur

Logic/OsmImageUploadHandler.ts

@@ -0,0 +1,70 @@
+/**
+ * Helps in uplaoding, by generating the rigth title, decription and by adding the tag to the changeset
+ */
+import {UIEventSource} from "../UI/UIEventSource";
+import {ImageUploadFlow} from "../UI/ImageUploadFlow";
+import {Changes} from "./Changes";
+import {UserDetails} from "./OsmConnection";
+
+export class OsmImageUploadHandler {
+    private _tags: UIEventSource<any>;
+    private _changeHandler: Changes;
+    private _userdetails: UserDetails;
+
+    constructor(tags: UIEventSource<any>,
+                userdetails: UserDetails,
+                changeHandler: Changes
+    ) {
+        if (tags === undefined || userdetails === undefined || changeHandler === undefined) {
+            throw "Something is undefined"
+        }
+        console.log(tags, changeHandler, userdetails)
+        this._tags = tags;
+        this._changeHandler = changeHandler;
+        this._userdetails = userdetails;
+    }
+
+    private generateOptions(license: string) {
+        console.log(this)
+        console.log(this._tags, this._changeHandler, this._userdetails)
+        const tags = this._tags.data;
+
+        const title = tags.name ?? "Unknown area";
+        const description = [
+            "author:" + this._userdetails.name,
+            "license:" + license,
+            "wikidata:" + tags.wikidata,
+            "osmid:" + tags.id,
+            "name:" + tags.name
+        ].join("\n");
+
+        const changes = this._changeHandler;
+        return {
+            title: title,
+            description: description,
+            handleURL: function (url) {
+                let freeIndex = 0;
+                while (tags["image:" + freeIndex] !== undefined) {
+                    freeIndex++;
+                }
+                console.log("Adding image:" + freeIndex, url);
+                changes.addChange(tags.id, "image:" + freeIndex, url);
+            },
+            allDone: function () {
+                changes.uploadAll(function () {
+                    console.log("Writing changes...")
+                });
+            }
+        }
+    }
+
+    getUI(): ImageUploadFlow {
+        const self = this;
+        return new ImageUploadFlow(function (license) {
+                return self.generateOptions(license)
+            }
+        );
+    }
+
+
+}