meutel/bouquins-bchs
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Styling

Browse Source
This commit is contained in:
Meutel 2016-12-30 19:14:44 +01:00
parent 498f658c76
commit 9dc23deed5
1 changed files with 27 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="fr">
<head> <head>
<title>Bouquins</title> <title>Bouquins</title>
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
@ -13,15 +13,24 @@
<link rel="prefetch" href="vue.min.js"> <link rel="prefetch" href="vue.min.js">
</head> </head>
<body> <body>
<div class="container" id="app">
<div class="jumbotron">
<h1>Bouquins</h1> <h1>Bouquins</h1>
<div id="app"> <p>Cette bibliothèque contient actuellement <strong>{{ booksCount }}</strong> livres et BD en format papier ou électronique.</p>
<h2>{{ booksCount }} books</h2> </div>
<table> <div class="table-responsive">
<table class="table table-striped">
<tr>
<th>Titre</th>
<th>Serie</th>
<th>Auteur(s)</th>
</tr>
<tr v-for="book in books"> <tr v-for="book in books">
<td>{{ book.id }}</td>
<td>{{ book.title }}</td> <td>{{ book.title }}</td>
<td>{{ book.series ? book.series.name : '' }}</td> <td>
<td>{{ book.series ? book.series.idx : '' }}</td> {{ book.series ? book.series.name : '' }}
<span class="badge">{{ book.series ? book.series.idx : '' }}</span>
</td>
<td> <td>
<template v-for="author in book.authors"> <template v-for="author in book.authors">
{{ author.name }} {{ author.name }}
@ -30,6 +39,7 @@
</tr> </tr>
</table> </table>
</div> </div>
</div>
<script src="vue.min.js"></script> <script src="vue.min.js"></script>
<script src="index.js"></script> <script src="index.js"></script>
</body> </body>