fix lost element header

src/Umbraco.Web.UI.Client/src/common/directives/components/application/umbtour/umbtourstepheader.directive.js

@@ -6,6 +6,7 @@
         var directive = {
             restrict: 'E',
             replace: true,
+            transclude: true,
             templateUrl: 'views/components/application/umbtour/umb-tour-step-header.html',
             scope: {
                 title: "="

src/Umbraco.Web.UI.Client/src/views/components/application/umb-tour.html

@@ -86,9 +86,11 @@
         <!-- Dom element not found error -->
         <div ng-if="elementNotFound && !loadingStep">
             <umb-tour-step class="tc">
-                <umb-tour-step-header class="bold color-red">Test test test</umb-tour-step-header>
+                <umb-tour-step-header>
+                    <h4 class="bold color-red">Oh, we got lost!</h4>
+                </umb-tour-step-header>
                 <umb-tour-step-content>
-                    <p>Oh, we lost the next step <b>{{ currentStep.title }}</b> and don't know where to go.</p>
+                    <p>We lost the next step <b>{{ model.currentStep.title }}</b> and don't know where to go.</p>
                     <p>Please go back and start the tour again.</p>
                 </umb-tour-step-content>
                 <umb-tour-step-footer>

src/Umbraco.Web.UI.Client/src/views/components/application/umbtour/umb-tour-step-header.html

@@ -1,3 +1,4 @@
 <div class="umb-tour-step__header">
     <div class="umb-tour-step__title">{{title}}</div>
+    <div ng-transclude></div>
 </div>