Browse code

Progress

Benjamin Roth authored on12/12/2022 00:17:47
Showing1 changed files
... ...
@@ -97,9 +97,9 @@ return array(
97 97
 			'inputType' => 'select',
98 98
 			'options' => array(
99 99
 				'' => '-',
100
-				'-alt-color' => 'Rot',
101
-				'-alt-color2' => 'Schwarz',
102
-				'-alt-color3' => 'Hellgrau',
100
+				'-alt-color' => 'Leichtes Platin',
101
+				'-alt-color2' => 'Footer',
102
+				'-alt-color3' => 'Footer-Alternativ',
103 103
 			),
104 104
 			'eval' => array('tl_class' => 'w50'),
105 105
 		),
Browse code

Progress

Benjamin Roth authored on07/11/2022 18:15:35
Showing1 changed files
... ...
@@ -112,18 +112,26 @@ return array(
112 112
 				'-medium' => 'Mittel',
113 113
 				'-large' => 'Hoch',
114 114
         '-full-vh' => 'Komplette Viewport-Höhe',
115
-        '-full-vh-header' => 'Viewport-Höhe abzüglich Header',
116
-        '-bgimage' => 'an Hintergrundbild ausrichten'
115
+        /*'-full-vh-header' => 'Viewport-Höhe abzüglich Header',
116
+        '-bgimage' => 'an Hintergrundbild ausrichten'*/
117 117
 			),
118 118
 			'eval' => array('tl_class' => 'w50'),
119 119
 		),
120
-    'widthRestrict' => array(
121
-      'label' => array('Begrenzte Hintergrundbreite', 'Der Hintergrund wird auf die max. Inhaltsbreite begrenzt anstatt über die volle Fensterbreite zu laufen.'),
122
-      'inputType' => 'checkbox',
123
-      'eval' => array(
124
-        'tl_class' => 'w50 m12',
125
-      ),
126
-    ),
120
+        'valign' => array(
121
+            'label' => array('Vertikale Ausrichtung', 'Legt die vertikale Ausrichtung des Inhalts fest.'),
122
+            'inputType' => 'select',
123
+            'options' => array(
124
+                '' => '-',
125
+                '-va-top' => 'Oben',
126
+                '-va-middle' => 'Mitte',
127
+                '-va-bottom' => 'Unten',
128
+            ),
129
+            'dependsOn' => array(
130
+                'field' => 'height',
131
+                'value' => '-full-vh'
132
+            ),
133
+            'eval' => array('tl_class' => 'w50'),
134
+        ),
127 135
     'padding' => array(
128 136
       'label' => array('Innenabstand', 'Es wird Oben und Unten ein Innenabstand angewendet.'),
129 137
       'inputType' => 'select',
... ...
@@ -140,9 +148,16 @@ return array(
140 148
         '-large-padding-bottom' => 'Large Bottom',
141 149
       ),
142 150
       'eval' => array(
143
-        'tl_class' => 'w50',
151
+        'tl_class' => 'clr w50',
144 152
       ),
145 153
     ),
154
+    'widthRestrict' => array(
155
+        'label' => array('Begrenzte Hintergrundbreite', 'Der Hintergrund wird auf die max. Inhaltsbreite begrenzt anstatt über die volle Fensterbreite zu laufen.'),
156
+        'inputType' => 'checkbox',
157
+        'eval' => array(
158
+            'tl_class' => 'w50 m12',
159
+        ),
160
+    ),
146 161
     'width' => array(
147 162
       'label' => array('Keine Breitenbegrenzung', 'Der Inhaltsbereich läuft über die gesamte verfügbare Breite seines Vaterelements.'),
148 163
       'inputType' => 'checkbox',
... ...
@@ -150,13 +165,13 @@ return array(
150 165
         'tl_class' => 'w50 m12',
151 166
       ),
152 167
     ),
153
-    'valignCenter' => array(
168
+    /*'valignCenter' => array(
154 169
       'label' => array('Mind. Viewport Höhe', 'Der Inhaltsbereich hat mindestens die Höhe des Viewports. Der Inhalt wird zentriert dargestellt.'),
155 170
       'inputType' => 'checkbox',
156 171
       'eval' => array(
157 172
         'tl_class' => 'w50 m12',
158 173
       ),
159
-    ),
174
+    ),*/
160 175
     'invert' => array(
161 176
       'label' => array('Textfarbe invertiert', 'Invertierte Textfarbe, für bessere Lesbarkeit auf manchen Hintergünden.'),
162 177
       'inputType' => 'checkbox',
Browse code

Initial commit

Benjamin Roth authored on07/11/2022 09:19:06
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,209 @@
1
+<?php
2
+
3
+return array(
4
+	'label' => array(
5
+		'Zentrierter Inhaltsbereich Anfang',
6
+		'Erzeugt einen zentrierten Inhaltsbereich',
7
+	),
8
+	'types' => array('content', 'module'),
9
+	'standardFields' => array('cssID', 'space'),
10
+	'wrapper' => array(
11
+		'type' => 'start',
12
+	),
13
+	'fields' => array(
14
+		'backgroundImage' => array(
15
+			'label' => array('Hintergrundbild oder -Video', 'Wählen Sie ein Bild oder mehrere Videodateien aus.'),
16
+			'inputType' => 'fileTree',
17
+			'eval' => array(
18
+				'tl_class' => 'clr',
19
+				'multiple' => true,
20
+				'fieldType' => 'checkbox',
21
+				'filesOnly' => true,
22
+				'extensions' => \Config::get('validImageTypes') . ',mp4,webm,ogv,ogg',
23
+        'orderField'=>'orderSRC',
24
+        'isGallery' => false,
25
+			),
26
+		),
27
+		'backgroundImageSize' => array(
28
+			'label' => array('Bildbreite und Bildhöhe', ''),
29
+			'inputType' => 'imageSize',
30
+			'options' => \System::getImageSizes(),
31
+			'reference' => &$GLOBALS['TL_LANG']['MSC'],
32
+			'eval' => array(
33
+				'rgxp' => 'digit',
34
+				'tl_class' => 'w50',
35
+				'includeBlankOption' => true,
36
+			),
37
+		),
38
+		'backgroundSize' => array(
39
+			'label' => array('Hintergrundbildgröße', ''),
40
+			'inputType' => 'select',
41
+			'options' => array(
42
+				'' => 'Beschnitten',
43
+				'contain' => 'Proportional',
44
+				'100% 100%' => 'Verzerrt',
45
+				'auto auto' => 'Originalgröße',
46
+			),
47
+			'eval' => array('tl_class' => 'w50'),
48
+		),
49
+		'backgroundPosition' => array(
50
+			'label' => array('Hintergrundposition', 'Nicht mit Parallax-Effekt kombinierbar'),
51
+			'inputType' => 'select',
52
+			'options' => array(
53
+				'' => '-',
54
+				'0 0' => 'Links | Oben',
55
+				'50% 0' => 'Mitte | Oben',
56
+				'100% 0' => 'Rechts | Oben',
57
+				'0 50%' => 'Links | Mitte',
58
+				'50% 50%' => 'Mitte | Mitte',
59
+				'100% 50%' => 'Rechts | Mitte',
60
+				'0 100%' => 'Links | Unten',
61
+				'50% 100%' => 'Mitte | Unten',
62
+				'100% 100%' => 'Rechts | Unten',
63
+			),
64
+			'eval' => array('tl_class' => 'w50'),
65
+		),
66
+    'backgroundOpacity' => array(
67
+      'label' => array('Hintergrundbildtransparenz', ''),
68
+      'inputType'               => 'select',
69
+      'options'                 => array
70
+      (
71
+        '10' => '10%',
72
+        '20' => '20%',
73
+        '30' => '30%',
74
+        '40' => '40%',
75
+        '50' => '50%',
76
+        '60' => '60%',
77
+        '70' => '70%',
78
+        '80' => '80%',
79
+        '90' => '90%',
80
+        '100' => '100%',
81
+      ),
82
+      'eval'                    => array('tl_class' => 'w50','includeBlankOption'=>true),
83
+    ),
84
+    'backgroundVariation' => array(
85
+      'label' => array('Hintergrundeffekt', ''),
86
+      'inputType' => 'select',
87
+      'options' => array(
88
+        '' => '-',
89
+        '-background-parallax' => 'Parallax',
90
+        '-background-mousemove' => 'Mit der Maus bewegend',
91
+        '-background-mousemove-inverted' => 'Entgegen der Maus bewegend',
92
+      ),
93
+      'eval' => array('tl_class' => 'w50'),
94
+    ),
95
+		'colorVariation' => array(
96
+			'label' => array('Vordefinierte Hintergrundfarbe', 'Eine der vordefinierten Farben als Hintergrund verwenden. Die Farben lassen sich mit dem Theme Assistant, CSS oder Sass anpassen.'),
97
+			'inputType' => 'select',
98
+			'options' => array(
99
+				'' => '-',
100
+				'-alt-color' => 'Rot',
101
+				'-alt-color2' => 'Schwarz',
102
+				'-alt-color3' => 'Hellgrau',
103
+			),
104
+			'eval' => array('tl_class' => 'w50'),
105
+		),
106
+		'height' => array(
107
+			'label' => array('Mindesthöhe erzwingen', 'Setzt die Mindesthöhe des Bereiches auf einen der im CSS definierten Werte.'),
108
+			'inputType' => 'select',
109
+			'options' => array(
110
+				'' => '-',
111
+				'-small' => 'Schmal',
112
+				'-medium' => 'Mittel',
113
+				'-large' => 'Hoch',
114
+        '-full-vh' => 'Komplette Viewport-Höhe',
115
+        '-full-vh-header' => 'Viewport-Höhe abzüglich Header',
116
+        '-bgimage' => 'an Hintergrundbild ausrichten'
117
+			),
118
+			'eval' => array('tl_class' => 'w50'),
119
+		),
120
+    'widthRestrict' => array(
121
+      'label' => array('Begrenzte Hintergrundbreite', 'Der Hintergrund wird auf die max. Inhaltsbreite begrenzt anstatt über die volle Fensterbreite zu laufen.'),
122
+      'inputType' => 'checkbox',
123
+      'eval' => array(
124
+        'tl_class' => 'w50 m12',
125
+      ),
126
+    ),
127
+    'padding' => array(
128
+      'label' => array('Innenabstand', 'Es wird Oben und Unten ein Innenabstand angewendet.'),
129
+      'inputType' => 'select',
130
+      'options' => array(
131
+        '' => '-',
132
+        '-padding' => 'Default',
133
+        '-medium-padding' => 'Medium',
134
+        '-large-padding' => 'Large',
135
+        '-padding-top' => 'Small Top',
136
+        '-medium-padding-top' => 'Medium Top',
137
+        '-large-padding-top' => 'Large Top',
138
+        '-padding-bottom' => 'Small Bottom',
139
+        '-medium-padding-bottom' => 'Medium Bottom',
140
+        '-large-padding-bottom' => 'Large Bottom',
141
+      ),
142
+      'eval' => array(
143
+        'tl_class' => 'w50',
144
+      ),
145
+    ),
146
+    'width' => array(
147
+      'label' => array('Keine Breitenbegrenzung', 'Der Inhaltsbereich läuft über die gesamte verfügbare Breite seines Vaterelements.'),
148
+      'inputType' => 'checkbox',
149
+      'eval' => array(
150
+        'tl_class' => 'w50 m12',
151
+      ),
152
+    ),
153
+    'valignCenter' => array(
154
+      'label' => array('Mind. Viewport Höhe', 'Der Inhaltsbereich hat mindestens die Höhe des Viewports. Der Inhalt wird zentriert dargestellt.'),
155
+      'inputType' => 'checkbox',
156
+      'eval' => array(
157
+        'tl_class' => 'w50 m12',
158
+      ),
159
+    ),
160
+    'invert' => array(
161
+      'label' => array('Textfarbe invertiert', 'Invertierte Textfarbe, für bessere Lesbarkeit auf manchen Hintergünden.'),
162
+      'inputType' => 'checkbox',
163
+      'eval' => array(
164
+        'tl_class' => 'w50 m12',
165
+      ),
166
+    ),
167
+    'textShadow' => array(
168
+      'label' => array('Text-Schatten', 'Kleiner Textschatten für bessere Lesbarkeit.'),
169
+      'inputType' => 'checkbox',
170
+      'eval' => array(
171
+        'tl_class' => 'w50 m12',
172
+      ),
173
+    ),
174
+    'shadow' => array(
175
+      'label' => array('Schatten', 'Der Inhaltsbereich hat einen Schattenwurf nach außen.'),
176
+      'inputType' => 'checkbox',
177
+      'eval' => array(
178
+        'tl_class' => 'w50 m12',
179
+      ),
180
+    ),
181
+    'overlay' => array(
182
+      'label' => array('Overlay hinzufügen', 'Über den Hintergrund wird ein zusätzliches Overlay-Element gelegt'),
183
+      'inputType' => 'checkbox',
184
+      'eval' => array(
185
+        'tl_class' => 'w50 m12',
186
+      ),
187
+    ),
188
+    'spacing' => array(
189
+      'label' => array('Abstand'),
190
+      'inputType' => 'group',
191
+    ),
192
+    'es_spacing' => array (
193
+      'inputType' => 'standardField'
194
+    ),
195
+    'es_padding' => array (
196
+      'inputType' => 'standardField'
197
+    ),
198
+    'es_textAlign' => array (
199
+      'inputType' => 'standardField'
200
+    ),
201
+    'animate' => array(
202
+      'label' => array('Animations-Einstellungen'),
203
+      'inputType' => 'group',
204
+    ),
205
+    'es_animate' => array (
206
+      'inputType' => 'standardField'
207
+    ),
208
+	),
209
+);