From 097c92430e5a08a063f912aa2fc72d6ec57ff2fb Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Mon, 23 Dec 2019 19:28:15 +0100
Subject: [PATCH] Added loader
---
src/views/Issues.vue | 21 ++++++++++++++++-----
1 file changed, 16 insertions(+), 5 deletions(-)
diff --git a/src/views/Issues.vue b/src/views/Issues.vue
index f93b489..0c7faa3 100644
--- a/src/views/Issues.vue
+++ b/src/views/Issues.vue
@@ -1,12 +1,22 @@
<template>
<div class="main container columns">
- <div class="column is-9" v-if="issues">
- <h1 class="title">
- {{ issues.total }} tasks found
- </h1>
+ <div class="column is-9">
<template v-if="issues">
- <issue-card v-for="issue in issues.objs" :key="issue.id" :issue="issue"></issue-card>
+
+ <h1 class="title">
+ {{ issues.total }} tasks found
+ </h1>
+ <template v-if="issues">
+ <issue-card v-for="issue in issues.objs" :key="issue.id" :issue="issue"></issue-card>
+ </template>
</template>
+
+ <div v-else>
+ <h1 class="title">
+ Loading tasks…
+ </h1>
+ <div class="loader"></div>
+ </div>
</div>
<form class="column is-3" @submit.prevent="fetch">
<h2 class="title">Filters</h2>
@@ -120,6 +130,7 @@ export default {
},
methods: {
async fetch () {
+ this.issues = null
this.issues = await getIssues(this.filters)
},
async reset () {
--
GitLab