Support for customization of the component and bower file.

Author: victor-valencia

README.md

@@ -1,49 +1,70 @@
-##Bootstrap-Iconpicker v1.0.1
+# [Bootstrap-Iconpicker v1.4.0](http://victor-valencia.github.io/bootstrap-iconpicker)
 ![Iconpicker](bootstrap-iconpicker.png)
 
-A simple iconpicker.
-
-See live examples here: <a href="http://victor-valencia.github.io/bootstrap-iconpicker">http://victor-valencia.github.io/bootstrap-iconpicker</a>
+A simple iconpicker for Bootstrap 3.
 
 Please note that this project is for <a href="http://getbootstrap.com/"><strong>Bootstrap 3.2</strong></a>, including Glyphicons or <a href="http://fontawesome.io/"><strong>Font Awesome Icons</strong></a> .
 
-##1.- Configuration (Glyphicon):
-1.1.- Add the style file bootstrap-iconpicker.min.css
+## Table of contents
+- [Quick start](#quick-start)
+- [Documentation and live examples](#documentation-and-live-examples)
+- [Changelog](#changelog)
+- [Versioning](#versioning)
+- [Author](#author)
+- [Contributors](#contributors)
+- [License](#license)
 
-```
-<link rel="stylesheet" href="bootstrap-iconpicker/css/bootstrap-iconpicker.min.css"/>
-```
+## Quick start
 
-1.2.- Add the javascript file bootstrap-iconpicker.min.js
+Three quick start options are available:
 
-```
-<script type="text/javascript" src="bootstrap-iconpicker/js/bootstrap-iconpicker.min.js"></script>
-```
+- [Download the latest release](https://github.com/victor-valencia/bootstrap-iconpicker/archive/master.zip).
+- Clone the repo: `git clone https://github.com/victor-valencia/bootstrap-iconpicker.git`.
+- Install with [Bower](http://bower.io): `bower install bootstrap-iconpicker`.
 
-##2.- Configuration (Font Awesome 4.2.0):
-2.1.- Add the style file bootstrap-iconpicker.min.css and Font Awesome style file font-awesome.min.css
+### What's included
+Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:
 
 ```
-<link rel="stylesheet" href="bootstrap-iconpicker/css/bootstrap-iconpicker.min.css"/>
-<link rel="stylesheet" href="font-awesome-4.2.0/css/font-awesome.min.css"/>
+bootstrap-iconpicker/
+├── css/
+│   ├── bootstrap-iconpicker.css
+│   ├── bootstrap-iconpicker.min.css
+├── js/
+│   ├── font-awesome/
+│       ├── fa-icon-names-4.0.0.js
+│       ├── fa-icon-names-4.0.0.min.js
+│       ├── fa-icon-names-4.1.0.js
+│       ├── fa-icon-names-4.1.0.min.js
+│       ├── fa-icon-names-4.2.0.js
+│       ├── fa-icon-names-4.2.0.min.js
+│   ├── bootstrap-iconpicker.js
+│   └── bootstrap-iconpicker.min.js
 ```
 
-2.2.- Add the Font Awesome icon names file fa-icon-names-4.2.0.min.js and javascript file bootstrap-iconpicker.min.js
+We provide compiled CSS and JS (`bootstrap-iconpicker.*`), as well as compiled and minified CSS and JS (`bootstrap-iconpicker.min.*`).
 
-```
-<script type="text/javascript" src="bootstrap-iconpicker/js/font-awesome/fa-icon-names-4.2.0.min.js"></script>
-<script type="text/javascript" src="bootstrap-iconpicker/js/bootstrap-iconpicker.min.js"></script>
-```
+## Documentation and live examples
+See documentation and live examples here: <a href="http://victor-valencia.github.io/bootstrap-iconpicker">http://victor-valencia.github.io/bootstrap-iconpicker</a>
+
+## Changelog
+- v1.0.0 - Version initial. @[victor-valencia](https://github.com/victor-valencia)
+- v1.0.1 - Reducing the size of the source file. @[victor-valencia](https://github.com/victor-valencia)
+- v1.1.0 - Dispatch 'change' event when an iconpicker is changed. @[promatik](https://github.com/promatik)
+- v1.2.0 - Add the method 'setIcon'. @[victor-valencia](https://github.com/victor-valencia)
+- v1.2.1 - Add '.iconpicker-popover' class. @[jwhitfieldseed](https://github.com/jwhitfieldseed)
+- v1.3.0 - Support multiple versions of FontAwesome. @[victor-valencia](https://github.com/victor-valencia)
+- v1.3.1 - Bind body 'click' to solve issues for ajax loaded pages. @[crlcu](https://github.com/crlcu)
+- v1.4.0 - Support for customization of the component. @[victor-valencia](https://github.com/victor-valencia)
 
-##Changelog
-- v1.0.0 - Version initial.
-- v1.0.1 - Is added to support multiple versions of FontAwesome
+## Versioning
+For transparency into our release cycle and in striving to maintain backward compatibility, Bootstrap is maintained under [the Semantic Versioning guidelines](http://semver.org/). Sometimes we screw up, but we'll adhere to those rules whenever possible.
 
-##Author
+## Author
 @[victor-valencia](https://github.com/victor-valencia)
 
-##Contributors
-@[victor-valencia](https://github.com/victor-valencia), @[promatik](https://github.com/promatik), @[jwhitfieldseed](https://github.com/jwhitfieldseed)
+## Contributors
+@[victor-valencia](https://github.com/victor-valencia), @[promatik](https://github.com/promatik), @[jwhitfieldseed](https://github.com/jwhitfieldseed), @[crlcu](https://github.com/crlcu)
 
-##License
-Licensed under The MIT License.
+## License
+Licensed under [the MIT license](LICENSE).

bootstrap-iconpicker/css/bootstrap-iconpicker.css

@@ -1,7 +1,7 @@
 /*!
- * Bootstrap-iconpicker v1.0.1
+ * Bootstrap-iconpicker v1.4.0
  *
- * Copyright 2014 Victor Valencia Rico.
+ * Copyright 2013-2014 Victor Valencia Rico.
  * Licensed under the Apache License v2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  *

bootstrap-iconpicker/css/bootstrap-iconpicker.min.css

@@ -1,7 +1,7 @@
 /*!
- * Bootstrap-iconpicker v1.0.1
+ * Bootstrap-iconpicker v1.4.0
  *
- * Copyright 2014 Victor Valencia Rico.
+ * Copyright 2013-2014 Victor Valencia Rico.
  * Licensed under the Apache License v2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  *

bootstrap-iconpicker/js/bootstrap-iconpicker.js

@@ -1,8 +1,8 @@
 /* ========================================================================
- * Bootstrap: bootstrap-iconpicker.js v1.0.1 by @recktoner
+ * Bootstrap: bootstrap-iconpicker.js v1.4.0 by @recktoner
  * https://victor-valencia.github.com/bootstrap-iconpicker
  * ========================================================================
- * Copyright 2014 Victor Valencia Rico.
+ * Copyright 2013-2014 Victor Valencia Rico.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -240,14 +240,17 @@
         icon: '',
         rows: 4,
         cols: 4,
-        placement: 'right',
+        placement: 'bottom',
+        arrowClass: 'btn-primary',
+        selectedClass: 'btn-warning',        
+        unselectedClass: 'btn-default'
     };
 
     Iconpicker.prototype.createButtonBar = function(){
         var op = this.options;
         var tr = $('<tr></tr>');
         for(var i = 0; i < op.cols; i++){
-            var btn = $('<button class="btn btn-primary"><span class="glyphicon"></span></button>');
+            var btn = $('<button class="btn ' + op.arrowClass + '"><span class="glyphicon"></span></button>');
             var td = $('<td class="text-center"></td>');
             if(i == 0 || i == op.cols - 1){
                 btn.val((i==0) ? -1: 1);
@@ -300,7 +303,7 @@
             el.find('input').val(icon);
             el.find('i').attr('class', '').addClass(op.iconClass).addClass(icon);
             el.trigger({ type: "change", icon: icon });
-            op.table.find('button.btn-warning').removeClass('btn-warning');
+            op.table.find('button.' + op.selectedClass).removeClass(op.selectedClass);
         }
     };
 
@@ -310,8 +313,8 @@
         if(icon != '' && op.selected >= 0){
             var page = Math.ceil( (op.selected + 1) / (op.cols * op.rows) );
             this.changeList(page);
-        }
-        op.table.find('.'+icon).parent().addClass('btn-warning');
+        }        
+        op.table.find('i.'+icon).parent().addClass(op.selectedClass);
     };
 
     Iconpicker.prototype.changeList = function(page){
@@ -323,10 +326,10 @@
             var tr = $('<tr></tr>');
             for(var j = 0; j < op.cols; j++){
                 var pos = offset + (i * op.cols) + j;
-                var btn = $('<button class="btn btn-default btn-icon"></button>').hide();
+                var btn = $('<button class="btn ' + op.unselectedClass + ' btn-icon"></button>').hide();
                 if(pos < op.icons.length){
                     var v = op.iconClassFix + op.icons[pos];
-                    btn = $('<button class="btn btn-default btn-icon" value="' + v + '" title="' + v + '"><i class="' + op.iconClass + ' ' + v + '"></i></button>');
+                    btn = $('<button class="btn ' + ( (op.icon == v) ? op.selectedClass : op.unselectedClass ) + ' btn-icon" value="' + v + '" title="' + v + '"><i class="' + op.iconClass + ' ' + v + '"></i></button>');
                 }
                 var td = $('<td></td>').append(btn);
                 tr.append(td);