[mod] put pages in containers classes

This commit is contained in:
Laurent Peuch 2018-07-15 08:31:26 +02:00
parent 9dd5aab623
commit dcab04771f
2 changed files with 37 additions and 33 deletions

View file

@ -10,28 +10,30 @@
</head> </head>
<body> <body>
<section class="section"> <section class="section">
<h1 class="title">Tasks</h1> <div class="container">
<div id="jobs"> <h1 class="title">Tasks</h1>
<table class="table is-bordered is-hoverable is-striped is-fullwidth"> <div id="jobs">
<thead> <table class="table is-bordered is-hoverable is-striped is-fullwidth">
<th>App</th> <thead>
<th>State</th> <th>App</th>
<th>Revision</th> <th>State</th>
<th>Ynh Version</th> <th>Revision</th>
<th>Created time</th> <th>Ynh Version</th>
<th>Started time</th> <th>Created time</th>
<th>End time</th> <th>Started time</th>
</thead> <th>End time</th>
<tr v-for="(job, index) in jobs" :id="job.id"> </thead>
<td><a v-bind:href="'/job/' + job.id">{{job.name}}</a></td> <tr v-for="(job, index) in jobs" :id="job.id">
<td>{{job.state}}</td> <td><a v-bind:href="'/job/' + job.id">{{job.name}}</a></td>
<td>{{job.target_revision}}</td> <td>{{job.state}}</td>
<td>{{job.yunohost_version}}</td> <td>{{job.target_revision}}</td>
<td>{{timestampToDate(job.created_time)}}</td> <td>{{job.yunohost_version}}</td>
<td>{{timestampToDate(job.started_time)}}</td> <td>{{timestampToDate(job.created_time)}}</td>
<td>{{timestampToDate(job.end_time)}}</td> <td>{{timestampToDate(job.started_time)}}</td>
</tr> <td>{{timestampToDate(job.end_time)}}</td>
</table> </tr>
</table>
</div>
</div> </div>
</section> </section>
<script> <script>

View file

@ -11,19 +11,21 @@
</head> </head>
<body> <body>
<section class="section" id="job"> <section class="section" id="job">
<h1 class="title">Job '{{job.name}}'</h1> <div class="container">
<h1 class="title">Job '{{job.name}}'</h1>
<table class="table is-bordered"> <table class="table is-bordered">
<tr><th>State</th><td>{{job.state}}</td></tr> <tr><th>State</th><td>{{job.state}}</td></tr>
<tr><th>Target revision</th><td>{{job.target_revision}}</td></tr> <tr><th>Target revision</th><td>{{job.target_revision}}</td></tr>
<tr><th>YunoHost version</th><td>{{job.yunohost_version}}</td></tr> <tr><th>YunoHost version</th><td>{{job.yunohost_version}}</td></tr>
<tr><th>Created time</th><td>{{timestampToDate(job.created_time)}}</td></tr> <tr><th>Created time</th><td>{{timestampToDate(job.created_time)}}</td></tr>
<tr><th>Started time</th><td>{{timestampToDate(job.started_time)}}</td></tr> <tr><th>Started time</th><td>{{timestampToDate(job.started_time)}}</td></tr>
<tr><th>End time</th><td>{{timestampToDate(job.end_time)}}</td></tr> <tr><th>End time</th><td>{{timestampToDate(job.end_time)}}</td></tr>
</table> </table>
<h2 class="subtitle">Excution log:</h2> <h2 class="subtitle">Excution log:</h2>
<pre>{{job.log}}</pre> <pre>{{job.log}}</pre>
</div>
</section> </section>
<script> <script>
(function() { (function() {