From ef8ddb59c94e24383531e52371b70b595dff8e24 Mon Sep 17 00:00:00 2001
From: Frederic Guillot <fred@kanboard.net>
Date: Sat, 3 Sep 2016 20:45:30 -0400
Subject: Convert user distribution chart to Vue.js component

---
 .../js/components/chart-project-user-distribution.js   | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 assets/js/components/chart-project-user-distribution.js

(limited to 'assets/js/components')

diff --git a/assets/js/components/chart-project-user-distribution.js b/assets/js/components/chart-project-user-distribution.js
new file mode 100644
index 00000000..a569e0be
--- /dev/null
+++ b/assets/js/components/chart-project-user-distribution.js
@@ -0,0 +1,18 @@
+Vue.component('chart-project-user-distribution', {
+    props: ['metrics'],
+    template: '<div id="chart"></div>',
+    ready: function () {
+        var columns = [];
+
+        for (var i = 0; i < this.metrics.length; i++) {
+            columns.push([this.metrics[i].user, this.metrics[i].nb_tasks]);
+        }
+
+        c3.generate({
+            data: {
+                columns: columns,
+                type : 'donut'
+            }
+        });
+    }
+});
-- 
cgit v1.2.3