try taxifahrer & add new Inputdesign(noch nicht ready)

ReallifeGamemode.Client/assets/js/inputhelper/application.js

@@ -0,0 +1,73 @@
+let content = document.getElementById('content');
+
+let heading = document.getElementById('heading');
+let description = document.getElementById('description');
+
+let input = document.getElementById('input');
+let close = document.getElementById('close');
+
+function setInputFieldType(value) {
+    if (input.type == value) return;
+
+    var field = document.createElement('input');
+    field.type = value;
+    field.id = input.id;
+    field.name = input.name;
+    input.parentNode.replaceChild(field, input);
+
+    input = field;
+    input.focus();
+
+    return field;
+}
+
+function setText(heading, description) {
+    setHeading(heading);
+    setDescription(description);
+}
+
+function setHeading(value) {
+    heading.innerText = value;
+}
+
+function setDescription(value) {
+    if (value.length <= 5) {
+        description.remove();
+        return false;
+    }
+
+    description.innerText = value;
+}
+
+function removeDescription() {
+    document.removeChild(description);
+}
+
+function getInput() {
+    return input.value.length != 0 ? input.value : null;
+}
+
+function closeWindow() {
+    // TODO: Fenster schließen
+    console.log('Fenster geschlossen!');
+}
+
+setInputFieldType('text');
+setText("Überschrift", "Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores laboriosam atque ut voluptates molestiae ab autem? Est consectetur voluptatem quia, commodi sint a omnis consequuntur. Tempora dolores ullam natus in?");
+
+/* Enter wird im Input-Feld gedrückt */
+input.onkeyup = e => {
+    let code = e.keyCode ? e.keyCode : e.which;
+    if (code === 13) {
+        // TODO: Wert entgegennehmen
+        closeWindow();
+    }
+}
+
+/* ESC wird gedrückt */
+document.onkeyup = e => {
+    let code = e.keyCode ? e.keyCode : e.which;
+    if (code === 27) { closeWindow(); }
+}
+
+close.onclick = e => { closeWindow(); }