github/weave-scope
1
0
Fork 0
mirror of https://github.com/weaveworks/scope.git synced 2026-08-19 04:16:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Show a spinner while node details are loading

Browse Source
This commit is contained in:
David Kaltschmidt
2015-11-24 18:41:56 +01:00
parent 1d34689bbb
commit e60d64da27
2 changed files with 35 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/app/scripts/components/node-details.js
+17 -1
View File
@@ -22,7 +22,23 @@ const NodeDetails = React.createClass({
renderLoading: function() {
return (
<div className="node-details" />
<div className="node-details">
<div className="node-details-header node-details-header-loading">
<div className="node-details-header-wrapper">
<h2 className="node-details-header-label">
Loading...
</h2>
<div className="node-details-header-label-minor truncate">
{this.props.nodeId}
</div>
</div>
</div>
<div className="node-details-content">
<div className="node-details-content-loading">
<span className="fa fa-circle-o-notch fa-spin" />
</div>
</div>
</div>
);
},