Skip to content

Commit 123f64a

Browse files
smnandresmnandre
committed
[Site] Remove stimulus_* helpers
1 parent bd080e6 commit 123f64a

File tree

1 file changed

+35
-35
lines changed

1 file changed

+35
-35
lines changed

‎ux.symfony.com/templates/ux_packages/translator.html.twig

Lines changed: 35 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -26,12 +26,12 @@
2626
{% block demo_title %}UX Translator{% endblock %}
2727

2828
{% block demo_content %}
29-
<div {{ stimulus_controller('translator-demo') }}>
30-
<div {{ stimulus_target('translator-demo', 'localeSwitcher') }} style="position: absolute; top: 16px; right: 16px ">
29+
<div data-controller="translator-demo">
30+
<div data-translator-demo-target="localeSwitcher" style="position: absolute; top: 16px; right: 16px ">
3131
<div class="row">
3232
<label for="translator-demo-locale" class="col-3 col-form-label">Locale</label>
3333
<div class="col">
34-
<select id="translator-demo-locale" {{ stimulus_action('translator-demo', 'setLocale') }} class="form-select">
34+
<select id="translator-demo-locale" class="form-select" data-action="translator-demo#setLocale">
3535
<option value="en">🇬🇧 English</option>
3636
<option value="fr">🇫🇷 French</option>
3737
</select>
@@ -54,22 +54,22 @@
5454
<div class="row mb-4">
5555
<div class="col-5">
5656
<div class="Terminal_body">
57-
<pre {{ stimulus_target('translator-demo', 'helloCode') }}></pre>
57+
<pre data-translator-demo-target="helloCode"></pre>
5858
</div>
5959
</div>
6060
<div class="col">
61-
<span {{ stimulus_target('translator-demo', 'helloOutput') }}></span>
61+
<span data-translator-demo-target="helloOutput"></span>
6262
</div>
6363
</div>
6464

6565
<div class="row mb-4">
6666
<div class="col-5">
6767
<div class="Terminal_body">
68-
<pre {{ stimulus_target('translator-demo', 'sayHelloCode') }}></pre>
68+
<pre data-translator-demo-target="sayHelloCode"></pre>
6969
</div>
7070
</div>
7171
<div class="col">
72-
<span {{ stimulus_target('translator-demo', 'sayHelloOutput') }}></span>
72+
<span data-translator-demo-target="sayHelloOutput"></span>
7373
</div>
7474
<div class="col-4">
7575
<div class="row mb-3">
@@ -80,8 +80,8 @@
8080
value="Fabien"
8181
class="form-control"
8282
id="sayHelloNameInput"
83-
{{ stimulus_target('translator-demo', 'sayHelloNameInput') }}
84-
{{ stimulus_action('translator-demo', 'render') }}
83+
data-translator-demo-target="sayHelloNameInput"
84+
data-action="translator-demo#render"
8585
>
8686
</div>
8787
</div>
@@ -91,11 +91,11 @@
9191
<div class="row mb-4">
9292
<div class="col-5">
9393
<div class="Terminal_body">
94-
<pre {{ stimulus_target('translator-demo', 'invitationTitleCode') }}></pre>
94+
<pre data-translator-demo-target="invitationTitleCode"></pre>
9595
</div>
9696
</div>
9797
<div class="col">
98-
<span {{ stimulus_target('translator-demo', 'invitationTitleOutput') }}></span>
98+
<span data-translator-demo-target="invitationTitleOutput"></span>
9999
</div>
100100
<div class="col-4">
101101
<div class="row mb-3">
@@ -104,8 +104,8 @@
104104
<select
105105
id="invitationTitleOrganizationGenderInput"
106106
class="form-select"
107-
{{ stimulus_target('translator-demo', 'invitationTitleOrganizationGenderInput') }}
108-
{{ stimulus_action('translator-demo', 'render') }}
107+
data-translator-demo-target="invitationTitleOrganizationGenderInput"
108+
data-action="translator-demo#render"
109109
>
110110
<option value="female">Female</option>
111111
<option value="male">Male</option>
@@ -123,8 +123,8 @@
123123
type="text"
124124
value="Clara"
125125
class="form-control"
126-
{{ stimulus_target('translator-demo', 'invitationTitleOrganizationNameInput') }}
127-
{{ stimulus_action('translator-demo', 'render') }}
126+
data-translator-demo-target="invitationTitleOrganizationNameInput"
127+
data-action="translator-demo#render"
128128
>
129129
</div>
130130
</div>
@@ -134,11 +134,11 @@
134134
<div class="row mb-4">
135135
<div class="col-5">
136136
<div class="Terminal_body">
137-
<pre {{ stimulus_target('translator-demo', 'numOfApplesCode') }}></pre>
137+
<pre data-translator-demo-target="numOfApplesCode"></pre>
138138
</div>
139139
</div>
140140
<div class="col">
141-
<span {{ stimulus_target('translator-demo', 'numOfApplesOutput') }}></span>
141+
<span data-translator-demo-target="numOfApplesOutput"></span>
142142
</div>
143143
<div class="col-4">
144144
<div class="row mb-3">
@@ -151,8 +151,8 @@
151151
value="2"
152152
class="form-control"
153153
id="numOfApplesCountInput"
154-
{{ stimulus_target('translator-demo', 'numOfApplesCountInput') }}
155-
{{ stimulus_action('translator-demo', 'render') }}
154+
data-translator-demo-target="numOfApplesCountInput"
155+
data-action="translator-demo#render"
156156
>
157157
</div>
158158
</div>
@@ -162,11 +162,11 @@
162162
<div class="row mb-4">
163163
<div class="col-5">
164164
<div class="Terminal_body">
165-
<pre {{ stimulus_target('translator-demo', 'finishPlaceCode') }}></pre>
165+
<pre data-translator-demo-target="finishPlaceCode"></pre>
166166
</div>
167167
</div>
168168
<div class="col">
169-
<span {{ stimulus_target('translator-demo', 'finishPlaceOutput') }}></span>
169+
<span data-translator-demo-target="finishPlaceOutput"></span>
170170
</div>
171171
<div class="col-4">
172172
<div class="row mb-3">
@@ -178,8 +178,8 @@
178178
value="1"
179179
class="form-control"
180180
id="finishPlacePlaceInput"
181-
{{ stimulus_target('translator-demo', 'finishPlacePlaceInput') }}
182-
{{ stimulus_action('translator-demo', 'render') }}
181+
data-translator-demo-target="finishPlacePlaceInput"
182+
data-action="translator-demo#render"
183183
>
184184
</div>
185185
</div>
@@ -189,11 +189,11 @@
189189
<div class="row mb-4">
190190
<div class="col-5">
191191
<div class="Terminal_body">
192-
<pre {{ stimulus_target('translator-demo', 'publishedAtCode') }}></pre>
192+
<pre data-translator-demo-target="publishedAtCode"></pre>
193193
</div>
194194
</div>
195195
<div class="col">
196-
<span {{ stimulus_target('translator-demo', 'publishedAtOutput') }}></span>
196+
<span data-translator-demo-target="publishedAtOutput"></span>
197197
</div>
198198
<div class="col-4">
199199
<div class="row mb-3">
@@ -204,8 +204,8 @@
204204
value="2023-04-27 08:12"
205205
class="form-control"
206206
id="publishedAtDateInput"
207-
{{ stimulus_target('translator-demo', 'publishedAtDateInput') }}
208-
{{ stimulus_action('translator-demo', 'render') }}
207+
data-translator-demo-target="publishedAtDateInput"
208+
data-action="translator-demo#render"
209209
>
210210
</div>
211211
</div>
@@ -215,11 +215,11 @@
215215
<div class="row mb-4">
216216
<div class="col-5">
217217
<div class="Terminal_body">
218-
<pre {{ stimulus_target('translator-demo', 'progressAtCode') }}></pre>
218+
<pre data-translator-demo-target="progressAtCode"></pre>
219219
</div>
220220
</div>
221221
<div class="col">
222-
<span {{ stimulus_target('translator-demo', 'progressAtOutput') }}></span>
222+
<span data-translator-demo-target="progressAtOutput"></span>
223223
</div>
224224
<div class="col-4">
225225
<div class="row mb-3">
@@ -229,8 +229,8 @@
229229
id="progressAtProgressInput"
230230
type="range"
231231
class="form-range"
232-
{{ stimulus_target('translator-demo', 'progressAtProgressInput') }}
233-
{{ stimulus_action('translator-demo', 'render') }}
232+
data-translator-demo-target="progressAtProgressInput"
233+
data-action="translator-demo#render"
234234
/>
235235
</div>
236236
</div>
@@ -240,11 +240,11 @@
240240
<div class="row">
241241
<div class="col-5">
242242
<div class="Terminal_body">
243-
<pre {{ stimulus_target('translator-demo', 'valueOfObjectCode') }}></pre>
243+
<pre data-translator-demo-target="valueOfObjectCode"></pre>
244244
</div>
245245
</div>
246246
<div class="col">
247-
<span {{ stimulus_target('translator-demo', 'valueOfObjectOutput') }}></span>
247+
<span data-translator-demo-target="valueOfObjectOutput"></span>
248248
</div>
249249
<div class="col-4">
250250
<div class="row mb-3">
@@ -256,8 +256,8 @@
256256
value="30"
257257
class="form-control"
258258
id="valueOfObjectValueInput"
259-
{{ stimulus_target('translator-demo', 'valueOfObjectValueInput') }}
260-
{{ stimulus_action('translator-demo', 'render') }}
259+
data-translator-demo-target="valueOfObjectValueInput"
260+
data-action="translator-demo#render"
261261
>
262262
</div>
263263
</div>

0 commit comments

Comments
 (0)