Load external tasks asynchronously from task view page

1 files changed, 19 insertions, 0 deletions

diff --git a/assets/js/components/external-task-view.js b/assets/js/components/external-task-view.js
new file mode 100644
index 00000000..71f119af
--- /dev/null
+++ b/assets/js/components/external-task-view.js
@@ -0,0 +1,19 @@
+Vue.component('external-task-view', {
+    props: ['url'],
+    template: '<div id="external-task-view" v-show="content">{{{ content }}}</div>',
+    data: function () {
+        return {
+            content: ''
+        };
+    },
+    ready: function () {
+        var self = this;
+        $.ajax({
+            cache: false,
+            url: this.url,
+            success: function(data) {
+                self.content = data;
+            }
+        });
+    }
+});