added attribute wid, id to set to walkthrough

Author: souly1

README.md

@@ -120,6 +120,7 @@ and use one of the two configurations:
 
 ## Directive Attributes
 
+- `wid` (optional) - The id to set to the walkthrough when open
 - `is-active` (mandatory) - Any walkthrough type. Bound element controls display the directive. Set 'true' to bound element in order to display.
 - `walkthrough-type` (mandatory) - Any walkthrough type. Specifies what type of walkthrough to display. Currently supported are 'transparency' and 'tip' types
 - `focus-element-selector` (optional) - Any walkthrough type. CSS selector of DOM element we want to give focus to, if value set to empty string "" all screen will be grayed out. Throws warning if multiple elements return as results and displays first as selected

ng-walkthrough.js

@@ -66,6 +66,7 @@ angular.module('ng-walkthrough', [])
                     walkthroughType: '@',
                     isActive: '=',
                     icon: '@',
+                    wid: '@?',
                     focusElementSelector: '@?',
                     mainCaption: '@?',
                     forceCaptionLocation: '@?',
@@ -449,6 +450,9 @@ angular.module('ng-walkthrough', [])
                         angular.element(document.body).append(template);
                         setWalkthroughElements();
                         var walkthroughElement = angular.element(document.querySelectorAll('.' + DOM_WALKTHROUGH_CLASS));
+                        if (scope.wid !== undefined && scope.wid !== null && scope.wid.length>0) {
+                            walkthroughElement.attr('id', scope.wid);
+                        }
                         $compile(walkthroughElement)(scope);
                     };
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-walkthrough",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "homepage": "https://github.com/souly1/ng-walkthrough",
   "authors": [
     "Ophir Stern <souly01@gmail.com>"