From c6e0df5018bf322017eb3c246dc6c6a4b9e955ac Mon Sep 17 00:00:00 2001
From: teldra <teldra@rotce.de>
Date: Mon, 13 Jun 2022 00:59:41 +0200
Subject: [PATCH] small fixes

---
 content/misc/tools/generator.de.md            | 32 ++-----------------
 .../partials/layout/generator/form.html       |  9 ++++++
 themes/buha/static/js/generator.js            |  7 ++--
 3 files changed, 16 insertions(+), 32 deletions(-)

diff --git a/content/misc/tools/generator.de.md b/content/misc/tools/generator.de.md
index 459d17a..79cbe0e 100644
--- a/content/misc/tools/generator.de.md
+++ b/content/misc/tools/generator.de.md
@@ -19,39 +19,11 @@ forms:
         input_type: text
         name: "Beschreibung/Summary"
         placeholder: "Wir feiern die 300jährige Tour und können das mit ca 30 Worten umreissen."
-
-      - title: headline
-        input_type: buttons
-        name: "Überschrift"
-        target: "content"
-      - title: url
-        input_type: buttons
-        name: "URL"
-        target: "content"
-      - title: pic
-        input_type: buttons
-        name: "Bild"
-        target: "content"
-      - title: bold
-        input_type: buttons
-        name: "Fett"
-        target: "content"
-      - title: paragraph
-        input_type: buttons
-        name: "Absatz"
-        target: "content"
-      - title: newline
-        input_type: buttons
-        name: "Neue Zeile"
-        target: "content"
-      - title: more
-        input_type: buttons
-        name: "More"
-        target: "content"
-        
       - title: content
         input_type: textarea
         name: "Inhalt"
+        buttons: "headline,Überschrift;url,URL;pic,Bild;bold,Fett;paragraph,Absatz;newline,Neue Zeile;more,Mehr"
+        button_target: content
         required: true
         placeholder: "Einfach losschreiben. Der erste Absatz wird die Zusammenfassung in Artikelübersichten. Denke an die Formatierungshilfe hinter dem Link oben."
       - title: categories
diff --git a/themes/buha/layouts/partials/layout/generator/form.html b/themes/buha/layouts/partials/layout/generator/form.html
index d35e063..2834ff4 100644
--- a/themes/buha/layouts/partials/layout/generator/form.html
+++ b/themes/buha/layouts/partials/layout/generator/form.html
@@ -27,6 +27,15 @@
     {{ else if eq .input_type "textarea" }}
         <div class="w100 {{ if .group }} visibleIf margin_left_1rem" data-visibleif-rule="{{ .group }}group == 'true' {{ end }}">
             <label class="w100 {{ if $pageform.names }}sr-only{{ end }}" for="{{ .title }}">{{- $name -}}{{- if .required -}}{{- " *" -}}{{- end -}}</label>
+            {{ $button_target := .button_target }}
+            {{ range split .buttons ";"}}
+                {{ $b := split . ","}}
+                {{ $name := index $b 0 }}
+                {{ $translation := index $b 1 }}
+                {{ $nn := printf "%s-%s" $button_target $name}}
+                {{ $nn }}
+                <button onclick="button({{ $nn }})" value="{{ $name }}">{{ $translation }}</button>
+            {{ end }}
             <textarea class="w100" name="{{ .title }}" id="{{ .title }}" rows="10" {{ if .placeholder }}placeholder="{{ .placeholder }}"{{ end }}></textarea>
         </div>
     {{ else if eq .input_type "radio" }}
diff --git a/themes/buha/static/js/generator.js b/themes/buha/static/js/generator.js
index 12d1160..6195631 100644
--- a/themes/buha/static/js/generator.js
+++ b/themes/buha/static/js/generator.js
@@ -28,8 +28,10 @@ function typeInTextarea(newText, el = document.getElementById('content')) {
   el.setRangeText(newText, start, end);
 }
 
-function button(x) {
-  const id = document.getElementById('content');
+function button(str) {
+  const arr = str.split("-");
+  let target = arr[0];
+  let x = arr[1];
   if (x == "url") {
     let url = prompt("Please enter URL", "https://wikipedia.org");
     if (url != null) {
@@ -63,6 +65,7 @@ function button(x) {
   }
   if (out != null) {
     typeInTextarea(out);
+    const id = document.getElementById(target);
     const end = id.value.length;
     id.setSelectionRange(end, end);
     id.focus();