dece/LSBC
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

use Bootstrap because duck everyything

Browse source
This commit is contained in:
dece 2024-02-25 20:18:24 +01:00
parent 6915e23208
commit d5609f63d3
12 changed files with 38 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
config/packages/twig.yaml
View file

@ -1,5 +1,6 @@
twig:
default_path: '%kernel.project_dir%/templates'
form_themes: ['bootstrap_5_layout.html.twig']
when@test:
twig:

1
public/simple-v1.min.css vendored
View file

File diff suppressed because one or more lines are too long

14
templates/base.html.twig
View file

@ -4,21 +4,19 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}LSBC{% endblock %}</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
{% block stylesheets %}
<style>
img { max-width: 100%; }
.help-text { font-size: 0.8em; }
</style>
<link rel="stylesheet" href="/simple-v1.min.css">
{% endblock %}
</head>
<body>
{% if app.user %}
<nav>
<a href="{{ path('app_podcast_index' )}}">Manage podcasts</a>
<a href="{{ path('app_episode_index' )}}">Manage episodes</a>
<nav class="my-3">
<a href="{{ path('app_podcast_index' )}}" class="btn btn-outline-primary">Manage podcasts</a>
<a href="{{ path('app_episode_index' )}}" class="btn btn-outline-primary">Manage episodes</a>
</nav>
{% endif %}
<div class="container">
{% block body %}{% endblock %}
</div>
</body>
</html>

2
templates/episode/_delete_form.html.twig
View file

@ -1,4 +1,4 @@
<form method="post" action="{{ path('app_episode_delete', {'id': episode.id}) }}" onsubmit="return confirm('Are you sure you want to delete this item?');">
<input type="hidden" name="_token" value="{{ csrf_token('delete' ~ episode.id) }}">
<button class="btn">Delete</button>
<button class="btn btn-danger">Delete</button>
</form>

16
templates/episode/index.html.twig
View file

@ -27,10 +27,14 @@
<td>{{ episode.title }}</td>
<td>{{ episode.publicationDate ? episode.publicationDate|date('Y-m-d H:i:s') : '' }}</td>
<td>
<a href="{{ path('app_episode_show', {'id': episode.id}) }}"
><button>Show</button></a>
<a href="{{ path('app_episode_edit', {'id': episode.id}) }}"
><button>Edit</button></a>
<a
href="{{ path('app_episode_show', {'id': episode.id}) }}"
class="btn btn-primary"
>Show</a>
<a
href="{{ path('app_episode_edit', {'id': episode.id}) }}"
class="btn btn-primary"
>Edit</a>
</td>
</tr>
{% else %}
@ -43,10 +47,10 @@
{% if podcast is defined %}
<a href="{{ path('app_episode_new', {'podcast': podcast.id }) }}"
><button>Create new episode of this podcast</button></a>
><button class="btn btn-primary">Create new episode of this podcast</button></a>
<a href="{{ path('app_podcast_show', {'id': podcast.id}) }}">Back to podcast</a>
{% else %}
<a href="{{ path('app_episode_new') }}"><button>Create new episode</button></a>
<a href="{{ path('app_episode_new') }}" class="btn btn-primary">Create new episode</a>
<p>
To manage episodes of a specific podcast, open the podcast page and use
the “Manage podcasts” link.

4
templates/episode/show.html.twig
View file

@ -41,9 +41,9 @@
</tbody>
</table>
<a href="{{ path('app_episode_index') }}">back to list</a>
<a href="{{ path('app_episode_index') }}">Back to list</a>
<a href="{{ path('app_episode_edit', {'id': episode.id}) }}">edit</a>
<a href="{{ path('app_episode_edit', {'id': episode.id}) }}" class="btn btn-primary">Edit</a>
{{ include('episode/_delete_form.html.twig') }}
{% endblock %}

2
templates/feed/index.html.twig
View file

@ -8,5 +8,5 @@
{% endfor %}
</ul>
<p>The <a href="https://git.dece.space/dece/lsbc">LSBC</a> project is licensed as GPLv3.</p>
<a href="/login"><button>Login</button></a>
<a href="/login" class="btn btn-primary">Login</a>
{% endblock %}

2
templates/login/index.html.twig
View file

@ -26,6 +26,6 @@ form { display: flex; flex-direction: column; gap: 0.5em; }
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<button type="submit">Login</button>
<button type="submit" class="btn btn-primary">Login</button>
</form>
{% endblock %}

2
templates/podcast/_delete_form.html.twig
View file

@ -4,5 +4,5 @@
onsubmit="return confirm('Are you sure you want to delete this podcast?');"
>
<input type="hidden" name="_token" value="{{ csrf_token('delete' ~ podcast.id) }}">
<button class="btn">Delete</button>
<button class="btn btn-danger">Delete</button>
</form>

2
templates/podcast/_form.html.twig
View file

@ -1,4 +1,4 @@
{{ form_start(form) }}
{{ form_widget(form) }}
<button class="btn">{{ button_label|default('Save') }}</button>
<button class="btn btn-primary">{{ button_label|default('Save') }}</button>
{{ form_end(form) }}

14
templates/podcast/index.html.twig
View file

@ -30,10 +30,14 @@
<td>{{ podcast.author }}</td>
<td><img src="{{ podcast.logoPath }}" alt="{{ podcast.name }} logo"></td>
<td>
<a href="{{ path('app_podcast_show', {'id': podcast.id}) }}"
><button>Show</button></a>
<a href="{{ path('app_podcast_edit', {'id': podcast.id}) }}"
><button>Edit</button></a>
<a
href="{{ path('app_podcast_show', {'id': podcast.id}) }}"
class="btn btn-primary"
>Show</a>
<a
href="{{ path('app_podcast_edit', {'id': podcast.id}) }}"
class="btn btn-primary"
>Edit</a>
</td>
</tr>
{% else %}
@ -44,5 +48,5 @@
</tbody>
</table>
<a href="{{ path('app_podcast_new') }}"><button>Create new podcast</button></a>
<a href="{{ path('app_podcast_new') }}" class="btn btn-primary">Create new podcast</a>
{% endblock %}

6
templates/podcast/show.html.twig
View file

@ -71,8 +71,10 @@
<a href="{{ path('app_podcast_index') }}">Go back to list</a>
<a href="{{ path('app_podcast_edit', {'id': podcast.id}) }}"
><button>Edit</button></a>
<a
href="{{ path('app_podcast_edit', {'id': podcast.id}) }}"
class="btn btn-primary"
>Edit</a>
{{ include('podcast/_delete_form.html.twig') }}
{% endblock %}