mirror of
https://github.com/weaveworks/scope.git
synced 2026-07-26 00:37:24 +00:00
69fd397217
* Added resource view selector button * Showing resource boxes in the resource view * Crude CPU resource view prototype * Improved the viewMode state logic * Extracted zooming into a separate wrapper component * Split the layout selectors between graph-view and resource-view * Proper zooming logic for the resource view * Moved all node networks utils to selectors * Improved the zoom caching logic * Further refactoring of selectors * Added sticky labels to the resource boxes * Added panning translation limits in the resource view * Renamed GridModeSelector -> ViewModeSelector * Polished the topology resource view selection logic * Search bar hidden in the resource view * Added per-layer topology names to the resource view * Made metric selectors work for the resource view * Adjusted the viewport selectors * Renamed viewport selector to canvas (+ maximal zoom fix) * Showing more useful metric info in the resource box labels * Fetching only necessary nodes for the resource view * Refactored the resource view layer component * Addressed first batch UI comments (from the Scope meeting) * Switch to deep zooming transform in the resource view to avoid SVG precision errors * Renamed and moved resource view components * Polished all the resource view components * Changing the available metrics selection * Improved and polished the state transition logic for the resource view * Separated zoom limits from the zoom active state * Renaming and bunch of comments * Addressed all the UI comments (@davkal + @fons) * Made graph view selectors independent from resource view selectors
94 lines
2.8 KiB
JavaScript
94 lines
2.8 KiB
JavaScript
import React from 'react';
|
|
import { connect } from 'react-redux';
|
|
|
|
import {
|
|
toggleTroubleshootingMenu,
|
|
resetLocalViewState,
|
|
clickDownloadGraph
|
|
} from '../actions/app-actions';
|
|
|
|
class DebugMenu extends React.Component {
|
|
constructor(props, context) {
|
|
super(props, context);
|
|
|
|
this.handleClickReset = this.handleClickReset.bind(this);
|
|
}
|
|
|
|
handleClickReset(ev) {
|
|
ev.preventDefault();
|
|
this.props.resetLocalViewState();
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<div className="troubleshooting-menu-wrapper">
|
|
<div className="troubleshooting-menu">
|
|
<div className="troubleshooting-menu-content">
|
|
<h3>Debugging/Troubleshooting</h3>
|
|
<div className="troubleshooting-menu-item">
|
|
<a
|
|
className="footer-icon"
|
|
href="api/report"
|
|
download
|
|
title="Save raw data as JSON"
|
|
>
|
|
<span className="fa fa-code" />
|
|
<span className="description">
|
|
Save raw data as JSON
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div className="troubleshooting-menu-item">
|
|
<a
|
|
href=""
|
|
className="footer-icon"
|
|
onClick={this.props.clickDownloadGraph}
|
|
title="Save canvas as SVG (does not include search highlighting)"
|
|
>
|
|
<span className="fa fa-download" />
|
|
<span className="description">
|
|
Save canvas as SVG (does not include search highlighting)
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div className="troubleshooting-menu-item">
|
|
<a
|
|
href=""
|
|
className="footer-icon"
|
|
title="Reset view state"
|
|
onClick={this.handleClickReset}
|
|
>
|
|
<span className="fa fa-undo" />
|
|
<span className="description">Reset your local view state and reload the page</span>
|
|
</a>
|
|
</div>
|
|
<div className="troubleshooting-menu-item">
|
|
<a
|
|
className="footer-icon" title="Report an issue"
|
|
href="https://gitreports.com/issue/weaveworks/scope"
|
|
target="_blank" rel="noopener noreferrer"
|
|
>
|
|
<span className="fa fa-bug" />
|
|
<span className="description">Report a bug</span>
|
|
</a>
|
|
</div>
|
|
<div className="help-panel-tools">
|
|
<span
|
|
title="Close menu"
|
|
className="fa fa-close"
|
|
onClick={this.props.toggleTroubleshootingMenu}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default connect(null, {
|
|
toggleTroubleshootingMenu,
|
|
resetLocalViewState,
|
|
clickDownloadGraph
|
|
})(DebugMenu);
|