Browse code

Initial commit

Benjamin Roth authored on16/03/2023 20:22:35
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,484 @@
1
+<?php
2
+// rsce_my_element_config.php
3
+return array(
4
+    'label' => array('Custom | Drehende Cards nach Klick', ''),
5
+    'types' => array('content'),
6
+    'contentCategory' => 'texts',
7
+    'moduleCategory' => 'miscellaneous',
8
+    'standardFields' => array('headline', 'cssID'),
9
+    'wrapper' => array(
10
+        'type' => 'none',
11
+    ),
12
+    'fields' => array(
13
+        'topline' => array(
14
+            'label' => array('Topline', 'Text oberhalb der Überschrift'),
15
+            'inputType' => 'text',
16
+        ), 'subline' => array(
17
+            'label' => array('Subline', 'Text unterhalb der Überschrift'),
18
+            'inputType' => 'text',
19
+        ),
20
+
21
+
22
+        'animation_type' => array(
23
+            'label' => array(
24
+                'de' => array('Art der Einblendeanimation', 'Siehe https://animate.style/ für Beispiele'),
25
+            ),
26
+            'inputType' => 'select',
27
+            'options' => array(
28
+                /* Fading entrances  */
29
+                'animate__fadeInUp' => 'fadeInUp (Meistens Standard)',
30
+                'no-animation' => 'Keine Animation',
31
+                'animate__fadeIn' => 'fadeIn',
32
+                'animate__fadeInDown' => 'fadeInDown',
33
+                'animate__fadeInDownBig' => 'fadeInDownBig',
34
+                'animate__fadeInLeft' => 'fadeInLeft',
35
+                'animate__fadeInLeftBig' => 'fadeInLeftBig',
36
+                'animate__fadeInRight' => 'fadeInRight',
37
+                'animate__fadeInRightBig' => 'fadeInRightBig',
38
+                'animate__fadeInUpBig' => 'fadeInUpBig',
39
+                'animate__fadeInTopLeft' => 'fadeInTopLeft',
40
+                'animate__fadeInTopRight' => 'fadeInTopRight',
41
+                'animate__fadeInBottomLeft' => 'fadeInBottomLeft',
42
+                'animate__fadeInBottomRight' => 'fadeInBottomRight',
43
+                /* Attention seekers  */
44
+                'animate__bounce' => 'bounce',
45
+                'animate__flash' => 'flash',
46
+                'animate__pulse' => 'pulse',
47
+                'animate__rubberBand' => 'rubberBand',
48
+                'animate__shakeX' => 'shakeX',
49
+                'animate__shakeY' => 'shakeY',
50
+                'animate__headShake' => 'headShake',
51
+                'animate__swing' => 'swing',
52
+                'animate__tada' => 'tada',
53
+                'animate__wobble' => 'wobble',
54
+                'animate__jello' => 'jello',
55
+                'animate__heartBeat' => 'heartBeat',
56
+                /* Back entrances */
57
+                'animate__backInDown' => 'backInDown',
58
+                'animate__backInLeft' => 'backInLeft',
59
+                'animate__backInRight' => 'backInRight',
60
+                'animate__backInUp' => 'backInUp',
61
+                /* Back exits */
62
+                'animate__backOutDown' => 'backOutDown',
63
+                'animate__backOutLeft' => 'backOutLeft',
64
+                'animate__backOutRight' => 'backOutRight',
65
+                'animate__backOutUp' => 'backOutUp',
66
+                /* Bouncing entrances  */
67
+                'animate__bounceIn' => 'bounceIn',
68
+                'animate__bounceInDown' => 'bounceInDown',
69
+                'animate__bounceInLeft' => 'bounceInLeft',
70
+                'animate__bounceInRight' => 'bounceInRight',
71
+                'animate__bounceInUp' => 'bounceInUp',
72
+                /* Bouncing exits  */
73
+                'animate__bounceOut' => 'bounceOut',
74
+                'animate__bounceOutDown' => 'bounceOutDown',
75
+                'animate__bounceOutLeft' => 'bounceOutLeft',
76
+                'animate__bounceOutRight' => 'bounceOutRight',
77
+                'animate__bounceOutUp' => 'bounceOutUp',
78
+                /* Fading exits */
79
+                'animate__fadeOut' => 'fadeOut',
80
+                'animate__fadeOutDown' => 'fadeOutDown',
81
+                'animate__fadeOutDownBig' => 'fadeOutDownBig',
82
+                'animate__fadeOutLeft' => 'fadeOutLeft',
83
+                'animate__fadeOutLeftBig' => 'fadeOutLeftBig',
84
+                'animate__fadeOutRight' => 'fadeOutRight',
85
+                'animate__fadeOutRightBig' => 'fadeOutRightBig',
86
+                'animate__fadeOutUp' => 'fadeOutUp',
87
+                'animate__fadeOutUpBig' => 'fadeOutUpBig',
88
+                'animate__fadeOutTopLeft' => 'fadeOutTopLeft',
89
+                'animate__fadeOutTopRight' => 'fadeOutTopRight',
90
+                'animate__fadeOutBottomRight' => 'fadeOutBottomRight',
91
+                'animate__fadeOutBottomLeft' => 'fadeOutBottomLeft',
92
+                /* Flippers */
93
+                'animate__flip' => 'flip',
94
+                'animate__flipInX' => 'flipInX',
95
+                'animate__flipInY' => 'flipInY',
96
+                'animate__flipOutX' => 'flipOutX',
97
+                'animate__flipOutY' => 'flipOutY',
98
+                /* Lightspeed */
99
+                'animate__lightSpeedInRight' => 'lightSpeedInRight',
100
+                'animate__lightSpeedInLeft' => 'lightSpeedInLeft',
101
+                'animate__lightSpeedOutRight' => 'lightSpeedOutRight',
102
+                'animate__lightSpeedOutLeft' => 'lightSpeedOutLeft',
103
+                /* Rotating entrances */
104
+                'animate__rotateIn' => 'rotateIn',
105
+                'animate__rotateInDownLeft' => 'rotateInDownLeft',
106
+                'animate__rotateInDownRight' => 'rotateInDownRight',
107
+                'animate__rotateInUpLeft' => 'rotateInUpLeft',
108
+                'animate__rotateInUpRight' => 'rotateInUpRight',
109
+                /* Rotating exits */
110
+                'animate__rotateOut' => 'rotateOut',
111
+                'animate__rotateOutDownLeft' => 'rotateOutDownLeft',
112
+                'animate__rotateOutDownRight' => 'rotateOutDownRight',
113
+                'animate__rotateOutUpLeft' => 'rotateOutUpLeft',
114
+                'animate__rotateOutUpRight' => 'rotateOutUpRight',
115
+                /* Specials */
116
+                'animate__hinge' => 'hinge',
117
+                'animate__jackInTheBox' => 'jackInTheBox',
118
+                'animate__rollIn' => 'rollIn',
119
+                'animate__rollOut' => 'rollOut',
120
+                /* Zooming entrances */
121
+                'animate__zoomIn' => 'zoomIn',
122
+                'animate__zoomInDown' => 'zoomInDown',
123
+                'animate__zoomInLeft' => 'zoomInLeft',
124
+                'animate__zoomInRight' => 'zoomInRight',
125
+                'animate__zoomInUp' => 'zoomInUp',
126
+                /* Zooming exits */
127
+                'animate__zoomOut' => 'zoomOut',
128
+                'animate__zoomOutDown' => 'zoomOutDown',
129
+                'animate__zoomOutLeft' => 'zoomOutLeft',
130
+                'animate__zoomOutRight' => 'zoomOutRight',
131
+                'animate__zoomOutUp' => 'zoomOutUp',
132
+                /* Sliding entrances */
133
+                'animate__slideInDown' => 'slideInDown',
134
+                'animate__slideInLeft' => 'slideInLeft',
135
+                'animate__slideInRight' => 'slideInRight',
136
+                'animate__slideInUp' => 'slideInUp',
137
+                /* Sliding exits */
138
+                'animate__slideOutDown' => 'slideOutDown',
139
+                'animate__slideOutLeft' => 'slideOutLeft',
140
+                'animate__slideOutRight' => 'slideOutRight',
141
+                'animate__slideOutUp' => 'slideOutUp',
142
+            ),
143
+            'eval' => array('chosen' => 'true')
144
+        ),
145
+
146
+
147
+        'rows' => array(
148
+            'label' => array('Cards', ''),
149
+            'elementLabel' => '%s. Card',
150
+            'inputType' => 'list',
151
+            'minItems' => 1,
152
+            'maxItems' => 999,
153
+            'fields' => array(
154
+
155
+
156
+                'animation_type' => array(
157
+                    'label' => array(
158
+                        'de' => array('Art der Einblendeanimation', 'Siehe https://animate.style/ für Beispiele'),
159
+                    ),
160
+                    'inputType' => 'select',
161
+                    'options' => array(
162
+                        /* Fading entrances  */
163
+                        'animate__fadeInUp' => 'fadeInUp (Meistens Standard)',
164
+                        'no-animation' => 'Keine Animation',
165
+                        'animate__fadeIn' => 'fadeIn',
166
+                        'animate__fadeInDown' => 'fadeInDown',
167
+                        'animate__fadeInDownBig' => 'fadeInDownBig',
168
+                        'animate__fadeInLeft' => 'fadeInLeft',
169
+                        'animate__fadeInLeftBig' => 'fadeInLeftBig',
170
+                        'animate__fadeInRight' => 'fadeInRight',
171
+                        'animate__fadeInRightBig' => 'fadeInRightBig',
172
+                        'animate__fadeInUpBig' => 'fadeInUpBig',
173
+                        'animate__fadeInTopLeft' => 'fadeInTopLeft',
174
+                        'animate__fadeInTopRight' => 'fadeInTopRight',
175
+                        'animate__fadeInBottomLeft' => 'fadeInBottomLeft',
176
+                        'animate__fadeInBottomRight' => 'fadeInBottomRight',
177
+                        /* Attention seekers  */
178
+                        'animate__bounce' => 'bounce',
179
+                        'animate__flash' => 'flash',
180
+                        'animate__pulse' => 'pulse',
181
+                        'animate__rubberBand' => 'rubberBand',
182
+                        'animate__shakeX' => 'shakeX',
183
+                        'animate__shakeY' => 'shakeY',
184
+                        'animate__headShake' => 'headShake',
185
+                        'animate__swing' => 'swing',
186
+                        'animate__tada' => 'tada',
187
+                        'animate__wobble' => 'wobble',
188
+                        'animate__jello' => 'jello',
189
+                        'animate__heartBeat' => 'heartBeat',
190
+                        /* Back entrances */
191
+                        'animate__backInDown' => 'backInDown',
192
+                        'animate__backInLeft' => 'backInLeft',
193
+                        'animate__backInRight' => 'backInRight',
194
+                        'animate__backInUp' => 'backInUp',
195
+                        /* Back exits */
196
+                        'animate__backOutDown' => 'backOutDown',
197
+                        'animate__backOutLeft' => 'backOutLeft',
198
+                        'animate__backOutRight' => 'backOutRight',
199
+                        'animate__backOutUp' => 'backOutUp',
200
+                        /* Bouncing entrances  */
201
+                        'animate__bounceIn' => 'bounceIn',
202
+                        'animate__bounceInDown' => 'bounceInDown',
203
+                        'animate__bounceInLeft' => 'bounceInLeft',
204
+                        'animate__bounceInRight' => 'bounceInRight',
205
+                        'animate__bounceInUp' => 'bounceInUp',
206
+                        /* Bouncing exits  */
207
+                        'animate__bounceOut' => 'bounceOut',
208
+                        'animate__bounceOutDown' => 'bounceOutDown',
209
+                        'animate__bounceOutLeft' => 'bounceOutLeft',
210
+                        'animate__bounceOutRight' => 'bounceOutRight',
211
+                        'animate__bounceOutUp' => 'bounceOutUp',
212
+                        /* Fading exits */
213
+                        'animate__fadeOut' => 'fadeOut',
214
+                        'animate__fadeOutDown' => 'fadeOutDown',
215
+                        'animate__fadeOutDownBig' => 'fadeOutDownBig',
216
+                        'animate__fadeOutLeft' => 'fadeOutLeft',
217
+                        'animate__fadeOutLeftBig' => 'fadeOutLeftBig',
218
+                        'animate__fadeOutRight' => 'fadeOutRight',
219
+                        'animate__fadeOutRightBig' => 'fadeOutRightBig',
220
+                        'animate__fadeOutUp' => 'fadeOutUp',
221
+                        'animate__fadeOutUpBig' => 'fadeOutUpBig',
222
+                        'animate__fadeOutTopLeft' => 'fadeOutTopLeft',
223
+                        'animate__fadeOutTopRight' => 'fadeOutTopRight',
224
+                        'animate__fadeOutBottomRight' => 'fadeOutBottomRight',
225
+                        'animate__fadeOutBottomLeft' => 'fadeOutBottomLeft',
226
+                        /* Flippers */
227
+                        'animate__flip' => 'flip',
228
+                        'animate__flipInX' => 'flipInX',
229
+                        'animate__flipInY' => 'flipInY',
230
+                        'animate__flipOutX' => 'flipOutX',
231
+                        'animate__flipOutY' => 'flipOutY',
232
+                        /* Lightspeed */
233
+                        'animate__lightSpeedInRight' => 'lightSpeedInRight',
234
+                        'animate__lightSpeedInLeft' => 'lightSpeedInLeft',
235
+                        'animate__lightSpeedOutRight' => 'lightSpeedOutRight',
236
+                        'animate__lightSpeedOutLeft' => 'lightSpeedOutLeft',
237
+                        /* Rotating entrances */
238
+                        'animate__rotateIn' => 'rotateIn',
239
+                        'animate__rotateInDownLeft' => 'rotateInDownLeft',
240
+                        'animate__rotateInDownRight' => 'rotateInDownRight',
241
+                        'animate__rotateInUpLeft' => 'rotateInUpLeft',
242
+                        'animate__rotateInUpRight' => 'rotateInUpRight',
243
+                        /* Rotating exits */
244
+                        'animate__rotateOut' => 'rotateOut',
245
+                        'animate__rotateOutDownLeft' => 'rotateOutDownLeft',
246
+                        'animate__rotateOutDownRight' => 'rotateOutDownRight',
247
+                        'animate__rotateOutUpLeft' => 'rotateOutUpLeft',
248
+                        'animate__rotateOutUpRight' => 'rotateOutUpRight',
249
+                        /* Specials */
250
+                        'animate__hinge' => 'hinge',
251
+                        'animate__jackInTheBox' => 'jackInTheBox',
252
+                        'animate__rollIn' => 'rollIn',
253
+                        'animate__rollOut' => 'rollOut',
254
+                        /* Zooming entrances */
255
+                        'animate__zoomIn' => 'zoomIn',
256
+                        'animate__zoomInDown' => 'zoomInDown',
257
+                        'animate__zoomInLeft' => 'zoomInLeft',
258
+                        'animate__zoomInRight' => 'zoomInRight',
259
+                        'animate__zoomInUp' => 'zoomInUp',
260
+                        /* Zooming exits */
261
+                        'animate__zoomOut' => 'zoomOut',
262
+                        'animate__zoomOutDown' => 'zoomOutDown',
263
+                        'animate__zoomOutLeft' => 'zoomOutLeft',
264
+                        'animate__zoomOutRight' => 'zoomOutRight',
265
+                        'animate__zoomOutUp' => 'zoomOutUp',
266
+                        /* Sliding entrances */
267
+                        'animate__slideInDown' => 'slideInDown',
268
+                        'animate__slideInLeft' => 'slideInLeft',
269
+                        'animate__slideInRight' => 'slideInRight',
270
+                        'animate__slideInUp' => 'slideInUp',
271
+                        /* Sliding exits */
272
+                        'animate__slideOutDown' => 'slideOutDown',
273
+                        'animate__slideOutLeft' => 'slideOutLeft',
274
+                        'animate__slideOutRight' => 'slideOutRight',
275
+                        'animate__slideOutUp' => 'slideOutUp',
276
+                    ),
277
+                    'eval' => array('chosen' => 'true')
278
+                ),
279
+
280
+
281
+                'column_width' => array(
282
+                    'label' => array(
283
+                        'de' => array('Inhalts-Spaltenbreite', ''),
284
+                    ),
285
+                    'inputType' => 'select',
286
+                    'options' => array(
287
+                        'col-12 col-md-6 col-lg-3' => '25% (Standard)',
288
+                        'col-12 col-md-6 col-lg-4' => '33%',
289
+                        'col-12 col-md-6 col-lg-5' => 'ca. 40%',
290
+                        'col-12 col-md-6' => '50%',
291
+                        'col-12 col-lg-8' => '66.66%',
292
+                        'col-12 col-lg-9' => '75%'
293
+                    ),
294
+                ),
295
+
296
+
297
+                'settings_1' => array(
298
+                    'label' => array('Vorderseite', ''),
299
+                    'inputType' => 'group',
300
+                ),
301
+
302
+
303
+                'back_link' => array(
304
+                    'label' => array('Link für Klick auf Card', 'Fixierung der Rückseite nach Klick wird dadurch "überschrieben"'),
305
+                    'inputType' => 'url',
306
+                ),
307
+
308
+
309
+                'image_front' => array(
310
+                    'label' => array('Bild', ''),
311
+                    'inputType' => 'fileTree',
312
+                    'eval' => array(
313
+                        'multiple' => false,
314
+                        'fieldType' => 'radio',
315
+                        'filesOnly' => true,
316
+                        'extensions' => 'jpg,jpeg,png,svg',
317
+                        'tl_class' => 'clr'
318
+                    ),
319
+                ),
320
+
321
+                'front_as_bg' => array(
322
+                    'label' => array('Bild vollflächig als Hintergrund auf Vorderseite', 'Text wird mittig auf halb-transparente Box gelegt'),
323
+                    'inputType' => 'checkbox',
324
+                ),
325
+
326
+                'front_background' => array(
327
+                    'label' => array('Alternative Hintergrundfarbe Vorderseite', 'In HEX oder rgb(a) angeben, ansonsten Hauptfarbe'),
328
+                    'inputType' => 'text',
329
+                    'eval' => array('tl_class' => 'w50'),
330
+                ),
331
+                'front_textcolor' => array(
332
+                    'label' => array('Alternative Textfarbe', 'In HEX oder rgb(a) angeben'),
333
+                    'inputType' => 'text',
334
+                    'eval' => array('tl_class' => 'w50'),
335
+                ),
336
+
337
+
338
+                'front_textalign' => array(
339
+                    'label' => array(
340
+                        'de' => array('Text-Ausrichtung', ''),
341
+                    ),
342
+                    'inputType' => 'select',
343
+                    'options' => array(
344
+                        'text-start' => 'Linksbündig',
345
+                        'text-center' => 'Zentriert',
346
+                        'text-end' => 'Rechtsbündig',
347
+                    ),
348
+                    'eval' => array('tl_class' => 'clr'),
349
+                ),
350
+
351
+
352
+                'front_headline' => array(
353
+                    'label' => array('Überschrift', ''),
354
+                    'inputType' => 'text',
355
+                ),
356
+
357
+                'front_content_headline' => array(
358
+                    'label' => array('Überschrift für Textpassage', ''),
359
+                    'inputType' => 'text',
360
+                ),
361
+
362
+                'front_content_text' => array(
363
+                    'label' => array('Text', ''),
364
+                    'inputType' => 'textarea',
365
+                    'eval' => array('rte' => 'tinyMCE', 'tl_class' => 'clr'),
366
+                ),
367
+
368
+                'settings_2' => array(
369
+                    'label' => array('Rückseite', ''),
370
+                    'inputType' => 'group',
371
+                ),
372
+
373
+
374
+                'image_back' => array(
375
+                    'label' => array('Bild', ''),
376
+                    'inputType' => 'fileTree',
377
+                    'eval' => array(
378
+                        'multiple' => false,
379
+                        'fieldType' => 'radio',
380
+                        'filesOnly' => true,
381
+                        'extensions' => 'jpg,jpeg,png,svg',
382
+                        'tl_class' => 'clr'
383
+                    ),
384
+                ),
385
+
386
+                'back_background' => array(
387
+                    'label' => array('Alternative Hintergrundfarbe Rückseite', 'In HEX oder rgb(a) angeben, ansonsten Grau'),
388
+                    'inputType' => 'text',
389
+                    'eval' => array('tl_class' => 'w50'),
390
+                ),
391
+                'back_textcolor' => array(
392
+                    'label' => array('Alternative Textfarbe', 'In HEX oder rgb(a) angeben'),
393
+                    'inputType' => 'text',
394
+                    'eval' => array('tl_class' => 'w50'),
395
+                ),
396
+
397
+
398
+                'back_textalign' => array(
399
+                    'label' => array(
400
+                        'de' => array('Text-Ausrichtung', ''),
401
+                    ),
402
+                    'inputType' => 'select',
403
+                    'options' => array(
404
+                        'text-start' => 'Linksbündig',
405
+                        'text-center' => 'Zentriert',
406
+                        'text-end' => 'Rechtsbündig',
407
+                    ),
408
+                    'eval' => array('tl_class' => 'clr'),
409
+                ),
410
+
411
+                'back_headline' => array(
412
+                    'label' => array('Überschrift', ''),
413
+                    'inputType' => 'text',
414
+                ),
415
+
416
+
417
+                'back_content_headline' => array(
418
+                    'label' => array('Überschrift für Textpassage', ''),
419
+                    'inputType' => 'text',
420
+                ),
421
+
422
+                'back_content_text' => array(
423
+                    'label' => array('Text', ''),
424
+                    'inputType' => 'textarea',
425
+                    'eval' => array('rte' => 'tinyMCE', 'tl_class' => 'clr'),
426
+                ),
427
+
428
+
429
+                'settings_3' => array(
430
+                    'label' => array('Button', ''),
431
+                    'inputType' => 'group',
432
+                ),
433
+
434
+
435
+                'link_text' => array(
436
+                    'label' => array(
437
+                        'de' => array('Button-Beschriftung', 'Button befindet sich rechts unter dem Text'),
438
+                    ),
439
+                    'inputType' => 'text',
440
+                    'eval' => array('allowHtml' => true),
441
+                ),
442
+                'link_url' => array(
443
+                    'label' => array('Verlinkung', 'z . B . mailto:info@gmx . de'),
444
+                    'inputType' => 'url',
445
+                ),
446
+
447
+                'link_betreff' => array(
448
+                    'label' => array('Betreffzeile für "mailto:" - Buttons', '(optional, falls Link eine neue Email öffnen soll)'),
449
+                    'inputType' => 'text',
450
+                ),
451
+
452
+                'link_type' => array(
453
+                    'label' => array(
454
+                        'de' => array('Optik des Buttons', ''),
455
+                    ),
456
+                    'inputType' => 'select',
457
+                    'options' => array(
458
+                        'btn-primary' => 'Hauptfarbe',
459
+                        'btn-outline-primary' => 'Hauptfarbe(Outline)',
460
+                        'btn-secondary' => 'Sekundär - Farbe',
461
+                        'btn-outline-secondary' => 'Sekundär - Farbe(Outline)',
462
+                        'btn-link with-arrow' => 'Link - Optik mit Pfeilen',
463
+                        'btn-outline-black' => 'Transparenter Button mit schwarzer Schrift und Rahmen', 'btn-outline-white' => 'Transparenter Button mit weißer Schrift und Rahmen',
464
+                        'btn-white' => 'Weißer Button mit schwarzer Schrift',
465
+                    ),
466
+                    'eval' => array('tl_class' => 'w50'),
467
+                ),
468
+                'link_size' => array(
469
+                    'label' => array(
470
+                        'de' => array('Größe des Buttons', ''),
471
+                    ),
472
+                    'inputType' => 'select',
473
+                    'options' => array(
474
+                        '' => 'Standard',
475
+                        'btn-sm' => 'Klein',
476
+                        'btn-lg' => 'Groß',
477
+                    ),
478
+                    'eval' => array('tl_class' => 'w50'),
479
+                ),
480
+
481
+            ),
482
+        ),
483
+    ),
484
+);