## v0.3.2

* Now icons are setted as CSS classes.
* Fixed minification errors.
* Added gitignore, package.json and Gruntfile.

.gitignore

@@ -0,0 +1 @@
+/node_modules/

CHANGELOG.md

@@ -1,6 +1,11 @@
 CHANGELOG
 ================
 
+## v0.3.2
+* Now icons are setted as CSS classes.
+* Fixed minification errors.
+* Added gitignore, package.json and Gruntfile.
+
 ## v0.3.1
 * Added support for minification.
 * Added minified version.

Gruntfile.js

@@ -0,0 +1,35 @@
+module.exports = function(grunt) {
+	grunt.initConfig({
+		pkg: grunt.file.readJSON('package.json'),
+		release: {
+			options: {
+				//bump: false, //default: true
+				//file: 'component.json', //default: package.json
+				//add: false, //default: true
+				//commit: false, //default: true
+				//tag: false, //default: true
+				//push: false, //default: true
+				//pushTags: false, //default: true
+				//npmtag: true, //default: no tag
+				//folder: 'folder/to/publish/to/npm', //default project root
+				//commitMessage: 'check out my release <%= version %>', //default: 'release <%= version %>'
+				//tagMessage: 'tagging version <%= version %>', //default: 'Version <%= version %>',
+
+				file: 'bower.json', //default: package.json
+				npm: false, //default: true
+				tagName: 'v<%= version %>', //default: '<%= version %>'
+				github: {
+					repo: '2fdevs/bower-videogular-overlay-play', //put your user/repo here
+					usernameVar: 'GITHUB_USERNAME', //ENVIRONMENT VARIABLE that contains Github username
+					passwordVar: 'GITHUB_PASSWORD' //ENVIRONMENT VARIABLE that contains Github password
+				}
+			}
+		},
+	});
+
+	grunt.loadNpmTasks('grunt-release');
+
+	grunt.registerTask('major', ['release:major']);
+	grunt.registerTask('minor', ['release:minor']);
+	grunt.registerTask('patch', ['release:patch']);
+};

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "videogular-overlay-play",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "main": "./overlay-play.js",
   "dependencies": {
     "videogular": "latest"

overlay-play.js

@@ -9,44 +9,41 @@ angular.module("com.2fdevs.videogular.plugins.overlayplay", [])
 				scope: {
 					vgPlayIcon: "="
 				},
-				controller: function ($scope){
-					$scope.playIcon = $.parseHTML($scope.vgPlayIcon)[0].data;
-					$scope.currentIcon = $scope.playIcon;
-				},
-				template: "<div class='overlayPlayContainer'>"+
-                    "<div class='iconButton'>{{currentIcon}}</div>"+
-                  "</div>"
-        ,
+				template:
+					"<div class='overlayPlayContainer'>"+
+						"<div class='iconButton' ng-class='overlayPlayIcon'></div>"+
+					"</div>",
 				link: function(scope, elem, attr, API) {
 					function onComplete(target, params) {
-						scope.currentIcon = scope.playIcon;
+						scope.overlayPlayIcon = scope.playIcon;
 					}
 
 					function onClickOverlayPlay(event) {
 						API.playPause();
 					}
 
 					function onPlay(target, params) {
-						scope.currentIcon = "";
+						scope.overlayPlayIcon = {};
 					}
 
 					function onChangeState(target, params) {
 						switch (params[0]) {
 							case VG_STATES.PLAY:
-								scope.currentIcon = "";
+								scope.overlayPlayIcon = {};
 								break;
 
 							case VG_STATES.PAUSE:
-								scope.currentIcon = scope.playIcon;
+								scope.overlayPlayIcon = {play: true};
 								break;
 
 							case VG_STATES.STOP:
-								scope.currentIcon = scope.playIcon;
+								scope.overlayPlayIcon = {play: true};
 								break;
 						}
 					}
 
 					elem.bind("click", onClickOverlayPlay);
+					scope.overlayPlayIcon = {play: true};
 
 					API.$on(VG_EVENTS.ON_PLAY, onPlay);
 					API.$on(VG_EVENTS.ON_SET_STATE, onChangeState);

package.json

@@ -0,0 +1,15 @@
+{
+	"name": "videogular",
+	"version": "0.3.0",
+	"dependencies": {},
+	"devDependencies": {
+		"grunt": "~0.4.1",
+		"grunt-release": "~0.7.0"
+	},
+	"engines": {
+		"node": ">=0.8.0"
+	},
+	"scripts": {
+		"test": "grunt test"
+	}
+}