Skip to content
Snippets Groups Projects
Verified Commit 097c9243 authored by Eliot Berriot's avatar Eliot Berriot
Browse files

Added loader

parent 77aed4fa
No related branches found
No related tags found
1 merge request!9WIP: Tasks from gitlab
<template> <template>
<div class="main container columns"> <div class="main container columns">
<div class="column is-9" v-if="issues"> <div class="column is-9">
<template v-if="issues">
<h1 class="title"> <h1 class="title">
{{ issues.total }} tasks found {{ issues.total }} tasks found
</h1> </h1>
<template v-if="issues"> <template v-if="issues">
<issue-card v-for="issue in issues.objs" :key="issue.id" :issue="issue"></issue-card> <issue-card v-for="issue in issues.objs" :key="issue.id" :issue="issue"></issue-card>
</template> </template>
</template>
<div v-else>
<h1 class="title">
Loading tasks…
</h1>
<div class="loader"></div>
</div>
</div> </div>
<form class="column is-3" @submit.prevent="fetch"> <form class="column is-3" @submit.prevent="fetch">
<h2 class="title">Filters</h2> <h2 class="title">Filters</h2>
...@@ -120,6 +130,7 @@ export default { ...@@ -120,6 +130,7 @@ export default {
}, },
methods: { methods: {
async fetch () { async fetch () {
this.issues = null
this.issues = await getIssues(this.filters) this.issues = await getIssues(this.filters)
}, },
async reset () { async reset () {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment