Use jquery to set disabled vis title

elastic · Jan 21, 2018 · daf142a · daf142a
1 parent 6fb902c
commit daf142a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/core_plugins/kibana/public/visualize/embeddable/visualize_embeddable_factory.js b/src/core_plugins/kibana/public/visualize/embeddable/visualize_embeddable_factory.js
@@ -1,3 +1,4 @@
+import $ from 'jquery';
 import { getVisualizeLoader } from 'ui/visualize/loader';
 
 import { UtilsBrushEventProvider as utilsBrushEventProvider } from 'ui/utils/brush_event';
@@ -33,7 +34,9 @@ export class VisualizeEmbeddableFactory extends EmbeddableFactory {
         const isLabsEnabled = this._config.get('visualize:enableLabs');
 
         if (!isLabsEnabled && savedObject.vis.type.stage === 'lab') {
-          domNode.innerHTML = labDisabledTemplate.replace('{{title}}', savedObject.title);
+          const template = $(labDisabledTemplate);
+          template.find('.disabledLabVisualization__title').text(savedObject.title);
+          $(domNode).html(template);
 
           return new Embeddable({
             title: savedObject.title

diff --git a/src/core_plugins/kibana/public/visualize/embeddable/visualize_lab_disabled.html b/src/core_plugins/kibana/public/visualize/embeddable/visualize_lab_disabled.html
@@ -1,5 +1,5 @@
 <div class="disabledLabVisualization">
   <div class="kuiVerticalRhythm disabledLabVisualization__icon kuiIcon fa-flask" aria-hidden="true"></div>
-  <div class="kuiVerticalRhythm"><em>{{title}}</em> is a lab visualization.</div>
+  <div class="kuiVerticalRhythm"><em class="disabledLabVisualization__title"></em> is a lab visualization.</div>
   <div class="kuiVerticalRhythm">Please turn on lab-mode in the advanced settings to see lab visualizations.</div>
 </div>