include custom download at start of modebar

mrc-ide · Nov 6, 2023 · c11dcbe · c11dcbe
1 parent 0228b21
commit c11dcbe
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 10 deletions.
diff --git a/app/static/src/app/components/plot/WodinPlot.vue b/app/static/src/app/components/plot/WodinPlot.vue
@@ -85,8 +85,6 @@ export default defineComponent({
         const downloadImageClick = (gd: PlotlyDataLayoutConfig) => {
           plotlyContext.value = gd;
           const layout = gd.layout! as any;
-          console.log("xaxis is: " + JSON.stringify(layout.xaxis))
-          console.log("yaxis is: " + JSON.stringify(layout.yaxis))
           downloadImageProps.title = layout.title || "";
           downloadImageProps.xLabel = layout.xaxis.title?.text || "";
           downloadImageProps.yLabel = layout.yaxis.title?.text || "";

diff --git a/app/static/src/app/components/plot/WodinPlotDownloadImageModal.vue b/app/static/src/app/components/plot/WodinPlotDownloadImageModal.vue
@@ -50,7 +50,6 @@
 <script setup lang="ts">
 import {computed, defineProps, defineEmits, watch, reactive} from "vue";
 
-// TODO: sort out buttons - put 'custom' download first, then the other standard buttons except download
 // TODO put the WodinPlot changes in a mixin and use that from Sensitivity Summary plot too
 
 const props = defineProps({

diff --git a/app/static/src/app/plot.ts b/app/static/src/app/plot.ts
@@ -21,13 +21,17 @@ export const margin = {
 
 export const config = (downloadClick: (gd: PlotlyDataLayoutConfig) => void) => ({
     responsive: true,
-    modeBarButtonsToAdd: [
-        {
-            name: "Custom Download",
-            icon: (Plotly as any).Icons.camera,
-            click: downloadClick
-        }
-    ]
+    modeBarButtons: [[{
+        name: "Custom Download",
+        icon: (Plotly as any).Icons.camera,
+        click: downloadClick
+    },
+    "zoom2d",
+    "pan2d",
+    "zoomIn2d",
+    "zoomOut2d",
+    "autoScale2d",
+    "resetScale2d"]]
 } as any);
 
 export function filterUserTypeSeriesSet(s: OdinUserTypeSeriesSet, param: string, names: string[]): OdinSeriesSet {