provided a global configuration value

Author: tameraydin

demo/index.html

@@ -9,7 +9,7 @@
   <link rel="stylesheet" href="../dist/ng-inline-edit.css">
 
   <script src="../bower_components/angular/angular.js"></script>
-  <script src="../src/scripts/constants.js"></script>
+  <script src="../src/scripts/providers.js"></script>
   <script src="../src/scripts/controllers.js"></script>
   <script src="../src/scripts/directives.js"></script>
   <script src="../src/scripts/module.js"></script>
@@ -24,7 +24,6 @@
       class="first-demo"
       inline-edit="demoModel"
       inline-edit-callback="demoChangeListener(newValue)"
-      inline-edit-btn-edit="Edit"
       inline-edit-btn-save="Save"
       inline-edit-on-blur="save"
       inline-edit-validation="demoValidator(newValue)"></span>

gulpfile.js

@@ -65,7 +65,7 @@ gulp.task('sass', function() {
 
 gulp.task('concat', function() {
   return gulp.src([
-      SOURCE.SCRIPTS + 'constants.js',
+      SOURCE.SCRIPTS + 'providers.js',
       SOURCE.SCRIPTS + 'controllers.js',
       SOURCE.SCRIPTS + 'directives.js',
       SOURCE.SCRIPTS + 'module.js'

src/scripts/constants.js

@@ -3,11 +3,11 @@
 
   angular
     .module('angularInlineEdit.directives', [
-      'angularInlineEdit.constants',
+      'angularInlineEdit.providers',
       'angularInlineEdit.controllers'
     ])
-    .directive('inlineEdit', ['$compile', 'InlineEditConstants',
-      function($compile, InlineEditConstants) {
+    .directive('inlineEdit', ['$compile', 'InlineEditConfig', 'InlineEditConstants',
+      function($compile, InlineEditConfig, InlineEditConstants) {
         return {
           restrict: 'A',
           controller: 'InlineEditController',
@@ -19,7 +19,8 @@
           link: function(scope, element, attrs) {
             scope.model = scope.$parent.$eval(attrs.inlineEdit);
 
-            var onBlurBehavior = attrs.inlineEditOnBlur;
+            var onBlurBehavior = attrs.hasOwnProperty('inlineEditOnBlur') ?
+              attrs.inlineEditOnBlur : InlineEditConfig.onBlur;
             if (onBlurBehavior === InlineEditConstants.CANCEL ||
                 onBlurBehavior === InlineEditConstants.SAVE) {
               scope.isOnBlurBehaviorValid = true;
@@ -44,37 +45,43 @@
             // text
             innerContainer.append(angular.element(
               '<span class="ng-inline-edit__text" ' +
-                (attrs.hasOwnProperty('inlineEditOnClick') ?
+                (attrs.hasOwnProperty('inlineEditOnClick') || InlineEditConfig.editOnClick ?
                   'ng-click="editText()" ' : '') +
                 'ng-if="!editMode">{{model}}</span>'));
 
             // edit button
-            if (attrs.inlineEditBtnEdit) {
+            var inlineEditBtnEdit = attrs.hasOwnProperty('inlineEditBtnEdit') ?
+              attrs.inlineEditBtnEdit : InlineEditConfig.btnEdit;
+            if (inlineEditBtnEdit) {
               innerContainer.append(angular.element(
                 '<a class="ng-inline-edit__button ng-inline-edit__button--edit" ' +
                   'ng-if="!editMode" ' +
                   'ng-click="editText()">' +
-                    attrs.inlineEditBtnEdit +
+                    inlineEditBtnEdit +
                 '</a>'));
             }
 
             // save button
-            if (attrs.inlineEditBtnSave) {
+            var inlineEditBtnSave = attrs.hasOwnProperty('inlineEditBtnSave') ?
+              attrs.inlineEditBtnSave : InlineEditConfig.btnSave;
+            if (inlineEditBtnSave) {
               innerContainer.append(angular.element(
                 '<a class="ng-inline-edit__button ng-inline-edit__button--save" ' +
                   'ng-if="editMode && !validating" ' +
                   'ng-click="applyText(false, false)">' +
-                    attrs.inlineEditBtnSave +
+                    inlineEditBtnSave +
                 '</a>'));
             }
 
             // cancel button
-            if (attrs.inlineEditBtnCancel) {
+            var inlineEditBtnCancel = attrs.hasOwnProperty('inlineEditBtnCancel') ?
+              attrs.inlineEditBtnCancel : InlineEditConfig.btnCancel;
+            if (inlineEditBtnCancel) {
               innerContainer.append(angular.element(
                 '<a class="ng-inline-edit__button ng-inline-edit__button--cancel" ' +
                   'ng-if="editMode && !validating" ' +
                   'ng-click="applyText(true, false)">' +
-                    attrs.inlineEditBtnCancel +
+                    inlineEditBtnCancel +
                 '</a>'));
             }
 

src/scripts/directives.js

@@ -3,7 +3,7 @@
 
   angular
     .module('angularInlineEdit', [
-      'angularInlineEdit.constants',
+      'angularInlineEdit.providers',
       'angularInlineEdit.controllers',
       'angularInlineEdit.directives'
     ]);

src/scripts/module.js

@@ -0,0 +1,18 @@
+(function(window, angular, undefined) {
+  'use strict';
+
+  angular
+    .module('angularInlineEdit.providers', [])
+    .value('InlineEditConfig', {
+      btnEdit: 'Edit',
+      btnSave: '',
+      btnCancel: '',
+      editOnClick: false,
+      onBlur: null
+    })
+    .constant('InlineEditConstants', {
+      CANCEL: 'cancel',
+      SAVE: 'save'
+    });
+
+})(window, window.angular);

src/scripts/providers.js

@@ -20,7 +20,7 @@ module.exports = function(config) {
     files: [
       'bower_components/angular/angular.js',
       'bower_components/angular-mocks/angular-mocks.js',
-      'src/scripts/constants.js',
+      'src/scripts/providers.js',
       'src/scripts/controllers.js',
       'src/scripts/directives.js',
       'src/scripts/module.js',