feat(tasks): refresh button

Author: Guillaume Chau

packages/@vue/cli-ui/locales/en.json

@@ -434,7 +434,8 @@
           }
         },
         "project-tasks": {
-          "title": "Project tasks"
+          "title": "Project tasks",
+          "refresh": "Refresh tasks"
         },
         "project-task-details": {
           "actions": {

packages/@vue/cli-ui/src/components/task/ProjectTasks.vue

@@ -4,6 +4,7 @@
       :title="$t('org.vue.views.project-tasks.title')"
     >
       <ApolloQuery
+        ref="tasks"
         :query="require('@/graphql/task/tasks.gql')"
         class="fill-height"
       >
@@ -27,6 +28,13 @@
                 icon-left="search"
                 class="search round"
               />
+
+              <VueButton
+                v-tooltip="$t('org.vue.views.project-tasks.refresh')"
+                icon-left="refresh"
+                class="icon-button flat"
+                @click="refresh()"
+              />
             </div>
 
             <TaskItem
@@ -101,7 +109,16 @@ export default {
           task
         })
       )
+    },
+
+    refresh () {
+      this.$refs.tasks.$apollo.queries.query.refetch()
     }
   }
 }
 </script>
+
+<style lang="stylus" scoped>
+.search
+  margin-right 6px
+</style>