Merge pull request #20 from alexander-nitsche/alex-first-contribution

breadlesscode · web-flow · commit b4914fdb400d · 2023-01-20T13:20:29.000+01:00
add beautiful default styling
diff --git a/Configuration/NodeTypes.Mixin.HideUriSegment.yaml b/Configuration/NodeTypes.Mixin.HideUriSegment.yaml
@@ -9,3 +9,4 @@
         label: 'i18n'
         inspector:
           group: 'visibility'
+          position: 50
diff --git a/Resources/Private/Fusion/Document/Folder.fusion b/Resources/Private/Fusion/Document/Folder.fusion
@@ -2,10 +2,31 @@ prototype(Breadlesscode.NodeTypes.Folder:Document.Folder) < prototype(Neos.Fusio
     backend {
         condition = ${documentNode.context.inBackend}
         renderer = Neos.Neos:Page {
-            body = Neos.Fusion:Tag {
-                tagName = 'p'
-                content = ${ Translation.translate('Breadlesscode.NodeTypes.Folder:NodeTypes.Document.Folder:ui.label') }
-                content.@process.appendFolderName = ${ '<b>' + value + ':</b> ' + q(node).property('title') }
+            head {
+                neosCSS = Neos.Fusion:Tag {
+                    @position = 'after stylesheets'
+                    tagName = 'link'
+                    attributes {
+                        rel = 'stylesheet'
+                        href = Neos.Fusion:ResourceUri {
+                            path = 'resource://Neos.Neos/Public/Styles/Neos.css'
+                        }
+                    }
+                }
+                folderCSS = Neos.Fusion:Tag {
+                    @position = 'after neosCSS'
+                    tagName = 'link'
+                    attributes {
+                        rel = 'stylesheet'
+                        href = Neos.Fusion:ResourceUri {
+                            path = 'resource://Breadlesscode.NodeTypes.Folder/Public/Styles/Folder.css'
+                        }
+                    }
+                }
+            }
+            body {
+                templatePath = 'resource://Breadlesscode.NodeTypes.Folder/Private/Templates/Folder.html'
+                title = ${q(node).property('title')}
             }
         }
     }
diff --git a/Resources/Private/Templates/Folder.html b/Resources/Private/Templates/Folder.html
@@ -0,0 +1,6 @@
+<div id="breadlesscode-node-types-folder">
+    <div class="bntf-inner">
+        <div class="bntf-icon"><i class="fas fa-folder"></i></div>
+        <div class="bntf-title">{title}</div>
+    </div>
+</div>
diff --git a/Resources/Private/Translations/de/NodeTypes/Mixin/HideUriSegment.xlf b/Resources/Private/Translations/de/NodeTypes/Mixin/HideUriSegment.xlf
@@ -3,8 +3,8 @@
     <file original="" product-name="Breadlesscode.NodeTypes.Folder" source-language="en" target-language="de" datatype="plaintext">
         <body>
             <trans-unit id="properties.hideSegmentInUriPath" xml:space="preserve">
-                <source>Hide segment in uri path?</source>
-                <target xml:lang="de">URI Pfad in der URL verbergen?</target>
+                <source>Hide URL path segment</source>
+                <target xml:lang="de">URL-Pfadsegment verbergen</target>
             </trans-unit>
         </body>
     </file>
diff --git a/Resources/Private/Translations/en/NodeTypes/Mixin/HideUriSegment.xlf b/Resources/Private/Translations/en/NodeTypes/Mixin/HideUriSegment.xlf
@@ -3,7 +3,7 @@
     <file original="" product-name="Breadlesscode.NodeTypes.Folder" source-language="en" datatype="plaintext">
         <body>
             <trans-unit id="properties.hideSegmentInUriPath" xml:space="preserve">
-                <source>Hide segment in uri path?</source>
+                <source>Hide URL path segment</source>
             </trans-unit>
         </body>
     </file>
diff --git a/Resources/Public/Styles/Folder.css b/Resources/Public/Styles/Folder.css
@@ -0,0 +1,38 @@
+#breadlesscode-node-types-folder {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #222222;
+    z-index: 9999;
+    /*
+    The Neos 7 backend normally uses the "Noto Sans" font,
+    which is no longer available as of 14 January 2023 in
+    the Neos.Neos package due to an incorrect file path in
+    Neos.css.
+    */
+    font-family: sans-serif;
+    -webkit-font-smoothing: antialiased;
+}
+
+#breadlesscode-node-types-folder > div.bntf-inner {
+    position: relative;
+    width: 260px;
+    height: 252px;
+    top: 50%;
+    margin: -126px auto 0;
+    text-align: center;
+}
+
+#breadlesscode-node-types-folder > div.bntf-inner > div.bntf-icon > i {
+    color: #323232;
+    font-size: 14em;
+}
+
+#breadlesscode-node-types-folder > div.bntf-inner > div.bntf-title {
+    color: #323232;
+    font-size: 1.5em;
+    line-height: 1.4;
+    user-select: none;
+}
