TNA Frontend Jinja templates
Project description
TNA Frontend Jinja
TNA Frontend Jinja templates are a Jinja implementation of the templates provided as part of TNA Frontend.
Quickstart for Flask projects
Use the Flask application's jinja_loader
to allow templates included from either your app (in the below example called app
) and the tna_frontend_jinja
package.
Ensure you application is first on the list. This means you can overwrite the standard templates by creating a template with the same filename in your project.
from flask import Flask
from jinja2 import ChoiceLoader, PackageLoader
def create_app():
app = Flask(__name__)
app.jinja_loader = ChoiceLoader(
[
PackageLoader("app"),
PackageLoader("tna_frontend_jinja"),
]
)
Using the templates
{% from "components/button/macro.html" import tnaButton -%}
{{ tnaButton({
'text': 'Save and continue'
}) }}
The options available to each component macro can be found in the National Archives Design System Components documentation.
The included templates are a like-for-like port, the only difference between the Nunjucks examples and their Jinja equivalents is having to quote key names, e.g. 'text'
instead of text
.
We test each component against its published component fixtures to ensure complete compatibility.
Compatibility with TNA Frontend
v0.2.x
TNA Frontend Jinja | Compatible TNA Frontend versions |
---|---|
0.2.11 |
v0.2.11 |
0.2.10 |
v0.2.10 |
0.2.9 |
v0.2.9 |
0.2.8 |
v0.2.8 |
0.2.7 |
v0.2.7 |
0.2.6 |
v0.2.6 |
0.2.5 |
v0.2.5 |
0.2.4 |
v0.2.4 |
0.2.3 |
v0.2.3 |
0.2.2 |
v0.2.2 |
0.2.1 |
v0.2.1 |
0.2.0 |
v0.2.0 |
v0.1.x
TNA Frontend Jinja | Compatible TNA Frontend versions |
---|---|
0.1.34 |
v0.1.65 |
0.1.33 |
v0.1.62 , v0.1.63 , v0.1.64 |
0.1.32 |
v0.1.60 , v0.1.61 |
0.1.31 |
v0.1.59 |
0.1.30 |
v0.1.58 |
0.1.29 |
v0.1.57 |
0.1.28 |
v0.1.55 , v0.1.56 |
0.1.27 |
v0.1.54 |
0.1.26 |
v0.1.53 |
0.1.25 |
v0.1.51 , v0.1.52 |
0.1.23 , 0.1.24 |
v0.1.50 |
0.1.21 , 0.1.22 |
v0.1.49 |
0.1.20 |
v0.1.48 |
0.1.19 |
v0.1.45 , v0.1.46 , v0.1.47 |
0.1.18 |
v0.1.44 |
0.1.17 |
v0.1.43 |
0.1.15 , 0.1.16 |
v0.1.42 |
0.1.14 |
v0.1.40 , v0.1.41 |
0.1.13 |
v0.1.39 |
0.1.12 |
v0.1.37 , v0.1.38 |
0.1.11 |
v0.1.36 |
0.1.10 |
v0.1.34 , v0.1.35 |
0.1.9 |
v0.1.33 |
0.1.7 , 0.1.8 |
v0.1.31 , v0.1.32 |
0.1.6 |
v0.1.29-prerelease , v0.1.30 |
0.1.0 –0.1.5 |
[latest from main branch when published] |
Test the templates
npm install
docker compose up -d
node test-fixtures.mjs
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
Hashes for tna_frontend_jinja-0.2.11.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | d7a7a75f0d652092737c45e3e972c9ceb81b00924290315da2716d43698b8125 |
|
MD5 | 592864a91b422f94d3b111018a920fa3 |
|
BLAKE2b-256 | d09d34696a486e799c642fbd8783ac12aa63ceafc867a79c509c5a1b9e103ea2 |
Hashes for tna_frontend_jinja-0.2.11-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | f07fbca3ac1c908d873c4f189c16850adc21e471394e656da89aaf3000db05f4 |
|
MD5 | b8cbc9d6864b40d6b95965a7bc060d26 |
|
BLAKE2b-256 | d7f16f8ea940b2f2137ddbdf75c95b1058b0caec92cd9a8db885f8736a535e7d |