go-bouquins/templates/index_books.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>