Load external tasks asynchronously from task view page
This commit is contained in:
2
assets/css/app.min.css
vendored
2
assets/css/app.min.css
vendored
File diff suppressed because one or more lines are too long
4
assets/js/app.min.js
vendored
4
assets/js/app.min.js
vendored
File diff suppressed because one or more lines are too long
19
assets/js/components/external-task-view.js
Normal file
19
assets/js/components/external-task-view.js
Normal file
@@ -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;
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
@@ -31,3 +31,9 @@
|
||||
color: color('medium')
|
||||
li
|
||||
line-height: 23px
|
||||
|
||||
#external-task-view
|
||||
padding: 10px
|
||||
margin-top: 10px
|
||||
margin-bottom: 10px
|
||||
border: 1px dotted #ccc
|
||||
|
||||
Reference in New Issue
Block a user