From a50f970db961a47178672c9a064b26cf8f46a97a Mon Sep 17 00:00:00 2001
From: Kevin Dietrich <hallo@kevin-dietrich.com>
Date: Fri, 12 Feb 2016 12:41:54 +0100
Subject: [PATCH] feat(progress): Added progress

---
 src/tour/tour.js       | 1 +
 src/tour/tour.scss     | 5 +++++
 src/tour/tour.tpl.html | 1 +
 3 files changed, 7 insertions(+)

diff --git a/src/tour/tour.js b/src/tour/tour.js
index 85581e3..e5eb5c2 100644
--- a/src/tour/tour.js
+++ b/src/tour/tour.js
@@ -245,6 +245,7 @@ angular.module('angular-tour.tour', [])
             scope.ttSourceScope = tourConfig.useSourceScope;
             scope.ttOpen = false;
             scope.ttAnimation = tourConfig.animation;
+            scope.ttCount = $('[tourtip]').length;
             scope.index = parseInt(attrs.tourtipStep, 10);
 
             var tourtip = $compile(template)(scope);
diff --git a/src/tour/tour.scss b/src/tour/tour.scss
index 7a875db..358f30b 100644
--- a/src/tour/tour.scss
+++ b/src/tour/tour.scss
@@ -16,6 +16,11 @@
     line-height: 1.5em;
     margin: 0 0 1.125em;
   }
+  .tour-progress {
+    padding: 0 1em 0 0;
+    color: #CBD0D4;
+    font-size: .7em;
+  }
   button, .button {
     background-color: #189DAF;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
diff --git a/src/tour/tour.tpl.html b/src/tour/tour.tpl.html
index 02c3ceb..89f18db 100644
--- a/src/tour/tour.tpl.html
+++ b/src/tour/tour.tpl.html
@@ -3,6 +3,7 @@
     <div class="tour-content-wrapper">
         <h3 ng-bind="ttTitle"></h3>
         <p ng-bind="ttContent"></p>
+        <span class="tour-progress">{{index+1}}/{{ttCount}}</span>
         <a ng-click="proceed()" ng-bind="ttNextLabel" class="small button tour-next-tip"></a>
         <a ng-click="closeTour()" class="tour-close-tip">&times;</a>
     </div>