Function addButton

tensorboard/plugins/graph/tf_graph_common/node.ts:246–270

* Add an expand/collapse button to a group node * * @param selection The group node selection. * @param d Info about the node being rendered. * @param sceneElement polymer element.

(selection, d: render.RenderNodeInfo, sceneElement)

 * @param sceneElement <tf-graph-scene> polymer element.
 */
function addButton(selection, d: render.RenderNodeInfo, sceneElement) {
  let group = tf_graph_common.selectOrCreateChild(
    selection,
    'g',
    Class.Node.BUTTON_CONTAINER
  );
  tf_graph_common.selectOrCreateChild(
    group,
    'circle',
    Class.Node.BUTTON_CIRCLE
  );
  tf_graph_common
    .selectOrCreateChild(group, 'path', Class.Node.EXPAND_BUTTON)
    .attr('d', 'M0,-2.2 V2.2 M-2.2,0 H2.2');
  tf_graph_common
    .selectOrCreateChild(group, 'path', Class.Node.COLLAPSE_BUTTON)
    .attr('d', 'M-2.2,0 H2.2');
  (group as any).on('click', (d: any) => {
    // Stop this event's propagation so that it isn't also considered a
    // node-select.
    (<Event>d3.event).stopPropagation();
    sceneElement.fire('node-toggle-expand', {name: d.node.name});
  });
  tf_graph_scene.positionButton(group, d);
}
/**
 * Fire node-* events when the selection is interacted.
 *