Support des styles ⇒ [arcade] Fichiers html

[cabot]

Hello,

Je ne trouve pas à quels endroits sont retournés ces fichiers qui affichent des blocs de classement :

• arcade_toppoints.html
• arcade_topultime.html
• arcade_topvictories.html

J'ai tout le reste sauf ceux-là.
La structure de leur code est redondante, du coup je voudrais les appeler en include en passant des variables comme je l'ai fait pour d'autre blocs.

Je suis pratiquement au bout, il restera certainement des choses à affiner mais le plus gros est fait.

Edit : ah si c'est bon, ils sont ajaxifiés. Ca m'arrange pas.

[cabot]

Alors j'ai un problème avec la portée des variables dans la boucle.

J'ai créé un fichier générique utilisé pour arcade_toppoints.html, arcade_topultime.html et arcade_topvictories.html.
top_block.html

code : Tout sélectionner

<div class="forabg text-center">
	<div class="inner">
		<ul class="topiclist">
			<li class="header">
				<dl>
					<dt>{{ blockTitle }}</dt>
					<dd>&nbsp;</dd>
				</dl>
			</li>
		</ul>
		<ul class="topiclist forums">
			<li class="bg1 display-table" style="--col1: 12%; --col2: 50%;">
				<div class="display-tableheading">
					<div class="bg3 display-tablerow cell-border">
						<div class="display-tablehead">{{ lang('POSITION') }}</div>
						<div class="display-tablehead">{{ lang('PLAYER') }}</div>
						<div class="display-tablehead">{{ cellTitle }}</div>
					</div>
				</div>
				<div class="display-tablebody">
					{% for item in attribute(_context, rankLoopName) %}
					<div class="display-tablerow cell-border {% if loop.index is even %}bg2{% else %}bg1{% endif %}">
						<div class="display-tablecell">{{ item.CLASSEMENT }}</div>
						<div class="display-tablecell">{{ item.PLAYER }}</div>
						<div class="display-tablecell">{% if modalHref %}<a href="#" onclick="showModalBox('{{ modalHref }}', {{ item.UID }}); return false;">{{ item.cellContent }}</a>{% else %}{{ item.cellContent }}{% endif %}</div>
					</div>
					{% endfor %}
				</div>
			</li>
		{% if INDEX_TOP_PLAYERS %}
			<li class="padding-5px text-bold clearfix">
				{% for begin in attribute(_context, paginationBeginLoopName) %}
				<a href="#" class="float-left" onclick="{{ functionName  }}('{{ U_RA_TOPPLAYERS }}', 0, 0, 0, 0); return false;">{{ lang('BEGIN') }}</a>
				{% endfor %}
				{% for next in attribute(_context, paginationNextLoopName) %}
				<a href="#" class="float-right" onclick="{{ functionName  }}('{{ U_RA_TOPPLAYERS }}', {{ next.START }}, {{ next.argPlace }}, {{ next.argNumber }}, {{ next.argPlaceTemp }}); return false;">{{ lang('NEXT') }}</a>
				{% endfor %}
			</li>
		{% endif %}
		{% if CAT_TOP_PLAYERS %}
			<li class="padding-5px text-bold clearfix">
				{% for begin in attribute(_context, paginationBeginLoopName) %}
				<a href="#" class="float-left" onclick="{{ functionName  }}('{{ U_RA_TOPPLAYERSCAT }}', 0, 0, 0, 0, {{ blockId }}); return false;">{{ lang('BEGIN') }}</a>
				{% endfor %}
				{% for next in attribute(_context, paginationNextLoopName) %}
				<a href="#" class="float-right" onclick="{{ functionName  }}('{{ U_RA_TOPPLAYERSCAT }}', {{ next.START }}, {{ next.argPlace }}, {{ next.argNumber }}, {{ next.argPlaceTemp }}); return false;">{{ lang('NEXT') }}</a>
				{% endfor %}
			</li>
		{% endif %}
		</ul>
	</div>
</div>

Ensuite je l'appelle en include en passant les argument, par exemple dans arcade_toppoints.html :

code : Tout sélectionner

{{ include(
	'blocks/top_block.html',
	{
		'blockId': 'toppoints',
		'blockTitle': lang('TOP_POINTS'),
		'cellTitle': lang('POINTS'),
		'rankLoopName': 'points_row',
		'cellContent': TOTALPOINTS,
		'paginationBeginLoopName': 'points_begin',
		'paginationNextLoopName': 'points_next',
		'functionName': 'getToppoints',
		'argPlace': PLACE_TOPPOINTS,
		'argNumber': NBPOINTSPREC,
		'argPlaceTemp': PLACETEMP2
	}
) }}

Mais TOTALPOINTS, PLACE_TOPPOINTS, NBPOINTSPREC et PLACETEMP2 sont retournés vides dans leurs boucles respectives. Donc j'imagine un problème de portée.
Tu as une idée, vieux breton ?

[Sylver35]

Salut cabot,

Comme tu peut le voir dans ces fichiers avec une indentation à la nawak, je ne m'était pas penché encore dessus pour les refaire et les optimiser

Bref, les variables TOTALPOINTS, PLACE_TOPPOINTS, NBPOINTSPREC et PLACETEMP2 doivent être formées comme toutes variables issues de php dans phpbb sous ces formes : {{ TOTO }} ou {TOTO}

Mais, de plus, ces variables sont dans des boucles.
Début de boucle : <!-- BEGIN points_next -->
Une variable dans la boucle : {points_next.PLACE_TOPPOINTS}
Fin de boucle : <!-- END points_next -->

Attention, elles ne seront remplies que si les conditions de leur affichage sont activées.

[cabot]

En fait ça y est, j'ai résolu mon problème !
Il me fallait simplement utiliser la fonction attribute de Twig (comme j'ai fait pour le nom des boucles).

Du coup au lieu d'avoir les trois fichiers avec du code redondant, j'ai recréé mon modèle avec attribute(foo, bar).
block/top_block.html :

code : Tout sélectionner

...
{% for item in attribute(_context, rankLoopName) %}
<div class="display-tablerow cell-border {% if loop.index is even %}bg2{% else %}bg1{% endif %}">
	<div class="display-tablecell">{{ item.CLASSEMENT }}</div>
	<div class="display-tablecell">{{ item.PLAYER }}</div>
	<div class="display-tablecell">{% if modalHref %}<a href="#" onclick="showModalBox('{{ modalHref }}', {{ item.UID }}); return false;">{{ attribute(item, cellContent) }}</a>{% else %}{{ attribute(item, cellContent) }}{% endif %}</div>
</div>
{% endfor %}
...
{% for next in attribute(_context, paginationNextLoopName) %}
<a href="#" class="float-right" onclick="{{ functionName  }}('{{ U_RA_TOPPLAYERS }}', {{ next.START }}, {{ attribute(next, argPlace) }}, {{ attribute(next, argNumber) }}, {{ attribute(next, argPlaceTemp) }}); return false;">{{ lang('NEXT') }}</a>
{% endfor %}
...etc.

Et j'appelle ce modèle en include dans les trois fichiers, en passant les variables de template avec guillemets simples dans les arguments, exemple pour arcade_toppoints.html :

code : Tout sélectionner

{{ include(
	'blocks/top_block.html',
	{
		'blockTitle': lang('TOP_POINTS'),
		'cellTitle': lang('POINTS'),
		'rankLoopName': 'points_row',
		'cellContent': 'TOTALPOINTS',
		'paginationBeginLoopName': 'points_begin',
		'paginationNextLoopName': 'points_next',
		'functionName': 'getToppoints',
		'argPlace': 'PLACE_TOPPOINTS',
		'argNumber': 'NBPOINTSPREC',
		'argPlaceTemp': 'PLACETEMP2'
	}
) }}

[cabot]

J'ai un autre fichier dont je ne sais pas quoi faire.
arcade_statistique.html

J'en ai pas trouvé de trace non plus dans le PHP.

[Sylver35]

En effet, c'est encore du contenu qui ne sert à rien.
Fichier contenant le code de la page permettant de jouer, rien à voir avec des éventuelles statistiques

[cabot]

Dans le zip que je t'ai filé en MP, il y a une coquille à corriger.
Rien de grave, il manque deux classes.

Dans template/blocks/championnat_classement_block.html
Trouver :

code : Tout sélectionner

                    <ul class="display-flex justify-content-center flex-wrap row-gap-5px padding-5px victories">
                        {% for category in categorie_row %}
                        <li>
                            <span><i class="fa fa-trophy fa-3x fa-fw icon-text"><span>{{ loop.index }}</span></i><br>
                            {{ category.CLASSEMENT ~ lang('COLON')}} {{ category.PLAYER }} ({{ category.TOTALPOINTS }})<br>
                            {{ category.NBVICTORIES }} {{ lang('ARCADE_VICTORIES') }}
                        </li>
                        {% endfor %}
                    </ul>

Remplacer par :

code : Tout sélectionner

                    <ul class="display-flex justify-content-center flex-wrap row-gap-5px padding-5px victories victories-block">
                        {% for category in categorie_row %}
                        <li>
                            <span><i class="fa fa-trophy fa-3x fa-fw fa-bounce icon-text"><span>{{ loop.index }}</span></i><br>
                            {{ category.CLASSEMENT ~ lang('COLON')}} {{ category.PLAYER }} ({{ category.TOTALPOINTS }})<br>
                            {{ category.NBVICTORIES }} {{ lang('ARCADE_VICTORIES') }}
                        </li>
                        {% endfor %}
                    </ul>

Edit : pas la peine je t'ai refait une archive corrigée.