ot_typo3/ot_templating/Resources/Private/Layouts/Classic/Members.html

{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace ot=Opentalent\OtTemplating\ViewHelpers}

<f:comment><!-- Special layout for the Members page --></f:comment>
<f:layout name="Members" />

<f:comment><!-- Render the header defined in partial/header.html--></f:comment>
<f:render partial="Classic/Header" arguments="{_all}" />

<div class="main">

    <f:comment><!-- Central column --></f:comment>
    <div class="content">
        <f:comment><!-- All members --></f:comment>
        <h2>Liste des adhérents</h2>

        <div class="ot-members">
            <ot:members.getAll as="membersByInstrument"
                               organizationId="{settings.organizationId}">

                <f:if condition="{membersByInstrument -> f:count()} > 0">
                    <f:then>
                        <f:for each="{membersByInstrument}" as="members" key="instrument">
                            <h3>
                                <f:format.case
                                        mode="upper"
                                        value="{f:translate(key: 'member.instrument.{instrument}')}">
                                </f:format.case>
                            </h3>
                            <ul class="ot-members-list">
                                <f:for each="{members}" as="member">
                                    <li class="ot-member">
                                        <p class="ot-member-image">
                                            <f:if condition="{member.image}">
                                                <f:then>
                                                    <img src="{member.image}/160x0"/>
                                                </f:then>
                                                <f:else>
                                                    <f:if condition="{member.gender}=='MISTER'">
                                                        <f:then>
                                                            <f:image src="EXT:ot_templating/Resources/Public/media/man-default.jpg"/>
                                                        </f:then>
                                                        <f:else>
                                                            <f:image src="EXT:ot_templating/Resources/Public/media/woman-default.jpg"/>
                                                        </f:else>
                                                    </f:if>
                                                </f:else>
                                            </f:if>
                                        </p>
                                        <p class="ot-member-name">
                                            {member.fullName}
                                        </p>
                                    </li>
                                </f:for>
                            </ul>
                        </f:for>

                    </f:then>
                    <f:else>
                        <h5>Aucun adhérent</h5>
                    </f:else>
                </f:if>
            </ot:members.getAll>
        </div>
    </div>
</div> <!-- /container -->

<f:comment><!-- Render the footer defined in partial/footer.html--></f:comment>
<f:render partial="Classic/Footer" />