diff --git a/spug_web/src/pages/deploy/do/Ext1Index.js b/spug_web/src/pages/deploy/do/Ext1Index.js
index e409900..2a24234 100644
--- a/spug_web/src/pages/deploy/do/Ext1Index.js
+++ b/spug_web/src/pages/deploy/do/Ext1Index.js
@@ -19,6 +19,7 @@ class Ext1Index extends React.Component {
super(props);
this.id = props.match.params.id;
this.log = props.match.params.log;
+ this.elements = {};
this.state = {
fetching: true,
loading: false,
@@ -56,7 +57,10 @@ class Ext1Index extends React.Component {
_parse_message = (message) => {
const {key, data, step, status} = message;
- if (data !== undefined) store.outputs[key]['data'] += data;
+ if (data !== undefined) {
+ store.outputs[key]['data'] += data;
+ this.elements[key].scrollIntoView()
+ }
if (step !== undefined) store.outputs[key]['step'] = step;
if (status !== undefined) store.outputs[key]['status'] = status;
};
@@ -139,7 +143,10 @@ class Ext1Index extends React.Component {
{lds.get(store.outputs, 'local.data')}+
+ {lds.get(store.outputs, 'local.data')} +this.elements['local'] = el}/> + @@ -158,7 +165,10 @@ class Ext1Index extends React.Component {}> - {lds.get(store.outputs, `${item.id}.data`)}++ {lds.get(store.outputs, `${item.id}.data`)} +this.elements[item.id] = el} /> + ))} diff --git a/spug_web/src/pages/deploy/do/Ext2Index.js b/spug_web/src/pages/deploy/do/Ext2Index.js index 3671792..e55eca4 100644 --- a/spug_web/src/pages/deploy/do/Ext2Index.js +++ b/spug_web/src/pages/deploy/do/Ext2Index.js @@ -19,6 +19,7 @@ class Ext1Index extends React.Component { super(props); this.id = props.match.params.id; this.log = props.match.params.log; + this.elements = {}; this.state = { fetching: true, loading: false, @@ -57,7 +58,10 @@ class Ext1Index extends React.Component { _parse_message = (message) => { const {key, data, step, status} = message; - if (data !== undefined) store.outputs[key]['data'] += data; + if (data !== undefined) { + store.outputs[key]['data'] += data; + this.elements[key].scrollIntoView() + } if (step !== undefined) store.outputs[key]['step'] = step; if (status !== undefined) store.outputs[key]['status'] = status; }; @@ -140,7 +144,10 @@ class Ext1Index extends React.Component {))} }> - {lds.get(store.outputs, 'local.data')}++ {lds.get(store.outputs, 'local.data')} +this.elements['local'] = el}/> + @@ -160,7 +167,10 @@ class Ext1Index extends React.Component { ))}}> -{lds.get(store.outputs, `${item.id}.data`)}++ {lds.get(store.outputs, `${item.id}.data`)} +this.elements[item.id] = el}/> + ))}