28 lines
1.0 KiB
HTML
28 lines
1.0 KiB
HTML
<table id="books" class="table table-striped" v-if="books.length > 0">
|
|
<tr>
|
|
<th>
|
|
<a href="#" @click="sortBy('title')">Nom</a>
|
|
<span v-if="sort_by == 'title'" :class="['glyphicon', { 'glyphicon-chevron-up': order_desc , 'glyphicon-chevron-down': !order_desc}]"></span>
|
|
</th>
|
|
<th>Auteur(s)</th>
|
|
<th>Serie</th>
|
|
</tr>
|
|
<tr v-for="book in books">
|
|
<td><span class="glyphicon glyphicon-book"></span>
|
|
<a :href="'/books/'+book.id">{{ "{{" }} book.title {{ "}}" }}</a></td>
|
|
<td>
|
|
<template v-for="author in book.authors">
|
|
<span class="glyphicon glyphicon-user"></span>
|
|
<a :href="'/authors/'+author.id">{{ "{{" }} author.name {{ "}}" }}</a>
|
|
</template>
|
|
</td>
|
|
<td>
|
|
<template v-if="book.series">
|
|
<span class="glyphicon glyphicon-list"></span>
|
|
<a :href="'/series/'+book.series.id">{{ "{{" }} book.series.name {{ "}}" }}</a>
|
|
<span class="badge">{{ "{{" }} book.series ? book.series.idx : '' {{ "}}" }}</span>
|
|
</template>
|
|
</td>
|
|
</tr>
|
|
</table>
|