added css and more debug

Makefile

@@ -25,6 +25,8 @@ build: clean ## clean, compile, copy files to build folder
 
 					cp l10n/EditorFieldVisibility.csv build/$(PLUGIN_NAME)/l10n/EditorFieldVisibility.csv # copy l10n
 
+					cp src/webfrontend/css/EditorFieldVisibility.css build/$(PLUGIN_NAME)/webfrontend/EditorFieldVisibility.css # copy css
+
 					cp manifest.master.yml build/$(PLUGIN_NAME)/manifest.yml # copy manifest
 
 					# buildinfo

l10n/EditorFieldVisibility.csv

@@ -8,6 +8,9 @@ editor.field.visibility.option.jsonmap,JSON-Map,JSON-map,,
 editor.field.visibility.targetpath,JSON-Zielpfad, JSON-Targetpath,,
 editor.field.visibility.option.jsontargetpath,JSON-Zielpfad, JSON-Targetpath,,
 editor.field.visibility.helpwithactionfieldnames,Hilfe bei den Feldpfaden, Help with the Fieldpaths,,
-editor.field.visibility.helpwithactionfieldnames_no,Nein danke, alles gut, No thanks, everything fine
+editor.field.visibility.helpwithactionfieldnames_no,Nein danke alles gut, No thanks everything fine,,
 editor.field.visibility.helpwithactionfieldnames_yes,Ja - zeig mir die Splitter-Feld-Pfade in der Konsole, Yes - show me the splitter-field-paths in the console,,
+editor.field.visibility.debugwithborder,Debug?,Debug?,,
+editor.field.visibility.debugwithborder_no,Nein danke alles gut, No thanks everything fine,,
+editor.field.visibility.debugwithborder_yes,Zeichne einen Rand um den Splitter,Draw a border around the splitter,,
 mask.splitter.panel.spliter_name.editor-field-visibility-end|text,Ende (Feldauswahl-Plugin),,,

manifest.master.yml

@@ -11,5 +11,6 @@ plugin:
   l10n: l10n/EditorFieldVisibility.csv
   webfrontend:
     url: EditorFieldVisibility.js
+    css: EditorFieldVisibility.css
 
 base_url_prefix: "webfrontend"

src/webfrontend/EditorFieldVisibility.coffee

@@ -204,7 +204,12 @@ class EditorFieldVisibility extends CustomMaskSplitter
 
     @__manageVisibilitys(opts, columnType, observedField, jsonMap, observedFieldName)
 
-    return innerFields
+    div = CUI.dom.element("div", class: "fylr-editor-field-visibility")
+    if @getDataOptions()?.debugwithborder
+      CUI.dom.setStyle div,
+        border: "4px dashed #CCC"
+
+    return CUI.dom.append(div, innerFields)
 
   ##########################################################################################
   # show or hide fields, depending on jsonMap and oberservedfield-value
@@ -486,6 +491,26 @@ class EditorFieldVisibility extends CustomMaskSplitter
           )
           select_items.push itemYes
           return select_items
+      ,
+        form:
+          label: $$('editor.field.visibility.debugwithborder')
+        type: CUI.Select
+        undo_and_changed_support: false
+        name: 'debugwithborder'
+        empty_text: $$('editor.field.visibility.debugwithborder_no')
+        options: (thisSelect) =>
+          select_items = []
+          itemNo = (
+            text: $$('editor.field.visibility.debugwithborder_no')
+            value: 0
+          )
+          select_items.push itemNo
+          itemYes = (
+            text: $$('editor.field.visibility.debugwithborder_yes')
+            value: 1
+          )
+          select_items.push itemYes
+          return select_items
     ]
     maskOptions
 

src/webfrontend/css/EditorFieldVisibility.css

@@ -0,0 +1,4 @@
+.fylr-editor-field-visibility {
+    margin-bottom: 13px;
+    margin-top: 13px;
+}