mirror of
https://github.com/weaveworks/scope.git
synced 2026-03-03 18:20:27 +00:00
* 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
173 lines
4.8 KiB
JavaScript
173 lines
4.8 KiB
JavaScript
import { endsWith } from 'lodash';
|
|
import { Set as makeSet, List as makeList } from 'immutable';
|
|
|
|
import { isResourceViewModeSelector } from '../selectors/topology';
|
|
import { pinnedMetricSelector } from '../selectors/node-metric';
|
|
|
|
//
|
|
// top priority first
|
|
//
|
|
const TOPOLOGY_DISPLAY_PRIORITY = [
|
|
'ecs-services',
|
|
'ecs-tasks',
|
|
'services',
|
|
'deployments',
|
|
'replica-sets',
|
|
'pods',
|
|
'containers',
|
|
];
|
|
|
|
|
|
export function getDefaultTopology(topologies) {
|
|
const flatTopologies = topologies
|
|
.flatMap(t => makeList([t]).concat(t.get('sub_topologies', makeList())));
|
|
|
|
return flatTopologies
|
|
.sortBy((t) => {
|
|
const index = TOPOLOGY_DISPLAY_PRIORITY.indexOf(t.get('id'));
|
|
return index === -1 ? Infinity : index;
|
|
})
|
|
.getIn([0, 'id']);
|
|
}
|
|
|
|
|
|
/**
|
|
* Returns a cache ID based on the topologyId and optionsQuery
|
|
* @param {String} topologyId
|
|
* @param {object} topologyOptions (optional)
|
|
* @return {String}
|
|
*/
|
|
export function buildTopologyCacheId(topologyId, topologyOptions) {
|
|
let id = '';
|
|
if (topologyId) {
|
|
id = topologyId;
|
|
if (topologyOptions) {
|
|
id += JSON.stringify(topologyOptions);
|
|
}
|
|
}
|
|
return id;
|
|
}
|
|
|
|
/**
|
|
* Returns a topology object from the topology tree
|
|
* @param {List} subTree
|
|
* @param {String} topologyId
|
|
* @return {Map} topology if found
|
|
*/
|
|
export function findTopologyById(subTree, topologyId) {
|
|
let foundTopology;
|
|
|
|
subTree.forEach((topology) => {
|
|
if (endsWith(topology.get('url'), topologyId)) {
|
|
foundTopology = topology;
|
|
}
|
|
if (!foundTopology && topology.has('sub_topologies')) {
|
|
foundTopology = findTopologyById(topology.get('sub_topologies'), topologyId);
|
|
}
|
|
});
|
|
|
|
return foundTopology;
|
|
}
|
|
|
|
export function updateNodeDegrees(nodes, edges) {
|
|
return nodes.map((node) => {
|
|
const nodeId = node.get('id');
|
|
const degree = edges.count(edge => edge.get('source') === nodeId
|
|
|| edge.get('target') === nodeId);
|
|
return node.set('degree', degree);
|
|
});
|
|
}
|
|
|
|
/* set topology.id and parentId for sub-topologies in place */
|
|
export function updateTopologyIds(topologies, parentId) {
|
|
return topologies.map((topology) => {
|
|
const result = Object.assign({}, topology);
|
|
result.id = topology.url.split('/').pop();
|
|
if (parentId) {
|
|
result.parentId = parentId;
|
|
}
|
|
if (topology.sub_topologies) {
|
|
result.sub_topologies = updateTopologyIds(topology.sub_topologies, result.id);
|
|
}
|
|
return result;
|
|
});
|
|
}
|
|
|
|
export function addTopologyFullname(topologies) {
|
|
return topologies.map((t) => {
|
|
if (!t.sub_topologies) {
|
|
return Object.assign({}, t, {fullName: t.name});
|
|
}
|
|
return Object.assign({}, t, {
|
|
fullName: t.name,
|
|
sub_topologies: t.sub_topologies.map(st => (
|
|
Object.assign({}, st, {fullName: `${t.name} ${st.name}`})
|
|
))
|
|
});
|
|
});
|
|
}
|
|
|
|
// adds ID field to topology (based on last part of URL path) and save urls in
|
|
// map for easy lookup
|
|
export function setTopologyUrlsById(topologyUrlsById, topologies) {
|
|
let urlMap = topologyUrlsById;
|
|
if (topologies) {
|
|
topologies.forEach((topology) => {
|
|
urlMap = urlMap.set(topology.id, topology.url);
|
|
if (topology.sub_topologies) {
|
|
topology.sub_topologies.forEach((subTopology) => {
|
|
urlMap = urlMap.set(subTopology.id, subTopology.url);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
return urlMap;
|
|
}
|
|
|
|
export function filterHiddenTopologies(topologies) {
|
|
return topologies.filter(t => (!t.hide_if_empty || t.stats.node_count > 0 ||
|
|
t.stats.filtered_nodes > 0));
|
|
}
|
|
|
|
export function getCurrentTopologyOptions(state) {
|
|
return state.getIn(['currentTopology', 'options']);
|
|
}
|
|
|
|
export function isTopologyEmpty(state) {
|
|
// Consider a topology in the resource view empty if it has no pinned metric.
|
|
const resourceViewEmpty = isResourceViewModeSelector(state) && !pinnedMetricSelector(state);
|
|
// Otherwise (in graph and table view), we only look at the node count.
|
|
const nodeCount = state.getIn(['currentTopology', 'stats', 'node_count'], 0);
|
|
const nodesEmpty = nodeCount === 0 && state.get('nodes').size === 0;
|
|
return resourceViewEmpty || nodesEmpty;
|
|
}
|
|
|
|
|
|
export function getAdjacentNodes(state, originNodeId) {
|
|
let adjacentNodes = makeSet();
|
|
const nodeId = originNodeId || state.get('selectedNodeId');
|
|
|
|
if (nodeId) {
|
|
if (state.hasIn(['nodes', nodeId])) {
|
|
adjacentNodes = makeSet(state.getIn(['nodes', nodeId, 'adjacency']));
|
|
// fill up set with reverse edges
|
|
state.get('nodes').forEach((node, id) => {
|
|
if (node.get('adjacency') && node.get('adjacency').includes(nodeId)) {
|
|
adjacentNodes = adjacentNodes.add(id);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
return adjacentNodes;
|
|
}
|
|
|
|
export function hasSelectedNode(state) {
|
|
const selectedNodeId = state.get('selectedNodeId');
|
|
return state.hasIn(['nodes', selectedNodeId]);
|
|
}
|
|
|
|
export function getCurrentTopologyUrl(state) {
|
|
return state.getIn(['currentTopology', 'url']);
|
|
}
|