use new LogViewer inside TaskViewer

www/manager/panel/LogView.js

-Ext.define('PVE.LogView', {
+Ext.define('PVE.panel.LogView', {
     extend: 'Ext.panel.Panel',
 
     alias: ['widget.pveLogView'],
@@ -102,20 +102,14 @@ Ext.define('PVE.LogView', {
         me.loadTask.delay(200, me.doAttemptLoad, me, [start]);
     },
 
-
-    initComponent : function() {
+    requestUpdate: function(top, force) {
 	var me = this;
 
-	if (!me.url) {
-	    throw "no url specified";
+	if (top === undefined) {
+	    var target = me.getTargetEl();
+	    top = target.dom.scrollTop;
 	}
 
-	me.dataCmp = Ext.create('Ext.Component', {
-	    style: 'font:normal 11px tahoma, arial, verdana, sans-serif;' +
-		'line-height: ' + me.lineHeight + 'px; white-space: pre;'
-	});
-
-	var requestUpdate = function(top, force) {
 	var viewStart = parseInt((top / me.lineHeight) - 1);
 	if (viewStart < 0) {
 	    viewStart = 0;
@@ -133,7 +127,20 @@ Ext.define('PVE.LogView', {
 	}
 
 	me.attemptLoad(line);
-	};
+    },
+
+    initComponent : function() {
+	var me = this;
+
+	if (!me.url) {
+	    throw "no url specified";
+	}
+
+	me.dataCmp = Ext.create('Ext.Component', {
+	    style: 'font:normal 11px tahoma, arial, verdana, sans-serif;' +
+		'line-height: ' + me.lineHeight + 'px; white-space: pre;'
+	});
+
 
 	var autoScrollTask = {
 	    run: function() {
@@ -141,16 +148,12 @@ Ext.define('PVE.LogView', {
 		    return;
 		}
 
-		var target = me.getTargetEl();
-		var dom = target.dom;
-		var maxDown = dom.scrollHeight - dom.clientHeight - 
-		    dom.scrollTop;
-
+		var maxDown = me.getMaxDown();
 		if (maxDown > 0) {
 		    return;
 		}
 
-		requestUpdate(dom.scrollTop, true);
+		me.requestUpdate(undefined, true);
 	    },
 	    interval: 1000
 	};
@@ -167,9 +170,9 @@ Ext.define('PVE.LogView', {
 		afterrender: Ext.Function.createDelayed(function() {
 		    var target = me.getTargetEl();
 		    target.on('scroll',  function(e) {
-			requestUpdate(target.dom.scrollTop);
+			me.requestUpdate();
 		    });
-		    requestUpdate(0);
+		    me.requestUpdate(0);
 		}, 20),
 		show: function() {
 		    var target = me.getTargetEl();

www/manager/window/TaskViewer.js

@@ -48,18 +48,6 @@ Ext.define('PVE.window.TaskViewer', {
 	    }
 	};
 
-	var store = Ext.create('Ext.data.Store', {
-	    model: 'pve-string-list',
-            pageSize: 200,
-	    buffered: true,
-	    proxy: {
-                type: 'pve',
-		startParam: 'start',
-		limitParam: 'limit',
-                url: "/api2/json/nodes/" + task.node + "/tasks/" + me.upid + "/log"
-	    }
-	});
-
 	var statstore = Ext.create('PVE.data.ObjectStore', {
             url: "/api2/json/nodes/" + task.node + "/tasks/" + me.upid + "/status",
 	    interval: 1000,
@@ -75,9 +63,6 @@ Ext.define('PVE.window.TaskViewer', {
 		method: 'DELETE',
 		failure: function(response, opts) {
 		    Ext.Msg.alert('Error', response.htmlStatus);
-		},
-		callback: function() {
-		    store.load();
 		}
 	    });
 	};
@@ -103,12 +88,19 @@ Ext.define('PVE.window.TaskViewer', {
 	    border: false
 	});
 
+	var logView = Ext.create('PVE.panel.LogView', {
+	    title: 'Output',
+	    tbar: [ stop_btn2 ],
+	    border: false,
+	    url: "/api2/extjs/nodes/" + task.node + "/tasks/" + me.upid + "/log"
+	});
+
 	me.mon(statstore, 'load', function() {
 	    var status = statgrid.getObjectValue('status');
 	    
-	    store.load();
-
 	    if (status === 'stopped') {
+		logView.requestUpdate(undefined, true);
+		logView.scrollToEnd = false;
 		statstore.stopUpdate();
 	    }
 
@@ -128,37 +120,11 @@ Ext.define('PVE.window.TaskViewer', {
 	    items: [{
 		xtype: 'tabpanel',
 		region: 'center',
-		items: [
-		    {
-			title: 'Output',
-			tbar: [ stop_btn2 ],
-			border: false,
-			xtype: 'gridpanel',
-			features: [ {ftype: 'selectable'}],
-			store: store,
-			stateful: false,
-			verticalScrollerType: 'paginggridscroller',
-			disableSelection: true,
-			invalidateScrollerOnRefresh: false,
-			viewConfig: {
-			    loadMask: false,
-			    trackOver: false,
-			    stripeRows: false
-			},
-			hideHeaders: true,
-			columns: [ 
-			    //{ header: "Line", dataIndex: 'n', width: 50 },
-			    { header: "Text", dataIndex: 't', flex: 1 } 
-			]
-		    },
-		    statgrid
-		]
+		items: [ logView, statgrid ]
 	    }]
         });
 
         me.callParent();
-
-	store.guaranteeRange(0, store.pageSize - 1);
     }
 });