rich1.0phorkiehttps://p.cweiske.de/TCA, Model and Fluid Partial to display FAL images as a simple gallery using TYPO3 and Extbase 6.1Christian Weiske86400900900<!-- embedding all files of https://p.cweiske.de/115 -->
<link rel="stylesheet" href="https://p.cweiske.de/css/embed.css"/>
<div class="phork" id="115">
<div class="phork-file">
<div class="phork-content">
<style type="text/css">/**
* GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
* (http://qbnz.com/highlighter/ and http://geshi.org/)
*/
.sql .de1, .sql .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}
.sql {font-family:monospace;}
.sql .imp {font-weight: bold; color: red;}
.sql li, .sql .li1 {color: #DDD;}
.sql .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.sql .kw1 {color: #993333; font-weight: bold;}
.sql .co1 {color: #808080; font-style: italic;}
.sql .coMULTI {color: #808080; font-style: italic;}
.sql .es0 {color: #000099; font-weight: bold;}
.sql .br0 {color: #66cc66;}
.sql .sy0 {color: #66cc66;}
.sql .st0 {color: #ff0000;}
.sql .nu0 {color: #cc66cc;}
.sql span.xtra { display:block; }
</style><div class="code"><table class="sql"><tbody><tr class="li1"><td class="ln"><pre class="de1">1
2
</pre></td><td class="de1"><pre class="de1">images <span class="kw1">INT</span><span class="br0">(</span><span class="nu0">11</span><span class="br0">)</span> <span class="kw1">UNSIGNED</span> <span class="kw1">DEFAULT</span> <span class="st0">'0'</span><span class="sy0">,</span>
 </pre></td></tr></tbody></table></div>
</div>
<div class="phork-meta">
<a href="https://p.cweiske.de/115/rev-raw/55a0b3820fdbfb8fd8ee78e4a2b1f4f446a1d1b1/0-ext_tables.sql" style="float: right">view raw source</a>
<a href="https://p.cweiske.de/115#0-ext_tables.sql">0-ext_tables.sql</a>
</div>
</div>
<div class="phork-file">
<div class="phork-content">
<style type="text/css">/**
* GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
* (http://qbnz.com/highlighter/ and http://geshi.org/)
*/
.php .de1, .php .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}
.php {font-family:monospace;}
.php .imp {font-weight: bold; color: red;}
.php li, .php .li1 {color: #DDD;}
.php .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.php .kw1 {color: #b1b100;}
.php .kw2 {color: #000000; font-weight: bold;}
.php .kw3 {color: #990000;}
.php .kw4 {color: #009900; font-weight: bold;}
.php .co1 {color: #666666; font-style: italic;}
.php .co2 {color: #666666; font-style: italic;}
.php .co3 {color: #0000cc; font-style: italic;}
.php .co4 {color: #009933; font-style: italic;}
.php .coMULTI {color: #666666; font-style: italic;}
.php .es0 {color: #000099; font-weight: bold;}
.php .es1 {color: #000099; font-weight: bold;}
.php .es2 {color: #660099; font-weight: bold;}
.php .es3 {color: #660099; font-weight: bold;}
.php .es4 {color: #006699; font-weight: bold;}
.php .es5 {color: #006699; font-weight: bold; font-style: italic;}
.php .es6 {color: #009933; font-weight: bold;}
.php .es_h {color: #000099; font-weight: bold;}
.php .br0 {color: #009900;}
.php .sy0 {color: #339933;}
.php .sy1 {color: #000000; font-weight: bold;}
.php .st0 {color: #0000ff;}
.php .st_h {color: #0000ff;}
.php .nu0 {color: #cc66cc;}
.php .nu8 {color: #208080;}
.php .nu12 {color: #208080;}
.php .nu19 {color:#800080;}
.php .me1 {color: #004000;}
.php .me2 {color: #004000;}
.php .re0 {color: #000088;}
.php span.xtra { display:block; }
</style><div class="code"><table class="php"><tbody><tr class="li1"><td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
</pre></td><td class="de1"><pre class="de1"><span class="sy0">....</span>
<span class="st_h">'images'</span> <span class="sy0">=></span> <a href="http://www.php.net/array"><span class="kw3">array</span></a><span class="br0">(</span>
        <span class="st_h">'exclude'</span> <span class="sy0">=></span> <span class="nu0">0</span><span class="sy0">,</span>
        <span class="st_h">'label'</span> <span class="sy0">=></span> <span class="st_h">'images'</span><span class="sy0">,</span>
        <span class="st_h">'config'</span> <span class="sy0">=></span> \TYPO3\CMS\Core\Utility\ExtensionManagementUtility<span class="sy0">::</span><span class="me2">getFileFieldTCAConfig</span><span class="br0">(</span>
                <span class="st_h">'images'</span><span class="sy0">,</span>
                <a href="http://www.php.net/array"><span class="kw3">array</span></a><span class="br0">(</span>
                        <span class="st_h">'appearance'</span> <span class="sy0">=></span> <a href="http://www.php.net/array"><span class="kw3">array</span></a><span class="br0">(</span>
                                <span class="st_h">'headerThumbnail'</span> <span class="sy0">=></span> <a href="http://www.php.net/array"><span class="kw3">array</span></a><span class="br0">(</span>
                                        <span class="st_h">'width'</span> <span class="sy0">=></span> <span class="st_h">'100'</span><span class="sy0">,</span>
                                        <span class="st_h">'height'</span> <span class="sy0">=></span> <span class="st_h">'100'</span><span class="sy0">,</span>
                                <span class="br0">)</span><span class="sy0">,</span>
                        <span class="st_h">'createNewRelationLinkTitle'</span> <span class="sy0">=></span> <span class="st_h">'LLL:EXT:your_extension/Resources/Private/Language/locallang_db.xlf:tx_yourextension_db_table.add-images'</span>
                        <span class="br0">)</span><span class="sy0">,</span>
                        <span class="co1">// custom configuration for displaying fields in the overlay/reference table</span>
                        <span class="co1">// to use the imageoverlayPalette instead of the basicoverlayPalette</span>
                        <span class="st_h">'foreign_types'</span> <span class="sy0">=></span> <a href="http://www.php.net/array"><span class="kw3">array</span></a><span class="br0">(</span>
                                <span class="st_h">'0'</span> <span class="sy0">=></span> <a href="http://www.php.net/array"><span class="kw3">array</span></a><span class="br0">(</span>
                                        <span class="st_h">'showitem'</span> <span class="sy0">=></span> <span class="st_h">'</span>
<span class="st_h">                                                --palette--;LLL:EXT:lang/locallang_tca.xlf:sys_file_reference.imageoverlayPalette;imageoverlayPalette,</span>
<span class="st_h">                                                --palette--;;filePalette'</span>
                                <span class="br0">)</span><span class="sy0">,</span>
                                \TYPO3\CMS\Core\Resource\<a href="http://www.php.net/file"><span class="kw3">File</span></a><span class="sy0">::</span><span class="me2">FILETYPE_TEXT</span> <span class="sy0">=></span> <a href="http://www.php.net/array"><span class="kw3">array</span></a><span class="br0">(</span>
                                        <span class="st_h">'showitem'</span> <span class="sy0">=></span> <span class="st_h">'</span>
<span class="st_h">                                                --palette--;LLL:EXT:lang/locallang_tca.xlf:sys_file_reference.imageoverlayPalette;imageoverlayPalette,</span>
<span class="st_h">                                                --palette--;;filePalette'</span>
                                <span class="br0">)</span><span class="sy0">,</span>
                                \TYPO3\CMS\Core\Resource\<a href="http://www.php.net/file"><span class="kw3">File</span></a><span class="sy0">::</span><span class="me2">FILETYPE_IMAGE</span> <span class="sy0">=></span> <a href="http://www.php.net/array"><span class="kw3">array</span></a><span class="br0">(</span>
                                        <span class="st_h">'showitem'</span> <span class="sy0">=></span> <span class="st_h">'</span>
<span class="st_h">                                                --palette--;LLL:EXT:lang/locallang_tca.xlf:sys_file_reference.imageoverlayPalette;imageoverlayPalette,</span>
<span class="st_h">                                                --palette--;;filePalette'</span>
                                <span class="br0">)</span><span class="sy0">,</span>
                                \TYPO3\CMS\Core\Resource\<a href="http://www.php.net/file"><span class="kw3">File</span></a><span class="sy0">::</span><span class="me2">FILETYPE_AUDIO</span> <span class="sy0">=></span> <a href="http://www.php.net/array"><span class="kw3">array</span></a><span class="br0">(</span>
                                        <span class="st_h">'showitem'</span> <span class="sy0">=></span> <span class="st_h">'</span>
<span class="st_h">                                                --palette--;LLL:EXT:lang/locallang_tca.xlf:sys_file_reference.imageoverlayPalette;imageoverlayPalette,</span>
<span class="st_h">                                                --palette--;;filePalette'</span>
                                <span class="br0">)</span><span class="sy0">,</span>
                                \TYPO3\CMS\Core\Resource\<a href="http://www.php.net/file"><span class="kw3">File</span></a><span class="sy0">::</span><span class="me2">FILETYPE_VIDEO</span> <span class="sy0">=></span> <a href="http://www.php.net/array"><span class="kw3">array</span></a><span class="br0">(</span>
                                        <span class="st_h">'showitem'</span> <span class="sy0">=></span> <span class="st_h">'</span>
<span class="st_h">                                                --palette--;LLL:EXT:lang/locallang_tca.xlf:sys_file_reference.imageoverlayPalette;imageoverlayPalette,</span>
<span class="st_h">                                                --palette--;;filePalette'</span>
                                <span class="br0">)</span><span class="sy0">,</span>
                                \TYPO3\CMS\Core\Resource\<a href="http://www.php.net/file"><span class="kw3">File</span></a><span class="sy0">::</span><span class="me2">FILETYPE_APPLICATION</span> <span class="sy0">=></span> <a href="http://www.php.net/array"><span class="kw3">array</span></a><span class="br0">(</span>
                                        <span class="st_h">'showitem'</span> <span class="sy0">=></span> <span class="st_h">'</span>
<span class="st_h">                                                --palette--;LLL:EXT:lang/locallang_tca.xlf:sys_file_reference.imageoverlayPalette;imageoverlayPalette,</span>
<span class="st_h">                                                --palette--;;filePalette'</span>
                                <span class="br0">)</span>
                        <span class="br0">)</span><span class="sy0">,</span>
                <span class="br0">)</span><span class="sy0">,</span>
                <span class="re0">$GLOBALS</span><span class="br0">[</span><span class="st_h">'TYPO3_CONF_VARS'</span><span class="br0">]</span><span class="br0">[</span><span class="st_h">'GFX'</span><span class="br0">]</span><span class="br0">[</span><span class="st_h">'imagefile_ext'</span><span class="br0">]</span>
        <span class="br0">)</span>
<span class="br0">)</span><span class="sy0">,</span>
 </pre></td></tr></tbody></table></div>
</div>
<div class="phork-meta">
<a href="https://p.cweiske.de/115/rev-raw/55a0b3820fdbfb8fd8ee78e4a2b1f4f446a1d1b1/1-tca.php" style="float: right">view raw source</a>
<a href="https://p.cweiske.de/115#1-tca.php">1-tca.php</a>
</div>
</div>
<div class="phork-file">
<div class="phork-content">
<style type="text/css">/**
* GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
* (http://qbnz.com/highlighter/ and http://geshi.org/)
*/
.php .de1, .php .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}
.php {font-family:monospace;}
.php .imp {font-weight: bold; color: red;}
.php li, .php .li1 {color: #DDD;}
.php .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.php .kw1 {color: #b1b100;}
.php .kw2 {color: #000000; font-weight: bold;}
.php .kw3 {color: #990000;}
.php .kw4 {color: #009900; font-weight: bold;}
.php .co1 {color: #666666; font-style: italic;}
.php .co2 {color: #666666; font-style: italic;}
.php .co3 {color: #0000cc; font-style: italic;}
.php .co4 {color: #009933; font-style: italic;}
.php .coMULTI {color: #666666; font-style: italic;}
.php .es0 {color: #000099; font-weight: bold;}
.php .es1 {color: #000099; font-weight: bold;}
.php .es2 {color: #660099; font-weight: bold;}
.php .es3 {color: #660099; font-weight: bold;}
.php .es4 {color: #006699; font-weight: bold;}
.php .es5 {color: #006699; font-weight: bold; font-style: italic;}
.php .es6 {color: #009933; font-weight: bold;}
.php .es_h {color: #000099; font-weight: bold;}
.php .br0 {color: #009900;}
.php .sy0 {color: #339933;}
.php .sy1 {color: #000000; font-weight: bold;}
.php .st0 {color: #0000ff;}
.php .st_h {color: #0000ff;}
.php .nu0 {color: #cc66cc;}
.php .nu8 {color: #208080;}
.php .nu12 {color: #208080;}
.php .nu19 {color:#800080;}
.php .me1 {color: #004000;}
.php .me2 {color: #004000;}
.php .re0 {color: #000088;}
.php span.xtra { display:block; }
</style><div class="code"><table class="php"><tbody><tr class="li1"><td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
</pre></td><td class="de1"><pre class="de1"><span class="co4">/**</span>
<span class="co4"> * images to use in the gallery</span>
<span class="co4"> *</span>
<span class="co4"> * @var \TYPO3\CMS\Extbase\Persistence\ObjectStorage<\TYPO3\CMS\Extbase\Domain\Model\FileReference></span>
<span class="co4"> * @lazy</span>
<span class="co4"> */</span>
<span class="kw2">protected</span> <span class="re0">$images</span><span class="sy0">;</span>
 
<span class="co4">/**</span>
<span class="co4"> * __construct</span>
<span class="co4"> *</span>
<span class="co4"> * @return AbstractObject</span>
<span class="co4"> */</span>
<span class="kw2">public</span> <span class="kw2">function</span> __construct<span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span>
        <span class="re0">$this</span><span class="sy0">-></span><span class="me1">images</span> <span class="sy0">=</span> <span class="kw2">new</span> \TYPO3\CMS\Extbase\Persistence\ObjectStorage<span class="br0">(</span><span class="br0">)</span><span class="sy0">;</span>
<span class="br0">}</span>
 
<span class="co4">/**</span>
<span class="co4"> * sets the Images</span>
<span class="co4"> *</span>
<span class="co4"> * @param \TYPO3\CMS\Extbase\Persistence\ObjectStorage $images</span>
<span class="co4"> *</span>
<span class="co4"> * @return void</span>
<span class="co4"> */</span>
<span class="kw2">public</span> <span class="kw2">function</span> setImages<span class="br0">(</span><span class="re0">$images</span><span class="br0">)</span> <span class="br0">{</span>
        <span class="re0">$this</span><span class="sy0">-></span><span class="me1">images</span> <span class="sy0">=</span> <span class="re0">$images</span><span class="sy0">;</span>
<span class="br0">}</span>
 
<span class="co4">/**</span>
<span class="co4"> * get the Images</span>
<span class="co4"> *</span>
<span class="co4"> * @return \TYPO3\CMS\Extbase\Persistence\ObjectStorage</span>
<span class="co4"> */</span>
<span class="kw2">public</span> <span class="kw2">function</span> getImages<span class="br0">(</span><span class="br0">)</span> <span class="br0">{</span>
        <span class="kw1">return</span> <span class="re0">$this</span><span class="sy0">-></span><span class="me1">images</span><span class="sy0">;</span>
<span class="br0">}</span></pre></td></tr></tbody></table></div>
</div>
<div class="phork-meta">
<a href="https://p.cweiske.de/115/rev-raw/55a0b3820fdbfb8fd8ee78e4a2b1f4f446a1d1b1/2-model.php" style="float: right">view raw source</a>
<a href="https://p.cweiske.de/115#2-model.php">2-model.php</a>
</div>
</div>
<div class="phork-file">
<div class="phork-content">
<style type="text/css">/**
* GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
* (http://qbnz.com/highlighter/ and http://geshi.org/)
*/
.xml .de1, .xml .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}
.xml {font-family:monospace;}
.xml .imp {font-weight: bold; color: red;}
.xml li, .xml .li1 {color: #DDD;}
.xml .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.xml .es0 {color: #000099; font-weight: bold;}
.xml .br0 {color: #66cc66;}
.xml .sy0 {color: #66cc66;}
.xml .st0 {color: #ff0000;}
.xml .sc-1 {color: #808080; font-style: italic;}
.xml .sc0 {color: #00bbdd;}
.xml .sc1 {color: #ddbb00;}
.xml .sc2 {color: #339933;}
.xml .sc3 {color: #009900;}
.xml .re0 {color: #000066;}
.xml .re1 {color: #000000; font-weight: bold;}
.xml .re2 {color: #000000; font-weight: bold;}
.xml span.xtra { display:block; }
</style><div class="code"><table class="xml"><tbody><tr class="li1"><td class="ln"><pre class="de1">1
2
3
4
5
</pre></td><td class="de1"><pre class="de1"><span class="sc3"><span class="re1"><f:for</span> <span class="re0">each</span>=<span class="st0">"{images}"</span> <span class="re0">as</span>=<span class="st0">"image"</span> <span class="re2">></span></span>
        <span class="sc3"><span class="re1"><a</span> <span class="re0">href</span>=<span class="st0">"{f:uri.image(src:image.uid,treatIdAsReference:1)}"</span> <span class="re0">class</span>=<span class="st0">"lightbox"</span> <span class="re0">rel</span>=<span class="st0">"gallery"</span><span class="re2">></span></span>
                <span class="sc3"><span class="re1"><f:image</span> <span class="re0">src</span>=<span class="st0">"{image.uid}"</span> <span class="re0">alt</span>=<span class="st0">"{image.originalResorce.alternative}"</span> <span class="re0">width</span>=<span class="st0">'101'</span> <span class="re0">height</span>=<span class="st0">"67"</span> <span class="re0">treatIdAsReference</span>=<span class="st0">"1"</span><span class="re2">/></span></span>
        <span class="sc3"><span class="re1"></a</span> <span class="re2">></span></span>
<span class="sc3"><span class="re1"></f:for</span> <span class="re2">></span></span></pre></td></tr></tbody></table></div>
</div>
<div class="phork-meta">
<a href="https://p.cweiske.de/115/rev-raw/55a0b3820fdbfb8fd8ee78e4a2b1f4f446a1d1b1/3-fluid-view.htm" style="float: right">view raw source</a>
<a href="https://p.cweiske.de/115#3-fluid-view.htm">3-fluid-view.htm</a>
</div>
</div>
</div>