ot_typo3/ot_templating/Resources/Private/Layouts/Modern/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" />

<section class="t-container st-effect-3">

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

    <section class="page-section-ptb">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 mt-30">

                    <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>
        </div>
    </section>

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

</section>