propagate plot changes to viewmode, fixes #39

beat/web/reports/static/reports/app/directives/edit/plotItem.js

@@ -119,9 +119,8 @@ angular.module('reportApp')
 		<download-link
 			dom-id='{{ domId }}'
 			group='group'
-			item-id='itemId'
-			>
-			</download-link>
+			item-id='itemId'>
+		</download-link>
 	</h4>
 </div>
 <div id="collapse-{{domId}}"

beat/web/reports/static/reports/app/directives/view/plotItem.js

@@ -40,22 +40,20 @@ angular.module('reportApp')
 			// container for the plots applet to insert into
 			scope.renderDivId = `${scope.domId}-render`;
 
+			// the callback for when the plot renders
+			// (called every time the plot re-renders, e.g. user changes config/merged
+			const updatePlotConfig = (selectedPlotter, selectedConfig, isMerged) => {
+				scope.content.merged = isMerged;
+				scope.content.savedPlotter = selectedPlotter;
+				scope.content.savedConfig = selectedConfig;
+			};
+
 			// wait until the container html element is rendered.
 			// angular will run these functions called with $timeout
 			// after everything has been rendered
 			$timeout(function() {
-				PlotService.addPlot(scope.group, scope.itemId, scope.renderDivId);
+				PlotService.addPlot(scope.group, scope.itemId, scope.renderDivId, updatePlotConfig);
 			});
-
-			scope.exportSrcFunc = () => () => {
-				const el = document.querySelectorAll(`#${scope.renderDivId} img`);
-				const srcs = Array.from(el)
-				.map(e => e.src)
-				//.map(src => src.replace(/^data:undefined/, 'data:application/octet-stream'));
-				;
-
-				return srcs;
-			};
 		},
 		template: `
 <div id="{{domId}}-heading" class="panel-heading" role="tab">
@@ -72,8 +70,8 @@ angular.module('reportApp')
 		</a>
 		<download-link
 			dom-id='{{ domId }}'
-			img-name='{{ renderDivId }}'
-			get-download-href='exportSrcFunc()'>
+			group='group'
+			item-id='itemId'>
 		</download-link>
 	</h4>
 </div>