las plantillas de liquid.js se incorporan en env.js
This commit is contained in:
parent
921d1075b0
commit
8bcb4f066f
3 changed files with 43 additions and 22 deletions
|
@ -1,3 +1,4 @@
|
|||
{%- raw -%}
|
||||
<div class="alert alert-{{ type }} alert-dismissible" role="alert">
|
||||
{{ content }}
|
||||
|
||||
|
@ -5,3 +6,4 @@
|
|||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
{%- endraw -%}
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
{%- raw -%}
|
||||
<section class="row no-gutters justify-content-center">
|
||||
<div class="col-10">
|
||||
{% for item in results %}
|
||||
|
@ -15,3 +16,4 @@
|
|||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{%- endraw -%}
|
||||
|
|
17
env.js
17
env.js
|
@ -10,3 +10,20 @@ window.env = {
|
|||
window.site = {
|
||||
"i18n": {{ site.i18n | jsonify }}
|
||||
}
|
||||
|
||||
{%- comment -%}
|
||||
Para agregar plantillas que se procesan con JS, las agregamos en
|
||||
Liquid dentro de assets/templates/ y luego las importamos acá, de forma
|
||||
que estén disponibles para JS sin tener que descargarlas.
|
||||
|
||||
Es importante que la plantilla esté envuelta por el tag `{% raw %}`,
|
||||
para que no sea procesado en el momento de generar env.js, sino en el
|
||||
navegador.
|
||||
{%- endcomment -%}
|
||||
{%- capture alert %}{% include_relative assets/templates/alert.html %}{% endcapture -%}
|
||||
{%- capture results %}{% include_relative assets/templates/results.html %}{% endcapture -%}
|
||||
|
||||
window.templates = {
|
||||
"alert": {{ alert | markdownify }},
|
||||
"results": {{ results | markdownify }},
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue