Repository navigation
Expand file tree
/
Copy pathsongs.twig
More file actions
81 lines (81 loc) · 3.14 KB
/
Copy pathsongs.twig
File metadata and controls
81 lines (81 loc) · 3.14 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
{% extends "_base.twig" %}
{% block content %}
<div class="container">
<h1>/songs</h1>
<div>
Everything inside this box comes from view/songs.twig.<br/>
Everything outside this box comes from view/_base.twig (which is the surrounding layout template).
</div>
<!-- add song form -->
<div class="box">
<h2>Add a song</h2>
<form action="/songs/addsong" method="POST">
<input type="text" name="artist" value="" placeholder="Artist" required />
<input type="text" name="track" value="" placeholder="Track" required />
<input type="text" name="link" value="" placeholder="Link" />
<input type="text" name="year" value="" placeholder="Year" />
<input type="text" name="country" value="" placeholder="Country" />
<input type="text" name="genre" value="" placeholder="Genre" />
<input type="submit" name="submit_add_song" value="Add this" />
</form>
</div>
<!-- search song form -->
<div class="box">
<h2>Search</h2>
<form action="/songs/search" method="POST">
<input type="text" name="search_term" value="" placeholder="Search term" required />
<input type="submit" name="submit_search_song" value="Search" />
</form>
</div>
<!-- main content output -->
<div class="box">
<h2>List of songs ({{ amount_of_songs }} items)</h2>
<div>
To fill this little demo application with some real data I've simply added (again) some tracks:
Favourites of the last months, gems from my vinyl crate, tracks of friends and excellent trash too. :)
</div>
<div>
<table>
<thead>
<tr>
<td>Id</td>
<td>Artist</td>
<td>Track</td>
<td>Link</td>
<td>Year</td>
<td>Country</td>
<td>Genre</td>
<td>DELETE</td>
<td>EDIT</td>
</tr>
</thead>
<tbody>
{% for song in songs %}
<tr>
<td>{{ song.id }}</td>
<td>{{ song.artist }}</td>
<td>{{ song.track }}</td>
<td>
<a href="{{ song.link }}">{{ song.link }}</a>
</td>
<td>{{ song.year }}</td>
<td>{{ song.country }}</td>
<td>{{ song.genre }}</td>
<td><a href="/songs/deletesong/{{ song.id }}">delete</a></td>
<td><a href="/songs/editsong/{{ song.id }}">edit</a></td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<div class="box">
<h3>Ajax demo</h3>
<div>
Click here to get the amount of songs via Ajax (will be displayed in #javascript-ajax-result-box):
<button id="javascript-ajax-button">Get data via AJAX</button>
<div id="javascript-ajax-result-box"></div>
</div>
</div>
</div>
{% endblock %}