Rewrite external task view component in vanilla javascript

1 files changed, 5 insertions, 12 deletions

diff --git a/assets/js/components/external-task-view.js b/assets/js/components/external-task-view.js
index 71f119af..b63e79d3 100644
--- a/assets/js/components/external-task-view.js
+++ b/assets/js/components/external-task-view.js
@@ -1,18 +1,11 @@
-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;
+KB.component('external-task-view', function (containerElement, options) {
+
+    this.render = function () {
         $.ajax({
             cache: false,
-            url: this.url,
+            url: options.url,
             success: function(data) {
-                self.content = data;
+                KB.el(containerElement).html('<div id="external-task-view">' + data + '</div>');
             }
         });
     }