Forminator - eine VS Code Extension für Modul-Formulare

Erweiterungen Externe Zusatzsoftware
1

Hallo zusammen, liebe Modulentwickler,

ich hatte ja mal vor längere Zeit ein Diskussion hinsichtlich Modul-Konfiguration angestoßen.
Das Fazit - in kurzen Worten - war: den Komfort möchte man weiterhin nutzen, aber die derzeitige Unterstützung für Programmierer ist verbesserungswürdig (meine Interpretation).

Über dieses Thema denke ich schon sehr lange nach und wollte immer ein Programm schreiben das irgendwie visuell - per klicki bunti - mir ein Formular zusammenbaut. Selbst für eine Minimalversion brauche ich als ungelernter Frontendler/Javascripler wahrscheinlich Wochen oder Monate. Dann kam ich aber auf eine Idee für ein Zwischenlösung, welche es wenigstens ein wenig Schreibarbeit und ständiges Nachschauen in der Doku erleichtert :slight_smile:

Ich habe eine Erweiterung für Visual Studio Code geschrieben, welche zur Unterstützung bei der Erstellung von forms.json Dateien für Symcon Module unterstützt. Sie ist noch relativ „dumm“, aber bietet schon alle Konfigurationselemente die Symcon bietet.

Hier mal ein Screenshot:

image
image587×1121 68.7 KB

Was kann sie bzw. wie funktioniert sie:

  • wenn man die forms.json im Projekt öffnet, wird in der Sidebar die Erweiterung eingeblendet
  • dann setzt man den Cursor an die Stelle wo man das neue Element hin haben möchte (immer hinter einem Komma :slight_smile: )
  • wählt in der Sidebar das Element aus
  • dann erscheint unterhalb der Sidebar ein Formular mit allen Eigenschaften dieses Elements
  • man nimmt die Entsprechenden Einstellungen vor
  • drückt dann den Button „Element einfügen“
  • fertig

Hier noch ein Bild von den Eigenschaften für Label:

image
image354×531 5.52 KB

  • es zeigt alle Eigenschaften so an wie sie von Symcn als Default gesetzt werden
  • bei komplexeren Elementen kann man auswählen ob Beispieldaten eingesetzt werden sollen (z.B. bei List usw.)

image

  • er kopiert alle Attribute in die forms.json (was manchmal nervig ist)
  • aber derzeit muss man dann alles rauslöschen was man nicht braucht (besser als andersherum :smiley: )

Es ist noch nicht die riesen Erleichterung, aber bei neuen Elementen (welche man noch nicht im Formular hat und per copy&paste schnell einbauen kann) nutze ich die Extension dann schon gerne.
Man braucht halt nicht in die Doku und suchen :loveips:

Will eigentlich noch paar Default-Einstellungen anbieten, aber soweit bin ich noch nicht gekommen!

Wer Lust hat es zu testen oder zu nutzen, einfach bei mir oder hier direkt melden!

Schönen Gruß
Heiko

9 „Gefällt mir“
2

Hier! Ich probiere es gerne aus :slight_smile:

paresy

1 „Gefällt mir“
3

Super! Vielen vielen Dank!
Das die Community einspringt, um die Modulentwickler zu unterstützen und das Produkt so weiter pushen, ist super!
Ich werde es sobald ich Zeit habe anschauen.
Gruß
BlackOrca

2 „Gefällt mir“
4

Noch einfacher, ich stelle das hier mal ein …

forminator-1.0.2.zip (87,7 KB)

Einfach auspacken und dann in VS Code installieren:

In VS Code: Öffne die Command Palette (Strg+Shift+P oder F1)

' Englisches VSC
Extensions: Install from VSIX...
' oder in deutsch ...
Erweiterung: Aus VSIX installieren...

Bin auf Feedback gespannt

5

Ahh, falsch in Erinnerung gehabt, NICHT den Cursor hinter ein Komma setzen, sondern immer ans Ende einer vorhandenen Elementdefinition (also hinter einer geschweiften Klammer ‚}‘). Das Komma wird automatisch hinzugefügt!!!

Sorry, für die Verwirrung!

PS: Die Erweiterung taucht als „Symcon Form Helper“ in der Liste der installierten Erweiterungen auf!

6

Gerade mal ein bisschen rumgespielt. Auf jeden Fall ein cooler Start! Ich glaube das ist richtig hilfreich, wenn man mal wieder nicht die genauen Namen der Parameter parat hat oder welche es überhaupt genau gibt. Gerade arbeite ich leider nicht aktiv an Formularen, aber beim nächsten mal werde ich auf jeden Fall mit dem Forminator arbeiten!

1 „Gefällt mir“
7

Ja, genau - so ging es mir auch immer :slight_smile:

Bin gerade dabei es für den Marktplatz fit zu machen - dann geht das mit den Updates auch einfacher!

Gruß Heiko

8

Soo, hab mich nochmal ins Zeug gelegt und die Extension auf den Marketplace gestellt.
Damit ist das Installieren und Updaten nochmal einfacher :smiley:

Hier der Link => Symcon Form Helper - Visual Studio Marketplace

Man kann aber auch einfach in VS Code auf der Erweiterungsseite nach „Forminator“ suchen und dann installieren!

Viel Spaß
Heiko

2 „Gefällt mir“
9

Schreibfehler gefunden?

1 „Gefällt mir“
10

@habre Danke für den Hinweis!

Hat mich nicht losgelassen - kennt mich ja :smiley:

Habe jetzt noch die Einstellungen erweitert und implmentiert …

image
image1008×450 20.3 KB

Funktioniert schon alles - nur noch nicht online!
Frau will das ich Himbeern flücke :frowning: … kommt aber heute Abend!

Damit macht es jetzt schon richtig Spaß damit zu arbeiten!

Heiko

1 „Gefällt mir“
11

Version v1.1.0 ist online

  • NEW: Setting Transfer empty values to include fields with empty values when inserting form elements.
  • NEW: Setting Delete default values to exclude fields with default values when inserting elements.
  • NEW: Setting Overwrite default width to override the default width with a custom value (px or %).
  • NEW: Setting Write mandatory keys to always include specific parameter keys, even if they are empty or match the default (comma-separated list).
  • FIX: Added title and description fields to all configuration options to improve clarity in the VS Code settings UI.

Bis dann
Heiko

4 „Gefällt mir“