El siguiente código es para que se me cargue en la página un CSS
u otro en dependencia del tema elegido. Este código funciona perfectamente en la página HTML
pura, pero cuando lo intento llevar a mi aplicación Symfony
no hallo la forma de pasarle al JS
la ruta del CSS
con Twig
.
var themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) :
{};
var themeName = themeSettings.themeName || '';
if (themeName)
{
document.write('<link rel="stylesheet" id="theme-style" href="css/app-' + themeName + '.css">');
}
else
{
document.write('<link rel="stylesheet" id="theme-style" href="css/app.css">');
}
Es decir yo quiero que en el href
de la función document.write
se me cargue (por ejemplo) lo que con Twig
sería esto:
<link href="{{ asset('bundles/activos/css/app-red.css') }} "rel="stylesheet" >
Donde app-
es fijo y lo que varía es la palabra red
según el valor de la variable themeName
Para esto he intentado lo siguiente pero no me funciona de esta forma:
<script>
var themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) :
{};
var themeName = themeSettings.themeName || '';
if (themeName)
{
document.write('<link rel="stylesheet" id="theme-style" href="{{ asset('bundles/activos/css/app-' ~ themeName ~ '.css') }} ">');
}
else
{
document.write('<link rel="stylesheet" id="theme-style" href="{{ asset('bundles/activos/css/app.css') }} ">');
}
</script>
Esto me lanza este error:
Variable "themeName" does not exist in ::base.html.twig at line 1188
Luego intenté hacer esto:
<script>
var themeSettings = (localStorage.getItem('themeSettings')) ? JSON.parse(localStorage.getItem('themeSettings')) :
{};
var themeName = themeSettings.themeName || '';
if (themeName)
{
var cadenacss = "asset('bundles/activos/css/app-')" ~ themeName ~ '.css">';
{% set cadena=cadenacss %}
document.write('<link rel="stylesheet" id="theme-style" href="{{ cadena }}">');
}
else
{
document.write('<link rel="stylesheet" id="theme-style" href="{{ asset('bundles/activos/css/app.css') }} ">');
}
</script>
Y tampoco funciona, me muestra el siguiente error:
Variable "cadenacss" does not exist in ::base.html.twig at line 1189
No encuentro la forma de hacer esto pasando la variable de JS a Twig. Primero quisiera saber si existe alguna forma de pasar variables de JS a Twig, pero si no sepuede hacer, entonces quisiera saber alguna otra forma de que pueda resolver esto.