github/datasette
1
0
Fork 0
mirror of https://github.com/simonw/datasette.git synced 2025-12-10 16:51:24 +01:00
Code Issues Projects Releases Packages Wiki Activity

Ability to easily customize _rows_and_columns.html per database table

Browse source 
Also added documentation for this.

Refs #158, Closes #159.
This commit is contained in:
Simon Willison 2017-12-06 22:11:22 -08:00
commit 7e1ba161ec
No known key found for this signature in database
GPG key ID: 17E2DEA2588B7F52
4 changed files with 78 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
datasette/app.py
View file

@ -682,6 +682,11 @@ class TableView(RowTableShared):
'display_columns': display_columns,
'filter_columns': filter_columns,
'display_rows': await self.make_display_rows(name, hash, table, rows, display_columns, pks, is_view, use_rowid, is_row_display=False),
'custom_rows_and_columns_templates': [
'_rows_and_columns-{}-{}.html'.format(to_css_class(name), to_css_class(table)),
'_rows_and_columns-table-{}-{}.html'.format(to_css_class(name), to_css_class(table)),
'_rows_and_columns.html',
]
}
return {
@ -741,6 +746,11 @@ class RowView(RowTableShared):
'foreign_key_tables': await self.foreign_key_tables(name, table, pk_values),
'display_columns': columns,
'display_rows': await self.make_display_rows(name, hash, table, rows, columns, pks, is_view=False, use_rowid=use_rowid, is_row_display=True),
'custom_rows_and_columns_templates': [
'_rows_and_columns-{}-{}.html'.format(to_css_class(name), to_css_class(table)),
'_rows_and_columns-row-{}-{}.html'.format(to_css_class(name), to_css_class(table)),
'_rows_and_columns.html',
]
}
data = {

2
datasette/templates/row.html
View file

@ -22,7 +22,7 @@
<p>This data as <a href="{{ url_json }}">.json</a>, <a href="{{ url_jsono }}">.jsono</a></p>
{% include "_rows_and_columns.html" %}
{% include custom_rows_and_columns_templates %}
{% if foreign_key_tables %}
<h2>Links from other tables</h2>

2
datasette/templates/table.html
View file

@ -74,7 +74,7 @@
<p>This data as <a href="{{ url_json }}">.json</a>, <a href="{{ url_jsono }}">.jsono</a></p>
{% include "_rows_and_columns.html" %}
{% include custom_rows_and_columns_templates %}
{% if next_url %}
<p><a href="{{ next_url }}">Next page</a></p>

68
docs/custom_templates.rst
View file

@ -120,6 +120,16 @@ The lookup rules Datasette uses are as follows::
row-mydatabase-mytable.html
row.html
Rows and columns include on table page:
_rows_and_columns-table-mydatabase-mytable.html
_rows_and_columns-mydatabase-mytable.html
_rows_and_columns.html
Rows and columns include on row page:
_rows_and_columns-row-mydatabase-mytable.html
_rows_and_columns-mydatabase-mytable.html
_rows_and_columns.html
If a table name has spaces or other unexpected characters in it, the template
filename will follow the same rules as our custom ``<body>`` CSS classes - for
example, a table called "Food Trucks" will attempt to load the following
@ -140,5 +150,59 @@ content you can do so by creating a ``row.html`` template like this::
{{ super() }}
{% endblock %}
Note the ``default:row.html`` template name, which ensures Jinja will inherit from the
default template.
Note the ``default:row.html`` template name, which ensures Jinja will inherit
from the default template.
The `_rows_and_columns.html` template is included on both the row and the table
page, and displays the content of the row. The default template looks like this::
<table>
<thead>
<tr>
{% for column in display_columns %}
<th scope="col">{{ column }}</th>
{% endfor %}
</tr>
</thead>
<tbody>
{% for row in display_rows %}
<tr>
{% for cell in row %}
<td>{{ cell.value }}</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
You can provide a custom template that applies to all of your databases and
tables, or you can provide custom templates for specific tables using the
template naming scheme described above.
Say for example you want to output a certain column as unescaped HTML. You could
provide a custom ``_rows_and_columns.html`` template like this::
<table>
<thead>
<tr>
{% for column in display_columns %}
<th scope="col">{{ column }}</th>
{% endfor %}
</tr>
</thead>
<tbody>
{% for row in display_rows %}
<tr>
{% for cell in row %}
<td>
{% if cell.column == 'description' %}
!!{{ cell.value|safe }}
{% else %}
{{ cell.value }}
{% endif %}
</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>