Merge pull request #3970 from plotly/toolpanel-js-menubuttons

Toolpanel js menubuttons

Author: alexander-daniel

shelly/plotlyjs/static/plotlyjs/src/graph_obj.js

@@ -361,32 +361,6 @@ plots.addLinks = function(gd) {
     spacespan.text((toolspan.text() && sourcespan.text()) ? ' - ' : '');
 };
 
-/**
- * Add or modify a margin requst object by name. Margins in pixels.
- *
- * This allows us to have multiple modules request space in the plot without
- * conflicts. For example:
- *
- * adjustReservedMargins(gd, 'themeBar', {left: 200})
- *
- * ... will idempotent-ly set the left margin to 200 for themeBar.
- *
- * @param gd
- * @param {String} marginName
- * @param {Object} margins
- * @returns {Object}
- */
-plots.adjustReservedMargins = function (gd, marginName, margins) {
-    var margin;
-    gd._boundingBoxMargins = gd._boundingBoxMargins || {};
-    gd._boundingBoxMargins[marginName] = {};
-    ['left', 'right', 'top', 'bottom'].forEach(function(key) {
-        margin = margins[key] || 0;
-        gd._boundingBoxMargins[marginName][key] = margin;
-    });
-    return gd._boundingBoxMargins;
-};
-
 // note that now this function is only adding the brand in
 // iframes and 3rd-party apps
 function positionPlayWithData(gd, container){

test-dashboard/toolpanel-dashboard/ui.js

@@ -50,18 +50,38 @@ function createPlot (divId) {
     };
 
     var data = [trace1, trace2];
+    var toolPanel;
 
     Plotly.newPlot(divId, data);
 
-    graphDiv.toolPanel = new ToolPanel(Plotly, graphDiv, {
+    graphDiv.toolPanel = toolPanel = new ToolPanel(Plotly, graphDiv, {
         standalone: true,
         popoverContainer: containerDiv
     });
 
+    window.toolPanel = graphDiv.toolPanel;
+
     graphDiv.toolPanel.makeMenu({
         toolMenuContainer: toolDiv
     });
 
+    toolPanel.createMenuMultiButton([
+        {
+            labelContent: 'Undo',
+            iconClass: 'icon-rotate-left',
+            handler: toolPanel.undo
+        },
+        {
+            labelContent: 'Redo',
+            iconClass: 'icon-rotate-right',
+            handler: toolPanel.redo
+        }
+    ]);
+
+    toolPanel.createMenuSpacer();
+
+    toolPanel.createMenuButtons(toolPanel.getPanelButtonSpecs());
+
     divs.push(graphDiv, toolDiv);
 
 }