[Tutorial] Convert to Twig Syntax

[Kailey]

phpBB syntax

Code: Select all

{LA_ESCAPED_FOR_JAVASCRIPT}

Twig syntax

Code: Select all

{{ lang('ESCAPED_FOR_JAVASCRIPT')|e("js") }}
or
{{ lang('ESCAPED_FOR_JAVASCRIPT')|addslashes }}

General note that as of phpBB 3.3.5, the following is supported:

Code: Select all

{{ lang_js('ESCAPED_FOR_JAVASCRIPT') }}

[3Di]

General note that as of phpBB 3.3.6, TWIG type casting to float or int is supported.

E.g.: You can just use this in TWIG using the already available config object (for TWIG).

Code: Select all

{% set MY_INT_VAR = config('my_int_config')|int %}

Code: Select all

{% set MY_FLOAT_VAR = config('my_float_config')|float %}

And remove those type cast from PHP and/or JS.

Like using template assign vars in phpBB
'MY_INT_VAR' => (int) $this->config['my_int_config'],
'MY_FLOAT_VAR' => (double) $this->config['my_float_config'],

Or parseInt(X) or parseFloat(X) in JS.

Ref.: https://github.com/phpbb/phpbb/pull/6302

Ask in case.

[Gumboots]

Does anyone know of a good Twig UDL for Notepad++?

I have tried this one and the folding behaviour is totally screwed. Have tried messing with it, but it's being a PITA to fix, so if there is another one that already works that would be useful.

[GanstaZ]

Download visual studio code & use it instead of notepad++.. it will solve all your problems.

[Gumboots]

I find Notepad++ perfectly adequate for everything else.

[Kailey]

How to convert these? I'm working on a custom style and these are in overall_header.html.

Code: Select all

{$STYLESHEETS}

Code: Select all

<!--[if lte IE 9]>
	<link href="{T_THEME_PATH}/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<![endif]-->

Is the first one just your standard template var ({{ $STYLESHEETS }})? The second one, I'm lost due to the inclusion of the brackets.

[Paul]

The second one is standard html, and you dont need to change anything to. In this case it is for Internet Explorer 9 and lower, so you probably can remove it anyways

[rxu]

There's also Twig Converter extension which can do it automatically.

[cabot]

Hello,

Code: Select all

{{ definition.STYLESHEETS }}

[Kailey]

There's also Twig Converter extension which can do it automatically.

I actually tried that. It left the IE part untouched.

Code: Select all

{{ definition.STYLESHEETS }}

Thanks. Twig Converter actually had the same change, so good to know!

[ssl]

Twig converter should have modified like this

Code: Select all

<!--[if lte IE 9]>
  <link href="{{ T_THEME_PATH }}/tweaks.css?assets_version={{ T_ASSETS_VERSION }}" rel="stylesheet">
<![endif]-->

[Gumboots]

There's also Twig Converter extension which can do it automatically.

I actually tried that. It left the IE part untouched.

Just remove it. Any code for versions lower than IE9 has been irrelevant for years.