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

44
index.html
View File

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