From 21f8cebe855aaaf0e6ff6b38a032216df8bdb8c6 Mon Sep 17 00:00:00 2001
From: Frederic Guillot <fred@kanboard.net>
Date: Sun, 4 Sep 2016 20:03:24 -0400
Subject: Add new Vue.js component to handle submit and cancel buttons

---
 assets/js/components/submit-cancel.js | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 assets/js/components/submit-cancel.js

(limited to 'assets/js/components')

diff --git a/assets/js/components/submit-cancel.js b/assets/js/components/submit-cancel.js
new file mode 100644
index 00000000..1950c060
--- /dev/null
+++ b/assets/js/components/submit-cancel.js
@@ -0,0 +1,30 @@
+Vue.component('submit-cancel', {
+    props: ['labelButton', 'labelOr', 'labelCancel', 'callback'],
+    template: '<div class="form-actions">' +
+              '<button type="button" class="btn btn-blue" @click="onSubmit" :disabled="isLoading">' +
+              '<span v-show="isLoading"><i class="fa fa-spinner fa-pulse"></i> </span>' +
+              '{{ labelButton }}' +
+              '</button> ' +
+              '{{ labelOr }} <a href="#" v-on:click.prevent="onCancel">{{ labelCancel }}</a>' +
+              '</div>'
+    ,
+    data: function () {
+        return {
+            loading: false
+        };
+    },
+    computed: {
+        isLoading: function () {
+            return this.loading;
+        }
+    },
+    methods: {
+        onSubmit: function () {
+            this.loading = true;
+            this.callback();
+        },
+        onCancel: function () {
+            _KB.get('Popover').close();
+        }
+    }
+});
-- 
cgit v1.2.3