ardent/Snips
1
0
Fork 0
Code Issues 5 Pull Requests 1 Packages Projects Releases Wiki Activity

Change the snip layout to make it less cluttered

Browse Source
This commit is contained in:
Tim
2025-05-24 00:02:23 +02:00
parent 797d7a2e8f
commit 5fcc32de6d
6 changed files with 111 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
templates/snip/single.html.twig
View File

@ -1,63 +1,16 @@
{% extends 'base/one.column.html.twig' %}
{% extends 'snip/base.html.twig' %}
{% set title %}Snip {{ snip }}{% endset %}
{% set title %}{{ snip }} - View{% endset %}
{% set active = 'single' %}
{% block body %}
{% if app.user %}
<a href="{{ path('snip_index') }}" class="btn btn-primary">
<i class="fa fa-arrow-left"></i> Back
</a>
{% else %}
<a href="{{ path('snip_public') }}" class="btn btn-primary">
<i class="fa fa-arrow-left"></i> Index
</a>
{% endif %}
{% if is_granted('edit', snip) %}
<a class="btn btn-info" href="{{ path('version_index', {snip: snip.id}) }}">
<i class="fa fa-history" aria-hidden="true"></i> Versions
</a>
<a class="btn btn-warning" href="{{ path('snip_edit', {snip: snip.id}) }}">
<i class="fa fa-pencil" aria-hidden="true"></i> Edit
</a>
<a href="{{ path('snip_archive', {snip: snip.id}) }}" class="btn btn-secondary">
{% if snip.archived %}
<i class="fa fa-undo"></i> Unarchive
{% else %}
<i class="fa fa-archive"></i> Archive
{% endif %}
</a>
<a href="{{ path('snip_delete', {snip: snip.id}) }}" class="btn btn-danger">
<i class="fa fa-trash"></i> Delete
</a>
{% endif %}
<a href="{{ path('snip_raw', {snip: snip.id}) }}" class="btn btn-primary">
{% block buttons %}
<a href="{{ path('snip_raw', {snip: snip.id}) }}" class="btn btn-info">
<i class="fa fa-eye"></i> Raw
</a>
<br><br>
<div class="card" style="width: 100%;">
<h4 class="card-header d-flex justify-content-between">
<span>
{{ snip }} <small class="text-muted">#{{ snip.id }}</small>
</span>
<span>
{% for tag in snip.tags %}
<span class="badge bg-secondary">{{ tag }}</span>
{% endfor %}
{{ include('user/badge.html.twig', {user: snip.createdBy}) }}
{{ include('snip/badge.html.twig', {snip: snip}) }}
</span>
</h4>
<div class="card-body">
{{ content|raw }}
</div>
<div class="card-footer">
<p class="card-text text-muted">
Current version: {{ snip.activeVersion.id }}
{% if snip.activeVersion == snip.latestVersion %}(latest){% endif %}
Created at {{ include('generic/datetime.badge.html.twig', {datetime: snip.activeVersion.id.dateTime}) }}
</p>
</div>
</div>
{% endblock %}
{% block cardbody %}
{{ content|raw }}
{% endblock %}
{% block css %}