<NME> tour.js
<BEF> 'use strict';

angular.module('ngDependencyGraph')
  .factory('tour', function($rootScope, storage) {
    var tour = new Shepherd.Tour({
      defaults: {
        classes: 'shepherd-theme-default shepherd-element shepherd-open',
        showCancelLink: true,
        scrollTo: false
      }
    });

    var onDone = function() {
      storage.saveTourDone();
      $rootScope.$apply();
    };

    tour.on('complete', onDone);
    tour.on('cancel', onDone);
    tour.on('hide', onDone);

    var buttons = {
      step: [{
        text: 'Next',
        action: tour.next
      }],
      finish: [{
        text: 'Finish',
        action: tour.next
      }]
    };


    var steps = {

      welcome: {
        text: 'Welcome to AngularJS dependency graph browser.',
        buttons: buttons.step
      },
      },

      ignoreModules: {
        text: 'Use ‘Ignore’ field to hide modules you don’t want to see...',
        attachTo: '.options__ignore left',
        buttons: buttons.step
      },


      filterModules: {
        text: '...and/or ‘Filter’ field to specify which modules you want to see.',
        attachTo: '.options__filter left',
        buttons: buttons.step
      },

      stickyNodes: {
        text: 'If you’d like your nodes to stay where you drag them - make nodes sticky.<br/><br/>Double click node to unstick.',
        attachTo: '.options__sticky-nodes left',
        buttons: buttons.step
      },
      stickyNodes: {
        text: 'If you\'d like your nodes to stay where you drag them - make nodes sticky.<br/><br/>Double click node to unstick.',
        attachTo: '.options__sticky-nodes left',
        buttons: buttons.step
      },

      triggerComponents: {
        text: 'You can filter components nodes by component type.',
        attachTo: '.trigger-components right',
        buttons: buttons.step
      },
      },

      finish: {
        text: 'That\'s it! Hope you enjoy this plugin.<br/><br/>You can restart this tour by clicking ‘Tutorial’ in bottom right corner.',
        attachTo: '.search right',
        buttons: buttons.finish
      }
      saving: {
        text: 'The graph is automatically updated with dependencies as you work on your app and refresh the browser.<br/><br/>All options are saved for each of your projects.',
        buttons: buttons.step
      },

      finish: {
        text: 'That\'s it! :) Hope you enjoy.<br/><br/>You can restart this tour by clicking \'Tutorial\' in the bottom right corner.<br/><br/>Please star if you like it:<br/><br/>' +
          '<iframe src="https://ghbtns.com/github-btn.html?user=filso&repo=ng-dependency-graph&type=star&count=true" frameborder="0" scrolling="0" width="170px" height="20px"></iframe>',
        attachTo: '.search right',
        buttons: buttons.finish
      }

    };

    _.each(steps, function(step) {
      tour.addStep(step);
    });

    return tour;

  });

<MSG> set components view as default, fix chars

<DFF> @@ -40,20 +40,20 @@ angular.module('ngDependencyGraph')
       },
 
       ignoreModules: {
-        text: 'Use ‘Ignore’ field to hide modules you don’t want to see...',
+        text: 'Use \'Ignore\' field to hide modules you don\'t want to see...',
         attachTo: '.options__ignore left',
         buttons: buttons.step
       },
 
 
       filterModules: {
-        text: '...and/or ‘Filter’ field to specify which modules you want to see.',
+        text: '...and/or \'Filter\' field to specify which modules you want to see.',
         attachTo: '.options__filter left',
         buttons: buttons.step
       },
 
       stickyNodes: {
-        text: 'If you’d like your nodes to stay where you drag them - make nodes sticky.<br/><br/>Double click node to unstick.',
+        text: 'If you\'d like your nodes to stay where you drag them - make nodes sticky.<br/><br/>Double click node to unstick.',
         attachTo: '.options__sticky-nodes left',
         buttons: buttons.step
       },
@@ -71,7 +71,7 @@ angular.module('ngDependencyGraph')
       },
 
       finish: {
-        text: 'That\'s it! Hope you enjoy this plugin.<br/><br/>You can restart this tour by clicking ‘Tutorial’ in bottom right corner.',
+        text: 'That\'s it! Hope you enjoy this plugin.<br/><br/>You can restart this tour by clicking \'Tutorial\' in bottom right corner.',
         attachTo: '.search right',
         buttons: buttons.finish
       }

{'addition_count': 4, 'commit_subject': 'set components view as default, fix chars', 'deletion_count': 4, 'file_extension': '.js', 'lang': 'js', 'license': 'mit', 'repo_name': 'filso/ng-dependency-graph'}