Skip to content

Commit cfdccc4

Browse files
javiereguiluzjaviereguiluz
committed
Tweaked the configuration block directive
1 parent 82a2fa3 commit cfdccc4

File tree

3 files changed

+44
-39
lines changed

3 files changed

+44
-39
lines changed

‎src/Templates/default/html/directives/configuration-block.html.twig

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,14 @@
11
<div class="configuration-block">
2-
<ul class="simple">
2+
<ul class="configuration-tabs">
33
{% for block in blocks %}
44
<li>
5-
<em>{{ block.language }}</em>
6-
{{ block.code|raw }}
5+
<a href="#" {{ loop.first ? 'data-active' }} data-language="{{ block.language }}">{{ block.language }}</a>
76
</li>
87
{% endfor %}
98
</ul>
9+
10+
{% for block in blocks %}
11+
<div class="configuration-codeblock" data-language="{{ block.language }}" style="{{ not loop.first ? 'display: none' }}">
12+
{{ block.code|raw }}
13+
</div>
14+
{% endfor %}

‎tests/fixtures/expected/blocks/directives/configuration-block.html

Lines changed: 21 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -7,29 +7,28 @@
77
</head>
88

99
<body>
10-
<div class="configuration-block">
11-
<ul class="simple">
12-
<li>
13-
<em>YAML</em>
10+
<div class="configuration-block">
11+
<ul class="configuration-tabs">
12+
<li> <a href="#" data-active data-language="YAML">YAML</a> </li>
13+
<li> <a href="#" data-language="PHP">PHP</a> </li>
14+
</ul>
15+
<div class="configuration-codeblock" data-language="YAML" style="">
1416
<div translate="no" class="notranslate codeblock codeblock-loc-1 codeblock-yaml">
15-
<div class="codeblock-scroll">
16-
<pre class="codeblock-lines">1</pre>
17-
<pre class="codeblock-code"><code><span class="hljs-comment"># app/config/services.yml</span>
18-
</code></pre>
19-
</div>
20-
</div>
21-
</li>
22-
<li>
23-
<em>PHP</em>
17+
<div class="codeblock-scroll">
18+
<pre class="codeblock-lines">1</pre>
19+
<pre class="codeblock-code"><code><span class="hljs-comment"># app/config/services.yml</span></code></pre>
20+
</div>
21+
</div>
22+
</div>
23+
<div class="configuration-codeblock" data-language="PHP" style="display: none">
2424
<div translate="no" class="notranslate codeblock codeblock-loc-1 codeblock-php">
25-
<div class="codeblock-scroll">
26-
<pre class="codeblock-lines">1</pre>
27-
<pre class="codeblock-code"><code><span class="hljs-comment">// config/routes.php</span>
28-
</code></pre>
29-
</div>
30-
</div>
31-
</li>
32-
</ul></div>
25+
<div class="codeblock-scroll">
26+
<pre class="codeblock-lines">1</pre>
27+
<pre class="codeblock-code"><code><span class="hljs-comment">// config/routes.php</span></code></pre>
28+
</div>
29+
</div>
30+
</div>
31+
</div>
3332

3433
</body>
35-
</html>
34+
</html>

‎tests/fixtures/expected/main/datetime.html

Lines changed: 15 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -182,10 +182,13 @@ <h3 id="error-bubbling"><a class="headerlink" href="#error-bubbling" title="Perm
182182
</div>
183183
<p>And configuration blocks:</p>
184184
<div class="configuration-block">
185-
<ul class="simple">
186-
<li>
187-
<em>YAML</em>
188-
<div translate="no" class="notranslate codeblock codeblock-loc-1 codeblock-yaml">
185+
<ul class="configuration-tabs">
186+
<li> <a href="#" data-active data-language="YAML">YAML</a> </li>
187+
<li> <a href="#" data-language="XML">XML</a> </li>
188+
<li> <a href="#" data-language="PHP">PHP</a> </li>
189+
</ul>
190+
<div class="configuration-codeblock" data-language="YAML" style="">
191+
<div translate="no" class="notranslate codeblock codeblock-loc-1 codeblock-yaml">
189192
<div class="codeblock-scroll">
190193
<pre class="codeblock-lines">1
191194
2
@@ -204,10 +207,9 @@ <h3 id="error-bubbling"><a class="headerlink" href="#error-bubbling" title="Perm
204207
</code></pre>
205208
</div>
206209
</div>
207-
</li>
208-
<li>
209-
<em>XML</em>
210-
<div translate="no" class="notranslate codeblock codeblock-loc-2 codeblock-xml">
210+
</div>
211+
<div class="configuration-codeblock" data-language="XML" style="display: none">
212+
<div translate="no" class="notranslate codeblock codeblock-loc-2 codeblock-xml">
211213
<div class="codeblock-scroll">
212214
<pre class="codeblock-lines">1
213215
2
@@ -252,10 +254,9 @@ <h3 id="error-bubbling"><a class="headerlink" href="#error-bubbling" title="Perm
252254
</code></pre>
253255
</div>
254256
</div>
255-
</li>
256-
<li>
257-
<em>PHP</em>
258-
<div translate="no" class="notranslate codeblock codeblock-loc-2 codeblock-php">
257+
</div>
258+
<div class="configuration-codeblock" data-language="PHP" style="display: none">
259+
<div translate="no" class="notranslate codeblock codeblock-loc-2 codeblock-php">
259260
<div class="codeblock-scroll">
260261
<pre class="codeblock-lines">1
261262
2
@@ -280,8 +281,8 @@ <h3 id="error-bubbling"><a class="headerlink" href="#error-bubbling" title="Perm
280281
</code></pre>
281282
</div>
282283
</div>
283-
</li>
284-
</ul></div>
284+
</div>
285+
</div>
285286
</div>
286287
</div>
287288
<div class="section">

0 commit comments

Comments
 (0)