Extensiones de Vistas HTML

Podemos añadir ubicaciones a nuestras plantillas twig de tal forma que otro plugin pueda añadir contenido en esa ubicación. NO es herencia, no estamos machando los datos originales, estamos añadiendo contenido extra en una ubicación determinada.

Al crear la plantilla Twig tenemos que proporcionar a dicha plantilla las ubicaciones en las que permitimos que otros programadores puedan extender y añadir contenido.

Añadir ubicaciones

Esto es un ejemplo de como crear una plantilla llamada MiPlantilla con ubicaciones. Llamamos la funcion getIncludeViews(), donde tendremos que pasarle el nombre de la propia plantilla y el nombre de la posición (la posición es un nombre que nos inventaremos).

<html>
    <head>
        {{ getIncludeViews('MiPlantilla', 'head') }}
    </head>
    <body>
        {{ getIncludeViews('MiPlantilla', 'body') }}
        <div id="menu">
            {{ getIncludeViews('MiPlantilla', 'menu') }}
        </div>
    </body>
</html>

Podremos añadir todas ubicaciones que queramos en nuestras plantillas, para dar mejor y mayor integración con plugins de terceros.

Extender desde un plugin

Ahora desde nuestro plugin vamos a añadir contenido en la plantilla anterior. Dentro de la carpeta Extension/View debemos crear el archivo MiPlantilla_head.html.twig. Para cada ubicación que queramos extender tendremos que crear el archivo, por ejemplo: MiPlantillabody.html.twig y MiPlantillamenu.html.twig.

Además podriamos añadir una ordenación a los archivos twig. Imaginemos que varios plugins extienden y añaden contenido al mismo archivo ¿que pasa?, por defecto todos los archivos se ordenan por orden alfabético y un número 10 al final, si no hemos establecido nosotros el número. Si queremos asegurarnos que nuestra extesión se cargue antes o después solo debemos renombrar el archivo así: MiPlantilla_head_05.html.twig, MiPlantillabody_13.html.twig y MiPlantillamenu_09.html.twig.

Notese la nomenclatura obligatoria de los archivos: NOMBRE PLANTILLA_UBICACION TWIG_ORDENACION.html.twig

Ahora en cualquiera de nuestros archivos twig para extender añadimos nuestro código personalizado.

MiPlantilla_head_05.html.twig

<title>Extensiones de Vistas HTML</title>
<meta name="description" content="Descripción de la página"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="generator" content="FacturaScripts"/>

MiPlantillamenu_09.html.twig

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#">Navbar</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Features</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Pricing</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled">Disabled</a>
      </li>
    </ul>
  </div>
</nav>

Necesita identificarse para continuar con esta acción. Haga clic en iniciar sesión o cree una cuenta.

Iniciar sesión

PRO

neorazorx_1

España, 9 años, nivel 100

PRO

daniel89fg_739

España, 4 años, nivel 54

Fecha de creación: 03-11-2022 09:50:56
Última actualización: 04-11-2022
Contador de visitas: 62

Las extensiones

Patrocinadores

FacturaScripts avanza más rápido gracias al apoyo financiero de los patrocinadores, que contribuyen a que podamos dedicar más tiempo al desarrollo, testeo y documentación. Usted también puede poner su granito de arena y convertirse en patrocinador ;-)

ORO

PLATA

BRONCE

PRO

Patrocinar

Amplíe sus conocimientos con los cursos oficiales

Curso básico de programación

Con este curso aprenderá cómo crear un plugin sencillo para FacturaScripts 2021: añadir nuevas páginas, tablas y columnas. Para entender este curso no se necesita mucha experiencia en programación, le enseñaremos los básico para modelar problemas sencillos. ¿A quién va dirigido? A cualquier persona con unos conocimientos muy básicos de programación. ¿Qué incluye? 18 lecciones con 14 vídeos explicativos.

314

9,99 €

Sesiones de programación

Esta es una recopilación de vídeos y documentación de pequeños desarrollos sobre FacturaScripts y sus plugins. Perfecto para expandir tus conocimientos de programación. ¿A quién va dirigido? A personas que ya hayan superado el curso básico de programación y busquen ampliar sus conocimientos. ¿Qué incluye? 19 lecciones con 19 vídeos explicativos (más de 9 horas de vídeos) y el código fuente de los ejemplos. Novedades mensuales: Este curso se amplía cada mes con nuevas lecciones.

19,99 €