moved provider to its own file

Author: ghelton

CHANGELOG.md

@@ -4,7 +4,7 @@ Version numbers correspond to `bower.json` version
 
 ## Features
 
-Adding the `formlyProvider` which allows developers to set templateUrls for types. Also allows them to make custom types.
+Adding the `formlyTemplateProvider` which allows developers to set templateUrls for types. Also allows them to make custom types.
 
 ## Bug Fixes
 

Gruntfile.js

@@ -35,7 +35,7 @@ module.exports = function(grunt) {
 					{
 						expand: true,
 						cwd: '<%= formlyConfig.base %>/',
-						src: ['directives/formly*.*', 'modules/formly*.*', '!.jshintrc'],
+						src: ['directives/formly*.*', 'modules/formly*.*', 'providers/formly*.*', '!.jshintrc'],
 						dest: '.tmp/'
 					}
 				]
@@ -52,7 +52,7 @@ module.exports = function(grunt) {
 		concat: {
 			build: {
 				// specifing files so that they are added in this order
-				src: ['.tmp/modules/formly*.js', '.tmp/directives/formly*.js', '.tmp/formly*.js'],
+				src: ['.tmp/modules/formly*.js', '.tmp/directives/formly*.js', '.tmp/providers/formly*.js', '.tmp/formly*.js'],
 				dest: '.tmp/formly.js'
 			}
 		},

README.md

@@ -400,19 +400,19 @@ _Example password field_
 
 ### Global Config
 
-You can configure formly to use custom templates for specified types (your own "text" template) by injecting the `formlyProvider` in your app's `config` function. The `formlyProvider` has the following functions:
+You can configure formly to use custom templates for specified types (your own "text" template) by injecting the `formlyTemplateProvider` in your app's `config` function. The `formlyTemplateProvider` has the following functions:
 
 #### setTemplateUrl
 
 Allows you to set a template
 
 ```javascript
-formlyProvider.setTemplateUrl('radio', 'views/custom-formly-radio.html');
-formlyProvider.setTemplateUrl('checkbox', 'views/custom-formly-checkbox.html');
+formlyTemplateProvider.setTemplateUrl('radio', 'views/custom-formly-radio.html');
+formlyTemplateProvider.setTemplateUrl('checkbox', 'views/custom-formly-checkbox.html');
 
 // the same can be accomplished with
 
-formlyProvider.setTemplate({
+formlyTemplateProvider.setTemplate({
 	radio: 'views/custom-formly-radio.html',
 	checkbox: 'views/custom-formly-checkbox.html'
 });
@@ -423,8 +423,8 @@ formlyProvider.setTemplate({
 Allows you to get the template
 
 ```javascript
-formlyProvider.setTemplateUrl('foo', 'bar');
-formlyProvider.getTemplateUrl('foo') === 'bar'; // true
+formlyTemplateProvider.setTemplateUrl('radio', 'views/custom-formly-radio.html');
+formlyTemplateProvider.getTemplateUrl('radio') === 'views/custom-formly-radio.html'; // true
 ```
 
 ## Roadmap

src/app.js

@@ -8,7 +8,7 @@ var app = angular.module('app', ['ng',
 
 app.constant('usingCustomTypeTemplates', window.localStorage.getItem('useCustomTypeTemplates') === 'true');
 
-app.config(function($stateProvider, $urlRouterProvider, $locationProvider, formlyProvider, usingCustomTypeTemplates) {
+app.config(function($stateProvider, $urlRouterProvider, $locationProvider, formlyTemplateProvider, usingCustomTypeTemplates) {
 	$locationProvider.html5Mode(false);
 	$locationProvider.hashPrefix('!');
 
@@ -21,9 +21,9 @@ app.config(function($stateProvider, $urlRouterProvider, $locationProvider, forml
 		controller: 'home'
 	});
 	if (usingCustomTypeTemplates) {
-		formlyProvider.setTemplateUrl('text', 'views/custom-field-text.html');
+		formlyTemplateProvider.setTemplateUrl('text', 'views/custom-field-text.html');
 		// or
-		formlyProvider.setTemplateUrl({
+		formlyTemplateProvider.setTemplateUrl({
 			radio: 'views/custom-field-radio.html',
 			checkbox: 'views/custom-field-checkbox.html'
 		});

src/directives/formly-field.js

@@ -1,6 +1,6 @@
 'use strict';
 angular.module('formly.render')
-.directive('formlyField', function formlyField($http, $compile, $templateCache, formly) {
+.directive('formlyField', function formlyField($http, $compile, $templateCache, formlyTemplate) {
 	return {
 		restrict: 'AE',
 		transclude: true,
@@ -15,7 +15,7 @@ angular.module('formly.render')
 			if (template) {
 				setElementTemplate(template);
 			} else {
-				var templateUrl = $scope.options.templateUrl || formly.getTemplateUrl($scope.options.type);
+				var templateUrl = $scope.options.templateUrl || formlyTemplate.getTemplateUrl($scope.options.type);
 				if (templateUrl) {
 					$http.get(templateUrl, {
 						cache: $templateCache

src/index.html

@@ -40,5 +40,6 @@
 		<script src="modules/formly-render.js"></script>
 		<script src="directives/formly-form.js"></script>
 		<script src="directives/formly-field.js"></script>
+		<script src="providers/formly-template.js"></script>
 	</body>
 </html>

src/modules/formly-render.js

@@ -1,36 +1,2 @@
 // Render module for formly to display forms
-angular.module('formly.render', []).provider('formly', function() {
-
-	var templateMap = {
-		textarea: 'directives/formly-field-textarea.html',
-		radio: 'directives/formly-field-radio.html',
-		select: 'directives/formly-field-select.html',
-		number: 'directives/formly-field-number.html',
-		checkbox: 'directives/formly-field-checkbox.html',
-		password: 'directives/formly-field-password.html',
-		hidden: 'directives/formly-field-hidden.html',
-		email: 'directives/formly-field-email.html',
-		text: 'directives/formly-field-text.html'
-	};
-
-	function setTemplateUrl(name, templateUrl) {
-		if (typeof name === 'string') {
-			templateMap[name] = templateUrl;
-		} else {
-			angular.forEach(name, function(templateUrl, name) {
-				setTemplateUrl(name, templateUrl)
-			});
-		}
-	}
-
-	function getTemplateUrl(type) {
-		return templateMap[type];
-	};
-
-	this.setTemplateUrl = setTemplateUrl;
-	this.getTemplateUrl = getTemplateUrl;
-	this.$get = function formly() {
-		return this;
-	}
-	
-});
+angular.module('formly.render', []);

src/providers/formly-template.js

@@ -0,0 +1,37 @@
+'use strict';
+angular.module('formly.render')
+.provider('formlyTemplate', function() {
+
+	var templateMap = {
+		textarea: 'directives/formly-field-textarea.html',
+		radio: 'directives/formly-field-radio.html',
+		select: 'directives/formly-field-select.html',
+		number: 'directives/formly-field-number.html',
+		checkbox: 'directives/formly-field-checkbox.html',
+		password: 'directives/formly-field-password.html',
+		hidden: 'directives/formly-field-hidden.html',
+		email: 'directives/formly-field-email.html',
+		text: 'directives/formly-field-text.html'
+	};
+
+	function setTemplateUrl(name, templateUrl) {
+		if (typeof name === 'string') {
+			templateMap[name] = templateUrl;
+		} else {
+			angular.forEach(name, function(templateUrl, name) {
+				setTemplateUrl(name, templateUrl)
+			});
+		}
+	}
+
+	function getTemplateUrl(type) {
+		return templateMap[type];
+	};
+
+	this.setTemplateUrl = setTemplateUrl;
+	this.getTemplateUrl = getTemplateUrl;
+	this.$get = function formlyTemplate() {
+		return this;
+	}
+	
+});