diff --git a/src/views/Issues.vue b/src/views/Issues.vue index f93b48936fbfdc0438375b599ece1bea43396774..0c7faa34e256d564375eca52407fabe6ba617079 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 () {