summaryrefslogtreecommitdiffstats
path: root/webapp/src/components/DataTable.vue
diff options
context:
space:
mode:
authorUdo Walter2019-03-01 18:49:06 +0100
committerUdo Walter2019-03-01 18:49:06 +0100
commit885669a2bc1d7d958f37fde8836b51b352368880 (patch)
tree6acceaa002b9c92261a396fb7075002424a19eea /webapp/src/components/DataTable.vue
parent[webapp/datatable] improve search performance (diff)
downloadbas-885669a2bc1d7d958f37fde8836b51b352368880.tar.gz
bas-885669a2bc1d7d958f37fde8836b51b352368880.tar.xz
bas-885669a2bc1d7d958f37fde8836b51b352368880.zip
[webapp/datatable] new loading bar
Diffstat (limited to 'webapp/src/components/DataTable.vue')
-rw-r--r--webapp/src/components/DataTable.vue10
1 files changed, 6 insertions, 4 deletions
diff --git a/webapp/src/components/DataTable.vue b/webapp/src/components/DataTable.vue
index ab530fc..4333dad 100644
--- a/webapp/src/components/DataTable.vue
+++ b/webapp/src/components/DataTable.vue
@@ -123,8 +123,9 @@
</v-icon>
</div>
</div>
- <v-progress-linear v-if="loading" :indeterminate="true" :height="2" style="margin: 0"></v-progress-linear>
- <div v-else class="header-separator"></div>
+ <div class="header-separator" style="height: 2px">
+ <loading-bar :loading="loading" :transparent="false"></loading-bar>
+ </div>
</div>
</template>
<div slot-scope="{ item, index }" class="table-row"
@@ -147,11 +148,13 @@
<script>
import DataTableSearch from '@/components/DataTableSearch'
+import LoadingBar from '@/components/LoadingBar'
export default {
name: 'DataTable',
components: {
- DataTableSearch
+ DataTableSearch,
+ LoadingBar
},
props: {
headers: {
@@ -215,7 +218,6 @@ export default {
const rows = this.rows.slice(0)
for (let key in this.headerSortState) {
if (!this.headers.some(header => header.key === key)) continue
- console.log('asdf')
const direction = this.headerSortState[key]
if (direction === 'asc') rows.sort((a, b) => String(a.data[key]).localeCompare(String(b.data[key])))
if (direction === 'desc') rows.sort((b, a) => String(a.data[key]).localeCompare(String(b.data[key])))