Merge pull request #697 from HS2-SOLUTIONS/master

Update examples to use string Angular dependency injection

Author: eugef

docs/jade/getstarted.jade

@@ -32,9 +32,9 @@ ol
 
   li Set theme in app.run:
     pre.prettyprint.
-      app.run(function(editableOptions) {
+      app.run(['editableOptions', function(editableOptions) {
         editableOptions.theme = 'bs3'; // bootstrap3 theme. Can be also 'bs2', 'default'
-      });
+      }]);
 
   li Markup element that should be editable 
     pre.prettyprint(ng-non-bindable)

docs/jade/reference.jade

@@ -100,10 +100,10 @@ h3 Options
 :markdown
   Options are set in app.run
 pre.prettyprint
-  = 'app.run(function(editableOptions) {\n'
+  = 'app.run([\'editableOptions\', function(editableOptions) {\n'
   = 'editableOptions.theme = \'bs3\';\n'
   = '...\n'
-  = '});\n'
+  = '}]);\n'
 - var items = ns.properties ? ns.properties.filter(function(v){return !~v.type.names.indexOf('attribute')}) : []
 +props(items)
 

docs/jade/themes.jade

@@ -10,14 +10,14 @@
   To change the `title` and `aria-label` values of the submit/cancel/clear buttons, set the `editableOptions` properties:
 
 pre.prettyprint.
-  app.run(function(editableOptions) {
+  app.run(['editableOptions', function(editableOptions) {
     editableOptions.submitButtonTitle = 'Submit';
     editableOptions.submitButtonAriaLabel = 'Submit';
     editableOptions.cancelButtonTitle = 'Cancel';
     editableOptions.cancelButtonAriaLabel = 'Cancel';
     editableOptions.clearButtonTitle = 'Clear';
     editableOptions.clearButtonAriaLabel = 'Clear';
-  });
+  }]);
 
 section#bootstrap3
 h2 Bootstrap 3
@@ -31,15 +31,15 @@ pre.prettyprint
   Set theme in `app.run`:
 
 pre.prettyprint.
-  app.run(function(editableOptions) {
+  app.run(['editableOptions', function(editableOptions) {
     editableOptions.theme = 'bs3';
-  });
+  }]);
 
 :markdown
   To have smaller or bigger controls modify `inputClass` and `buttonsClass` properties of theme:
 
 pre.prettyprint.
-  app.run(function(editableOptions, editableThemes) {
+  app.run(['editableOptions', 'editableThemes', function(editableOptions, editableThemes) {
     editableThemes.bs3.inputClass = 'input-sm';
     editableThemes.bs3.buttonsClass = 'btn-sm';
     editableOptions.theme = 'bs3';
@@ -57,9 +57,9 @@ pre.prettyprint
   Set theme in `app.run`:
 
 pre.prettyprint.
-  app.run(function(editableOptions) {
+  app.run(['editableOptions', function(editableOptions) {
     editableOptions.theme = 'bs2';
-  });
+  }]);
 
 section#default
 h2 Default
@@ -68,13 +68,13 @@ h2 Default
   You can customize theme in `app.run` by overwriting properties:
 
 pre.prettyprint.
-  app.run(function(editableOptions, editableThemes) {
+  app.run(['editableOptions', 'editableThemes', function(editableOptions, editableThemes)
     // set `default` theme
     editableOptions.theme = 'default';
 
     // overwrite submit button template
     editableThemes['default'].submitTpl = '<button type="submit">ok</button>';
-  });
+  }]);
 
 :markdown
   Available properties of each theme you can see in source

docs/js/app.js

@@ -32,7 +32,7 @@ app.config(function($locationProvider) {
 });
 */
 
-app.run(function($rootScope, $httpBackend, editableOptions, editableThemes) {
+app.run(['editableOptions', '$httpBackend', 'editableOptions', 'editableThemes', function($rootScope, $httpBackend, editableOptions, editableThemes) {
   $rootScope.debug = {};
 
   editableOptions.theme = 'bs3';
@@ -111,7 +111,7 @@ app.run(function($rootScope, $httpBackend, editableOptions, editableThemes) {
 
   $httpBackend.whenGET(/\.(html|css|js)$/).passThrough();
 
-});
+}]);
 
 function isProd() {
   //return true;