MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

removed ugly dividers in batch import list

This commit is contained in:
Eliot Berriot 2017-12-24 23:19:14 +01:00
parent 2d60db8547
commit 8fa7330602
No known key found for this signature in database
GPG Key ID: DD6965E2476E5C27
1 changed files with 32 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
front/src/components/library/import/BatchList.vue
View File

@ -1,36 +1,38 @@
<template> <template>
<div> <div>
<div class="ui vertical stripe segment"> <div class="ui vertical stripe segment">
<div v-if="isLoading" class="ui vertical segment"> <div v-if="isLoading" :class="['ui', 'centered', 'active', 'inline', 'loader']"></div>
<div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div> <button
</div> class="ui left floated labeled icon button"
</div> @click="fetchData(previousLink)"
<div class="ui vertical stripe segment"> :disabled="!previousLink"><i class="left arrow icon"></i> Previous</button>
<button class="ui left floated labeled icon button" @click="fetchData(previousLink)" :disabled="!previousLink"><i class="left arrow icon"></i> Previous</button> <button
<button class="ui right floated right labeled icon button" @click="fetchData(nextLink)" :disabled="!nextLink">Next <i class="right arrow icon"></i></button> class="ui right floated right labeled icon button"
<div class="ui hidden clearing divider"></div> @click="fetchData(nextLink)"
<div class="ui hidden clearing divider"></div> :disabled="!nextLink">Next <i class="right arrow icon"></i></button>
<table v-if="results.length > 0" class="ui table"> <div class="ui hidden clearing divider"></div>
<thead> <div class="ui hidden clearing divider"></div>
<tr> <table v-if="results.length > 0" class="ui table">
<th>ID</th> <thead>
<th>Launch date</th> <tr>
<th>Jobs</th> <th>ID</th>
<th>Status</th> <th>Launch date</th>
</tr> <th>Jobs</th>
</thead> <th>Status</th>
<tbody> </tr>
<tr v-for="result in results"> </thead>
<td>{{ result.id }}</th> <tbody>
<td> <tr v-for="result in results">
<router-link :to="{name: 'library.import.batches.detail', params: {id: result.id }}"> <td>{{ result.id }}</th>
{{ result.creation_date }} <td>
</router-link> <router-link :to="{name: 'library.import.batches.detail', params: {id: result.id }}">
</td> {{ result.creation_date }}
<td>{{ result.jobs.length }}</td> </router-link>
<td> </td>
<span <td>{{ result.jobs.length }}</td>
:class="['ui', {'yellow': result.status === 'pending'}, {'green': result.status === 'finished'}, 'label']">{{ result.status }}</span> <td>
<span
:class="['ui', {'yellow': result.status === 'pending'}, {'green': result.status === 'finished'}, 'label']">{{ result.status }}</span>
</td> </td>
</tr> </tr>
</tbody> </tbody>