From 8fa7330602c51f37bdb3cb434243f2f99ff5787d Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Sun, 24 Dec 2017 23:19:14 +0100
Subject: [PATCH] removed ugly dividers in batch import list
---
.../components/library/import/BatchList.vue | 62 ++++++++++---------
1 file changed, 32 insertions(+), 30 deletions(-)
diff --git a/front/src/components/library/import/BatchList.vue b/front/src/components/library/import/BatchList.vue
index 41b94bd4ec..c78f1ea4e1 100644
--- a/front/src/components/library/import/BatchList.vue
+++ b/front/src/components/library/import/BatchList.vue
@@ -1,36 +1,38 @@
<template>
<div>
<div class="ui vertical stripe segment">
- <div v-if="isLoading" class="ui vertical segment">
- <div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div>
- </div>
- </div>
- <div class="ui vertical stripe segment">
- <button class="ui left floated labeled icon button" @click="fetchData(previousLink)" :disabled="!previousLink"><i class="left arrow icon"></i> Previous</button>
- <button class="ui right floated right labeled icon button" @click="fetchData(nextLink)" :disabled="!nextLink">Next <i class="right arrow icon"></i></button>
- <div class="ui hidden clearing divider"></div>
- <div class="ui hidden clearing divider"></div>
- <table v-if="results.length > 0" class="ui table">
- <thead>
- <tr>
- <th>ID</th>
- <th>Launch date</th>
- <th>Jobs</th>
- <th>Status</th>
- </tr>
- </thead>
- <tbody>
- <tr v-for="result in results">
- <td>{{ result.id }}</th>
- <td>
- <router-link :to="{name: 'library.import.batches.detail', params: {id: result.id }}">
- {{ result.creation_date }}
- </router-link>
- </td>
- <td>{{ result.jobs.length }}</td>
- <td>
- <span
- :class="['ui', {'yellow': result.status === 'pending'}, {'green': result.status === 'finished'}, 'label']">{{ result.status }}</span>
+ <div v-if="isLoading" :class="['ui', 'centered', 'active', 'inline', 'loader']"></div>
+ <button
+ class="ui left floated labeled icon button"
+ @click="fetchData(previousLink)"
+ :disabled="!previousLink"><i class="left arrow icon"></i> Previous</button>
+ <button
+ class="ui right floated right labeled icon button"
+ @click="fetchData(nextLink)"
+ :disabled="!nextLink">Next <i class="right arrow icon"></i></button>
+ <div class="ui hidden clearing divider"></div>
+ <div class="ui hidden clearing divider"></div>
+ <table v-if="results.length > 0" class="ui table">
+ <thead>
+ <tr>
+ <th>ID</th>
+ <th>Launch date</th>
+ <th>Jobs</th>
+ <th>Status</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr v-for="result in results">
+ <td>{{ result.id }}</th>
+ <td>
+ <router-link :to="{name: 'library.import.batches.detail', params: {id: result.id }}">
+ {{ result.creation_date }}
+ </router-link>
+ </td>
+ <td>{{ result.jobs.length }}</td>
+ <td>
+ <span
+ :class="['ui', {'yellow': result.status === 'pending'}, {'green': result.status === 'finished'}, 'label']">{{ result.status }}</span>
</td>
</tr>
</tbody>
--
GitLab