feature: add config

lisposter · lisposter · commit 38b0904fa734 · 2014-05-15T11:25:31.000+08:00
diff --git a/README.md b/README.md
@@ -10,7 +10,56 @@ bower install angular-zeroclipboard
 
 or, you can download 'angular-zeroclipboard.js' form 'src' manualy
 
+## Setup
 
+#### sample
+
+```
+angular.module('demo', ['angular.zeroclipboard']).
+  config(['uiZeroclipConfigProvider', function(uiZeroclipConfigProvider) {
+
+    // config ZeroClipboard
+    uiZeroclipConfigProvider.setZcConf({
+      moviePath: '../bower_components/zeroclipboard/ZeroClipboard.swf'
+    });
+
+    // set directive options
+    uiZeroclipConfigProvider.setOptions({
+      buttonText: 'Copy Me!'
+    });
+
+  }]);
+```
+
+
+## Config
+
+* `uiZeroclipConfigProvider.setZcConf({})` Config the ZeroClipboard
+
+The params is an object. and just same as [ZeroClipboard official config](https://github.com/zeroclipboard/zeroclipboard/blob/1.x-master/docs/instructions.md)
+
+* `uiZeroclipConfigProvider.setOptions()` Config this directive Config
+
+```
+{
+    // set the button class
+    buttonClass: '',
+
+    // set button's Text
+    buttonText: 'Copy',
+
+    // set the callback function of the events which ZeroClipboard dispataches
+    load: null,
+    mouseover: null,
+    mouseout: null,
+    mousedown: null,
+    mouseup: null,
+    complete: null,
+    noflash: null,
+    wrongflash: null,
+    dataRequested: null
+}
+```
 
 ## LICENSE
 
@@ -20,4 +69,4 @@ Permission is hereby granted, free of charge, to any person obtaining a copy of
 
 The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/demo/demo.html b/demo/demo.html
@@ -4,13 +4,23 @@
   <meta charset="UTF-8">
   <title>Angular ZeroClipBoard</title>
   <script src="../bower_components/angular/angular.js"></script>
-  <script src="../bower_components/zeroclipboard/ZeroClipboard.js"></script>
+  <script src="../bower_components/zeroclipboard/ZeroClipboard.min.js"></script>
   <script src="../src/angular-zeroclipboard.js"></script>
   <script>
   angular.module('demo', ['angular.zeroclipboard']).
-  config(['uiZeroclipConfigProvider', function(uiZeroclip) {
+  config(['uiZeroclipConfigProvider', function(uiZeroclipConfigProvider) {
 
-  }])
+    // config ZeroClipboard
+    uiZeroclipConfigProvider.setZcConf({
+      moviePath: '../bower_components/zeroclipboard/ZeroClipboard.swf'
+    });
+
+    // set directive options
+    uiZeroclipConfigProvider.setOptions({
+      buttonText: 'Copy Me!'
+    });
+
+  }]);
   </script>
 </head>
 <body>
diff --git a/src/angular-zeroclipboard.js b/src/angular-zeroclipboard.js
@@ -1,7 +1,9 @@
 angular.module('angular.zeroclipboard', []).provider('uiZeroclipConfig', function() {
-    this.zeroclipConfig = {
+
+    // default configs
+    var _zeroclipConfig = {
         buttonClass: '',
-        moviePath: "../bower_components/zeroclipboard/ZeroClipboard.swf",
+        moviePath: "ZeroClipboard.swf",
         trustedDomains: [window.location.host],
         cacheBust: true,
         forceHandCursor: false,
@@ -13,7 +15,7 @@ angular.module('angular.zeroclipboard', []).provider('uiZeroclipConfig', functio
         hoverClass: "zeroclipboard-is-hover",
         activeClass: "zeroclipboard-is-active"
     };
-    this.options = {
+    var _options = {
         buttonClass: '',
         buttonText: 'Copy',
         load: null,
@@ -26,11 +28,20 @@ angular.module('angular.zeroclipboard', []).provider('uiZeroclipConfig', functio
         wrongflash: null,
         dataRequested: null
     };
+
+    this.setZcConf = function(zcConf) {
+        angular.extend(_zeroclipConfig, zcConf);
+    };
+
+    this.setOptions = function(options) {
+        angular.extend(_options, options);
+    };
+
     this.$get = ['$rootScope',
         function($rootScope) {
             return {
-                zeroclipConfig: this.zeroclipConfig,
-                options: this.options
+                zeroclipConfig: _zeroclipConfig,
+                options: _options
             }
         }
     ];
@@ -56,6 +67,7 @@ directive('uiZeroclip', ['$document', '$window', 'uiZeroclipConfig',
                     var btn = document.createElement('button');
                     btn.appendChild(document.createTextNode(options.buttonText));
                     btn.setAttribute('data-clipboard-target', 'uiZeroclip' + _id);
+                    btn.setAttribute('class', options.buttonClass);
                     _id++;
                     insertAfter(btn, elm[0]);
                     copyBtns.push(btn);
