From 8ba6123160ead354266bb95727d139bbc6c72d62 Mon Sep 17 00:00:00 2001
From: Guillaume Vincent <guillaume@oslab.fr>
Date: Sun, 8 Apr 2018 00:43:46 +0200
Subject: [PATCH] Add clear form progress

---
 src/components/ClearFormProgress.vue | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 src/components/ClearFormProgress.vue

diff --git a/src/components/ClearFormProgress.vue b/src/components/ClearFormProgress.vue
new file mode 100644
index 0000000..990e99c
--- /dev/null
+++ b/src/components/ClearFormProgress.vue
@@ -0,0 +1,34 @@
+<template>
+  <div class="progress" style="height: 1px;">
+    <div class="progress-bar" role="progressbar" v-bind:style="{ width: width + '%' }" v-bind:aria-valuenow="width" aria-valuemin="0" aria-valuemax="100"></div>
+  </div>
+</template>
+<script>
+export default {
+  name: "clearProgress",
+  props: {
+    duration: {
+      type: Number,
+      default: 30
+    }
+  },
+  data() {
+    return {
+      width: 100,
+      clearInterval: null
+    };
+  },
+  mounted() {
+    this.clearInterval = setInterval(() => {
+      this.width = this.width - 1;
+    }, this.duration * 10);
+  },
+  watch: {
+    width: function(value) {
+      if (value <= 0) {
+        clearInterval(this.clearInterval);
+      }
+    }
+  }
+};
+</script>