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}/> +
))}