Einzelne Datei in benutzerdefiniertem Inhaltselement mit DCE

Question

Ich habe DCE für benutzerdefinierte Inhaltselemente installiert.

Ich möchte einen ersten div-Tag bedingt gesetzt einschließlich des Dateinamens. Dies sollte es tun, aber es nicht - warum?

<f:if condition="{f:count(subject: {dce:fal(field:'bgImage', contentObject:contentObject)})}==1"> 
     <f:then> 

     <f:for each="{dce:fal(field:'image', contentObject:contentObject)}" as="fileReference" iteration="iterator"> 
      <f:if condition="{iterator.isFirst}"> 
       <div class="element slide vertical-center picture{f:if(condition: '{field.isWhite} == 1', then: ' white')}" img-fill="{f:uri.image(src:'{fileReference.uid}',treatIdAsReference:'1')}" selectable> 
      </f:if> 
     </f:for> 

    </f:then> 
    <f:else> 

     <div class="element slide vertical-center{f:if(condition: '{field.isWhite} == 1', then: ' white')}" selectable> 

    </f:else> 
    </f:if> 

Was ich brauche:

I definiert eine FAL Eigenschaft in DCE und wenn eine Datei festgelegt wird, sollte die 'div'

<div class="element slide vertical-center picture" img-fill="FILEPATH" selectable> 

sein, wenn nicht sollte es sein

<div class="element slide vertical-center" selectable> 

Ich habe keine bessere Lösung als diese Struktur gefunden:

<f:for each="{dce:fal(field:'image', contentObject:contentObject)}" as="fileReference" iteration="iterator"> 
    <f:if condition="{iterator.isFirst}"> 
     <!-- render image by fileReference --> 
    </f:if> 
</f:for> 

Ich fand schon die Inline-Notation

{f:if(condition:'{filepath} != EMTPY',then:' picture')} 

Aber wie kann ich überprüfen, für LEER in Flüssigkeit?

{f:if(condition:'{filepath}',then:' picture')} 

Als ich richtig Urs in den Kommentaren verstand.

Was vermisse ich?

Answer 1

Ich fand eine "Lösung" auf meinem eigenen:

<f:for each="{dce:fal(field:'bgImage', contentObject:contentObject)}" as="fileReference" iteration="iterator"> 

    <f:if condition="{iterator.isFirst}"> 

     <div class="element slide vertical-center picture{f:if(condition: '{field.isWhite} == 1', then: ' white')}" img-fill-src="/fileadmin{fileReference.originalFile.identifier}"> 

    </f:if> 

    </f:for> 

    <f:if condition="<f:count>{dce:fal(field:'bgImage', contentObject:contentObject)}</f:count> < 1"> 

    <div class="element slide vertical-center{f:if(condition: '{field.isWhite} == 1', then: ' white')}"> 

    </f:if> 

Was für ein Durcheinander. Vergleichen Sie an ein PHP-Ansatz:

<? if (count($image_references) == 1): ?> 

    <div class="element slide vertical-center picture" img-fill-src="/fileadmin<? echo $file_references[0].originalFile.identifier; ?>"> 

<? else: ?> 

    <div class="element slide vertical-center"> 

<? endif; ?> 

</div> 

Und mit dieser Flüssigkeit Zeug Sie extreme Overhead erzeugen, weil schließlich Sie einen Parser müssen, dass das Fluid Zeug analysiert. Dieser Parser ist wieder in PHP geschrieben und muss durchgängig zum Frontend ausgeführt werden. Das bedeutet, dass alles zwischengespeichert werden muss. Aber Caching ist nicht gut. Der Code ist einfacher. Wenn Sie flüssig lernen, können Sie es anderswo anderswo nicht anwenden.

Was für eine schlechte Idee ist dieses "Fluid" -System!

Answer 2

So könnten Sie so etwas wie dies versuchen (ich vermute):

<div class="..." img-fill="<f:if condition="{dce:fal(field:'image', contentObject:contentObject)}"> 
     <f:image image="{dce:fal(field:'image', contentObject:contentObject).0}" /> 
    </f:if> 
    </f:for>"> 
... further content ... 
</div> 

Answer 3

versuchen so etwas wie dieses, es Arbeit für mich.

<f:for each="{dce:fal(field:'fal', contentObject:contentObject)}" as="fileReference" iteration="iterator"> 
    <div class="element slide vertical-center {f:if(condition:'{fileReference.uid}',then:' picture')}"> 
      <f:image src="{fileReference.uid}" alt="" treatIdAsReference="1" /> 
    </div> 
</f:for>