[!!!][FEATURE] Streamline Fluid Styled Content and CSS Styled Content
[Packages/TYPO3.CMS.git] / typo3 / sysext / css_styled_content / Resources / Private / Templates / Textmedia.html
1 <html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:ce="http://typo3.org/ns/TYPO3/CMS/CssStyledContent/ViewHelpers" data-namespace-typo3-fluid="true">
2 <f:if condition="{gallery.rows}">
3 <div class="csc-textmedia-gallery{f:if(condition: data.imageborder, then: ' csc-textmedia-border')}" data-ce-columns="{gallery.count.columns}" data-ce-images="{gallery.count.files}">
4 <f:if condition="{gallery.position.horizontal} == 'center'">
5 <div class="csc-textmedia-gallery-outer">
6 <div class="csc-textmedia-gallery-inner">
7 </f:if>
8 <f:for each="{gallery.rows}" as="row">
9 <div class="csc-textmedia-gallery-row">
10 <f:for each="{row.columns}" as="column">
11 <f:if condition="{column.media}">
12 <div class="csc-textmedia-gallery-column">
13 <f:if condition="{column.media.description}">
14 <f:then>
15 <figure>
16 </f:then>
17 <f:else>
18 <div class="csc-textmedia-gallery-media">
19 </f:else>
20 </f:if>
21
22 <f:switch expression="{column.media.type}">
23 <f:case value="3">
24 <f:render section="audioType" arguments="{_all}" />
25 </f:case>
26 <f:case value="4">
27 <f:render section="videoType" arguments="{_all}" />
28 </f:case>
29 <f:defaultCase>
30 <f:render section="imageType" arguments="{_all}" />
31 </f:defaultCase>
32 </f:switch>
33
34 <f:if condition="{column.media.description}">
35 <f:then>
36 <figcaption>
37 {column.media.description}
38 </figcaption>
39 </figure>
40 </f:then>
41 <f:else>
42 </div>
43 </f:else>
44 </f:if>
45 </div>
46 </f:if>
47 </f:for>
48 </div>
49 </f:for>
50 <f:if condition="{gallery.position.horizontal} == 'center'">
51 </div>
52 </div>
53 </f:if>
54 </div>
55 </f:if>
56
57 <f:section name="imageType">
58 <f:if condition="{column.media.link}">
59 <f:then>
60 <f:link.typolink parameter="{column.media.link}">
61 <f:render section="media" arguments="{_all}" />
62 </f:link.typolink>
63 </f:then>
64 <f:else>
65 <f:if condition="{data.image_zoom}">
66 <f:then>
67 <ce:link.clickEnlarge image="{column.media}" configuration="{settings.media.popup}">
68 <f:render section="media" arguments="{_all}" />
69 </ce:link.clickEnlarge>
70 </f:then>
71 <f:else>
72 <f:render section="media" arguments="{_all}" />
73 </f:else>
74 </f:if>
75 </f:else>
76 </f:if>
77 </f:section>
78
79 <f:section name="audioType">
80 <f:render section="media" arguments="{_all}" />
81 </f:section>
82
83 <f:section name="videoType">
84 <f:render section="media" arguments="{_all}" />
85 </f:section>
86
87 <f:section name="media">
88 <f:media
89 file="{column.media}"
90 width="{column.dimensions.width}"
91 height="{column.dimensions.height}"
92 alt="{column.media.alternative}"
93 title="{column.media.title}"
94 />
95 </f:section>
96 </html>