Way to much fixes and improvements

UI/Input/TextField.ts

@@ -4,8 +4,33 @@ import Translations from "../i18n/Translations";
 import {UIEventSource} from "../../Logic/UIEventSource";
 import * as EmailValidator from "email-validator";
 import {parsePhoneNumberFromString} from "libphonenumber-js";
+import {DropDown} from "./DropDown";
 
 export class ValidatedTextField {
+    
+    public static explanations = {
+        "string": "A basic, 255-char string",
+        "date": "A date",
+        "wikidata": "A wikidata identifier, e.g. Q42",
+        "int": "A number",
+        "nat": "A positive number",
+        "float": "A decimal",
+        "pfloat": "A positive decimal",
+        "email": "An email adress",
+        "url": "A url",
+        "phone": "A phone number"
+    }
+    
+    public static TypeDropdown() : DropDown<string>{
+        const values : {value: string, shown: string}[] = [];
+        const expl = ValidatedTextField.explanations;
+        for(const key in expl){
+            values.push({value: key, shown: `${key} - ${expl[key]}`})
+        }
+        return new DropDown<string>("", values)
+    }
+    
+    
     public static inputValidation = {
         "$": () => true,
         "string": () => true,
@@ -40,6 +65,19 @@ export class TextField<T> extends InputElement<T> {
         });
     }
     
+    public static KeyInput(): TextField<string>{
+        return new TextField<string>({
+            placeholder: "key",
+            fromString: str => {
+                if (str?.match(/^[a-zA-Z][a-zA-Z0-9:_-]*$/)) {
+                    return str;
+                }
+                return undefined
+            },
+            toString: str => str
+        });
+    }
+    
     public static NumberInput(type: string = "int", extraValidation: (number: Number) => boolean = undefined) : TextField<number>{
         const isValid = ValidatedTextField.inputValidation[type];
         extraValidation = extraValidation ?? (() => true)