From e47a18c3d92b3ec287be6749fd6e8195b73ce39c Mon Sep 17 00:00:00 2001 From: Justin Lau Date: Mon, 7 Apr 2014 16:00:43 +0800 Subject: [PATCH] Added disabled state to button style; bumped version to 0.1.3. --- bower.json | 2 +- dist/scripts/ui-iconpicker.js | 7 ++-- dist/scripts/ui-iconpicker.min.js | 4 +- dist/styles/ui-iconpicker.css | 10 ++++- dist/styles/ui-iconpicker.min.css | 4 +- package.json | 2 +- src/scripts/directives/ui-iconpicker.coffee | 2 + src/scripts/templates/iconpicker.coffee | 2 +- src/styles/ui-iconpicker.scss | 41 +++++++++++++-------- 9 files changed, 47 insertions(+), 27 deletions(-) diff --git a/bower.json b/bower.json index 77cbe71..1c6e53d 100644 --- a/bower.json +++ b/bower.json @@ -1,7 +1,7 @@ { "name": "ui-iconpicker", "description": "A Bootstrap 3 Icon Picker implemented in AngularJS", - "version": "0.1.2", + "version": "0.1.3", "keywords": [ "Bootstrap", "Font Awesome", diff --git a/dist/scripts/ui-iconpicker.js b/dist/scripts/ui-iconpicker.js index 9bd93f6..181cc15 100644 --- a/dist/scripts/ui-iconpicker.js +++ b/dist/scripts/ui-iconpicker.js @@ -1,7 +1,7 @@ /** * ui-iconpicker * - * @version v0.1.2 + * @version v0.1.3 * @author Justin Lau * @copyright Copyright (c) 2014 Justin Lau * @license The MIT License (MIT) @@ -123,7 +123,7 @@ module = angular.module("ui-iconpicker/templates/iconpicker", ["ui.bootstrap"]); return module.run([ "$templateCache", function($templateCache) { - return $templateCache.put("templates/iconpicker.html", "\n \n
    \n
  • \n \n
    • \n
\n \n"); + return $templateCache.put("templates/iconpicker.html", "\n \n
    \n
  • \n \n
    • \n
\n \n"); } ]); }); @@ -157,7 +157,8 @@ return $scope.iconClass = $scope.model; }); } - return $scope.$dropdownButton = $element.find("button").eq(0); + $scope.$dropdownButton = $element.find("button").eq(0); + return $scope.disabled = attrs.disabled != null; } }; } diff --git a/dist/scripts/ui-iconpicker.min.js b/dist/scripts/ui-iconpicker.min.js index 8074567..d8926ee 100644 --- a/dist/scripts/ui-iconpicker.min.js +++ b/dist/scripts/ui-iconpicker.min.js @@ -1,6 +1,6 @@ /* - ui-iconpicker v0.1.2 + ui-iconpicker v0.1.3 (c) 2014 Justin Lau http://justin-lau.github.io/ui-iconpicker/ License: MIT */ -(function(){define("values/icon-groups-map",["angular"],function(e){var o;return o=e.module("ui-iconpicker/values/icon-groups-map",[]),o.value("iconGroupsMap",{bootstrap:{prefix:"glyphicon glyphicon-",classes:["asterisk","plus","euro","minus","cloud","envelope","pencil","glass","music","search","heart","star","star-empty","user","film","th-large","th","th-list","ok","remove","zoom-in","zoom-out","off","signal","cog","trash","home","file","time","road","download-alt","download","upload","inbox","play-circle","repeat","refresh","list-alt","lock","flag","headphones","volume-off","volume-down","volume-up","qrcode","barcode","tag","tags","book","bookmark","print","camera","font","bold","italic","text-height","text-width","align-left","align-center","align-right","align-justify","list","indent-left","indent-right","facetime-video","picture","map-marker","adjust","tint","edit","share","check","move","step-backward","fast-backward","backward","play","pause","stop","forward","fast-forward","step-forward","eject","chevron-left","chevron-right","plus-sign","minus-sign","remove-sign","ok-sign","question-sign","info-sign","screenshot","remove-circle","ok-circle","ban-circle","arrow-left","arrow-right","arrow-up","arrow-down","share-alt","resize-full","resize-small","exclamation-sign","gift","leaf","fire","eye-open","eye-close","warning-sign","plane","calendar","random","comment","magnet","chevron-up","chevron-down","retweet","shopping-cart","folder-close","folder-open","resize-vertical","resize-horizontal","hdd","bullhorn","bell","certificate","thumbs-up","thumbs-down","hand-right","hand-left","hand-up","hand-down","circle-arrow-right","circle-arrow-left","circle-arrow-up","circle-arrow-down","globe","wrench","tasks","filter","briefcase","fullscreen","dashboard","paperclip","heart-empty","link","phone","pushpin","usd","gbp","sort","sort-by-alphabet","sort-by-alphabet-alt","sort-by-order","sort-by-order-alt","sort-by-attributes","sort-by-attributes-alt","unchecked","expand","collapse-down","collapse-up","log-in","flash","log-out","new-window","record","save","open","saved","import","export","send","floppy-disk","floppy-saved","floppy-remove","floppy-save","floppy-open","credit-card","transfer","cutlery","header","compressed","earphone","phone-alt","tower","stats","sd-video","hd-video","subtitles","sound-stereo","sound-dolby","sound-5-1","sound-6-1","sound-7-1","copyright-mark","registration-mark","cloud-download","cloud-upload","tree-conifer","tree-deciduous"]},"font-awesome":{prefix:"fa fa-lg fa-",classes:["glass","music","search","envelope-o","heart","star","star-o","user","film","th-large","th","th-list","check","times","search-plus","search-minus","power-off","signal","gear","cog","trash-o","home","file-o","clock-o","road","download","arrow-circle-o-down","arrow-circle-o-up","inbox","play-circle-o","rotate-right","repeat","refresh","list-alt","lock","flag","headphones","volume-off","volume-down","volume-up","qrcode","barcode","tag","tags","book","bookmark","print","camera","font","bold","italic","text-height","text-width","align-left","align-center","align-right","align-justify","list","dedent","outdent","indent","video-camera","picture-o","pencil","map-marker","adjust","tint","edit","pencil-square-o","share-square-o","check-square-o","arrows","step-backward","fast-backward","backward","play","pause","stop","forward","fast-forward","step-forward","eject","chevron-left","chevron-right","plus-circle","minus-circle","times-circle","check-circle","question-circle","info-circle","crosshairs","times-circle-o","check-circle-o","ban","arrow-left","arrow-right","arrow-up","arrow-down","mail-forward","share","expand","compress","plus","minus","asterisk","exclamation-circle","gift","leaf","fire","eye","eye-slash","warning","exclamation-triangle","plane","calendar","random","comment","magnet","chevron-up","chevron-down","retweet","shopping-cart","folder","folder-open","arrows-v","arrows-h","bar-chart-o","twitter-square","facebook-square","camera-retro","key","gears","cogs","comments","thumbs-o-up","thumbs-o-down","star-half","heart-o","sign-out","linkedin-square","thumb-tack","external-link","sign-in","trophy","github-square","upload","lemon-o","phone","square-o","bookmark-o","phone-square","twitter","facebook","github","unlock","credit-card","rss","hdd-o","bullhorn","bell","certificate","hand-o-right","hand-o-left","hand-o-up","hand-o-down","arrow-circle-left","arrow-circle-right","arrow-circle-up","arrow-circle-down","globe","wrench","tasks","filter","briefcase","arrows-alt","group","users","chain","link","cloud","flask","cut","scissors","copy","files-o","paperclip","save","floppy-o","square","bars","list-ul","list-ol","strikethrough","underline","table","magic","truck","pinterest","pinterest-square","google-plus-square","google-plus","money","caret-down","caret-up","caret-left","caret-right","columns","unsorted","sort","sort-down","sort-asc","sort-up","sort-desc","envelope","linkedin","rotate-left","undo","legal","gavel","dashboard","tachometer","comment-o","comments-o","flash","bolt","sitemap","umbrella","paste","clipboard","lightbulb-o","exchange","cloud-download","cloud-upload","user-md","stethoscope","suitcase","bell-o","coffee","cutlery","file-text-o","building-o","hospital-o","ambulance","medkit","fighter-jet","beer","h-square","plus-square","angle-double-left","angle-double-right","angle-double-up","angle-double-down","angle-left","angle-right","angle-up","angle-down","desktop","laptop","tablet","mobile-phone","mobile","circle-o","quote-left","quote-right","spinner","circle","mail-reply","reply","github-alt","folder-o","folder-open-o","smile-o","frown-o","meh-o","gamepad","keyboard-o","flag-o","flag-checkered","terminal","code","reply-all","mail-reply-all","star-half-empty","star-half-full","star-half-o","location-arrow","crop","code-fork","unlink","chain-broken","question","info","exclamation","superscript","subscript","eraser","puzzle-piece","microphone","microphone-slash","shield","calendar-o","fire-extinguisher","rocket","maxcdn","chevron-circle-left","chevron-circle-right","chevron-circle-up","chevron-circle-down","html5","css3","anchor","unlock-alt","bullseye","ellipsis-h","ellipsis-v","rss-square","play-circle","ticket","minus-square","minus-square-o","level-up","level-down","check-square","pencil-square","external-link-square","share-square","compass","toggle-down","caret-square-o-down","toggle-up","caret-square-o-up","toggle-right","caret-square-o-right","euro","eur","gbp","dollar","usd","rupee","inr","cny","rmb","yen","jpy","ruble","rouble","rub","won","krw","bitcoin","btc","file","file-text","sort-alpha-asc","sort-alpha-desc","sort-amount-asc","sort-amount-desc","sort-numeric-asc","sort-numeric-desc","thumbs-up","thumbs-down","youtube-square","youtube","xing","xing-square","youtube-play","dropbox","stack-overflow","instagram","flickr","adn","bitbucket","bitbucket-square","tumblr","tumblr-square","long-arrow-down","long-arrow-up","long-arrow-left","long-arrow-right","apple","windows","android","linux","dribbble","skype","foursquare","trello","female","male","gittip","sun-o","moon-o","archive","bug","vk","weibo","renren","pagelines","stack-exchange","arrow-circle-o-right","arrow-circle-o-left","toggle-left","caret-square-o-left","dot-circle-o","wheelchair","vimeo-square","turkish-lira","try","plus-square-o"]}})})}).call(this),function(){define("services/IconGroupCollection",["angular","values/icon-groups-map"],function(e){var o;return o=e.module("ui-iconpicker/services/IconGroupCollection",["ui-iconpicker/values/icon-groups-map"]),o.factory("IconGroupCollection",["iconGroupsMap",function(e){var o;return o=function(){function o(e){null==e&&(e="bootstrap"),this.iconGroupsMap={},this.includeGroups(e)}return o.prototype.filterByGroups=function(e){var o,r,a,t;if(null==e&&(e="bootstrap"),"all"!==e){a=e.split(" "),t=this.iconGroupsMap;for(r in t)o=t[r],-1!==a.indexOf(r)&&delete this.iconGroupsMap[r]}return this},o.prototype.includeGroups=function(o){var r,a,t;null==o&&(o="bootstrap"),t=o.split(" ");for(a in e)r=e[a],null==this.iconGroupsMap[a]&&("all"===o||-1!==t.indexOf(a))&&(this.iconGroupsMap[a]=r);return this},o.prototype.getClassArray=function(){var e,o,r,a,t,l,i,n;e=[],i=this.iconGroupsMap;for(a in i)for(o=i[a],n=o.classes,t=0,l=n.length;l>t;t++)r=n[t],e.push(o.prefix+r);return e},o}()}])})}.call(this),function(){define("templates/iconpicker",["angular","angular-bootstrap"],function(e){var o;return o=e.module("ui-iconpicker/templates/iconpicker",["ui.bootstrap"]),o.run(["$templateCache",function(e){return e.put("templates/iconpicker.html",'\n \n \n \n')}])})}.call(this),function(){define("directives/ui-iconpicker",["angular","services/IconGroupCollection","templates/iconpicker"],function(e){var o;return o=e.module("ui-iconpicker/directives/ui-iconpicker",["ui-iconpicker/services/IconGroupCollection","ui-iconpicker/templates/iconpicker"]),o.directive("uiIconpicker",["IconGroupCollection",function(e){return{replace:!0,restrict:"E",scope:{name:"@",model:"=?ngModel"},templateUrl:"templates/iconpicker.html",link:function(o,r,a){var t;return o.availableIconClasses=new e(a.groups).getClassArray(),o.iconClass=null!=(t=a.value)?t:o.availableIconClasses[0],a.ngModel&&(o.model=o[a.ngModel],o.$watch("iconClass",function(){return o.model=o.iconClass}),o.$watch("model",function(){return o.iconClass=o.model})),o.$dropdownButton=r.find("button").eq(0)}}}])})}.call(this),function(){define("ui-iconpicker",["angular","directives/ui-iconpicker"],function(e){return e.module("ui-iconpicker",["ui-iconpicker/directives/ui-iconpicker"])})}.call(this); \ No newline at end of file +(function(){define("values/icon-groups-map",["angular"],function(e){var o;return o=e.module("ui-iconpicker/values/icon-groups-map",[]),o.value("iconGroupsMap",{bootstrap:{prefix:"glyphicon glyphicon-",classes:["asterisk","plus","euro","minus","cloud","envelope","pencil","glass","music","search","heart","star","star-empty","user","film","th-large","th","th-list","ok","remove","zoom-in","zoom-out","off","signal","cog","trash","home","file","time","road","download-alt","download","upload","inbox","play-circle","repeat","refresh","list-alt","lock","flag","headphones","volume-off","volume-down","volume-up","qrcode","barcode","tag","tags","book","bookmark","print","camera","font","bold","italic","text-height","text-width","align-left","align-center","align-right","align-justify","list","indent-left","indent-right","facetime-video","picture","map-marker","adjust","tint","edit","share","check","move","step-backward","fast-backward","backward","play","pause","stop","forward","fast-forward","step-forward","eject","chevron-left","chevron-right","plus-sign","minus-sign","remove-sign","ok-sign","question-sign","info-sign","screenshot","remove-circle","ok-circle","ban-circle","arrow-left","arrow-right","arrow-up","arrow-down","share-alt","resize-full","resize-small","exclamation-sign","gift","leaf","fire","eye-open","eye-close","warning-sign","plane","calendar","random","comment","magnet","chevron-up","chevron-down","retweet","shopping-cart","folder-close","folder-open","resize-vertical","resize-horizontal","hdd","bullhorn","bell","certificate","thumbs-up","thumbs-down","hand-right","hand-left","hand-up","hand-down","circle-arrow-right","circle-arrow-left","circle-arrow-up","circle-arrow-down","globe","wrench","tasks","filter","briefcase","fullscreen","dashboard","paperclip","heart-empty","link","phone","pushpin","usd","gbp","sort","sort-by-alphabet","sort-by-alphabet-alt","sort-by-order","sort-by-order-alt","sort-by-attributes","sort-by-attributes-alt","unchecked","expand","collapse-down","collapse-up","log-in","flash","log-out","new-window","record","save","open","saved","import","export","send","floppy-disk","floppy-saved","floppy-remove","floppy-save","floppy-open","credit-card","transfer","cutlery","header","compressed","earphone","phone-alt","tower","stats","sd-video","hd-video","subtitles","sound-stereo","sound-dolby","sound-5-1","sound-6-1","sound-7-1","copyright-mark","registration-mark","cloud-download","cloud-upload","tree-conifer","tree-deciduous"]},"font-awesome":{prefix:"fa fa-lg fa-",classes:["glass","music","search","envelope-o","heart","star","star-o","user","film","th-large","th","th-list","check","times","search-plus","search-minus","power-off","signal","gear","cog","trash-o","home","file-o","clock-o","road","download","arrow-circle-o-down","arrow-circle-o-up","inbox","play-circle-o","rotate-right","repeat","refresh","list-alt","lock","flag","headphones","volume-off","volume-down","volume-up","qrcode","barcode","tag","tags","book","bookmark","print","camera","font","bold","italic","text-height","text-width","align-left","align-center","align-right","align-justify","list","dedent","outdent","indent","video-camera","picture-o","pencil","map-marker","adjust","tint","edit","pencil-square-o","share-square-o","check-square-o","arrows","step-backward","fast-backward","backward","play","pause","stop","forward","fast-forward","step-forward","eject","chevron-left","chevron-right","plus-circle","minus-circle","times-circle","check-circle","question-circle","info-circle","crosshairs","times-circle-o","check-circle-o","ban","arrow-left","arrow-right","arrow-up","arrow-down","mail-forward","share","expand","compress","plus","minus","asterisk","exclamation-circle","gift","leaf","fire","eye","eye-slash","warning","exclamation-triangle","plane","calendar","random","comment","magnet","chevron-up","chevron-down","retweet","shopping-cart","folder","folder-open","arrows-v","arrows-h","bar-chart-o","twitter-square","facebook-square","camera-retro","key","gears","cogs","comments","thumbs-o-up","thumbs-o-down","star-half","heart-o","sign-out","linkedin-square","thumb-tack","external-link","sign-in","trophy","github-square","upload","lemon-o","phone","square-o","bookmark-o","phone-square","twitter","facebook","github","unlock","credit-card","rss","hdd-o","bullhorn","bell","certificate","hand-o-right","hand-o-left","hand-o-up","hand-o-down","arrow-circle-left","arrow-circle-right","arrow-circle-up","arrow-circle-down","globe","wrench","tasks","filter","briefcase","arrows-alt","group","users","chain","link","cloud","flask","cut","scissors","copy","files-o","paperclip","save","floppy-o","square","bars","list-ul","list-ol","strikethrough","underline","table","magic","truck","pinterest","pinterest-square","google-plus-square","google-plus","money","caret-down","caret-up","caret-left","caret-right","columns","unsorted","sort","sort-down","sort-asc","sort-up","sort-desc","envelope","linkedin","rotate-left","undo","legal","gavel","dashboard","tachometer","comment-o","comments-o","flash","bolt","sitemap","umbrella","paste","clipboard","lightbulb-o","exchange","cloud-download","cloud-upload","user-md","stethoscope","suitcase","bell-o","coffee","cutlery","file-text-o","building-o","hospital-o","ambulance","medkit","fighter-jet","beer","h-square","plus-square","angle-double-left","angle-double-right","angle-double-up","angle-double-down","angle-left","angle-right","angle-up","angle-down","desktop","laptop","tablet","mobile-phone","mobile","circle-o","quote-left","quote-right","spinner","circle","mail-reply","reply","github-alt","folder-o","folder-open-o","smile-o","frown-o","meh-o","gamepad","keyboard-o","flag-o","flag-checkered","terminal","code","reply-all","mail-reply-all","star-half-empty","star-half-full","star-half-o","location-arrow","crop","code-fork","unlink","chain-broken","question","info","exclamation","superscript","subscript","eraser","puzzle-piece","microphone","microphone-slash","shield","calendar-o","fire-extinguisher","rocket","maxcdn","chevron-circle-left","chevron-circle-right","chevron-circle-up","chevron-circle-down","html5","css3","anchor","unlock-alt","bullseye","ellipsis-h","ellipsis-v","rss-square","play-circle","ticket","minus-square","minus-square-o","level-up","level-down","check-square","pencil-square","external-link-square","share-square","compass","toggle-down","caret-square-o-down","toggle-up","caret-square-o-up","toggle-right","caret-square-o-right","euro","eur","gbp","dollar","usd","rupee","inr","cny","rmb","yen","jpy","ruble","rouble","rub","won","krw","bitcoin","btc","file","file-text","sort-alpha-asc","sort-alpha-desc","sort-amount-asc","sort-amount-desc","sort-numeric-asc","sort-numeric-desc","thumbs-up","thumbs-down","youtube-square","youtube","xing","xing-square","youtube-play","dropbox","stack-overflow","instagram","flickr","adn","bitbucket","bitbucket-square","tumblr","tumblr-square","long-arrow-down","long-arrow-up","long-arrow-left","long-arrow-right","apple","windows","android","linux","dribbble","skype","foursquare","trello","female","male","gittip","sun-o","moon-o","archive","bug","vk","weibo","renren","pagelines","stack-exchange","arrow-circle-o-right","arrow-circle-o-left","toggle-left","caret-square-o-left","dot-circle-o","wheelchair","vimeo-square","turkish-lira","try","plus-square-o"]}})})}).call(this),function(){define("services/IconGroupCollection",["angular","values/icon-groups-map"],function(e){var o;return o=e.module("ui-iconpicker/services/IconGroupCollection",["ui-iconpicker/values/icon-groups-map"]),o.factory("IconGroupCollection",["iconGroupsMap",function(e){var o;return o=function(){function o(e){null==e&&(e="bootstrap"),this.iconGroupsMap={},this.includeGroups(e)}return o.prototype.filterByGroups=function(e){var o,r,a,t;if(null==e&&(e="bootstrap"),"all"!==e){a=e.split(" "),t=this.iconGroupsMap;for(r in t)o=t[r],-1!==a.indexOf(r)&&delete this.iconGroupsMap[r]}return this},o.prototype.includeGroups=function(o){var r,a,t;null==o&&(o="bootstrap"),t=o.split(" ");for(a in e)r=e[a],null==this.iconGroupsMap[a]&&("all"===o||-1!==t.indexOf(a))&&(this.iconGroupsMap[a]=r);return this},o.prototype.getClassArray=function(){var e,o,r,a,t,l,i,n;e=[],i=this.iconGroupsMap;for(a in i)for(o=i[a],n=o.classes,t=0,l=n.length;l>t;t++)r=n[t],e.push(o.prefix+r);return e},o}()}])})}.call(this),function(){define("templates/iconpicker",["angular","angular-bootstrap"],function(e){var o;return o=e.module("ui-iconpicker/templates/iconpicker",["ui.bootstrap"]),o.run(["$templateCache",function(e){return e.put("templates/iconpicker.html",'\n \n \n \n')}])})}.call(this),function(){define("directives/ui-iconpicker",["angular","services/IconGroupCollection","templates/iconpicker"],function(e){var o;return o=e.module("ui-iconpicker/directives/ui-iconpicker",["ui-iconpicker/services/IconGroupCollection","ui-iconpicker/templates/iconpicker"]),o.directive("uiIconpicker",["IconGroupCollection",function(e){return{replace:!0,restrict:"E",scope:{name:"@",model:"=?ngModel"},templateUrl:"templates/iconpicker.html",link:function(o,r,a){var t;return o.availableIconClasses=new e(a.groups).getClassArray(),o.iconClass=null!=(t=a.value)?t:o.availableIconClasses[0],a.ngModel&&(o.model=o[a.ngModel],o.$watch("iconClass",function(){return o.model=o.iconClass}),o.$watch("model",function(){return o.iconClass=o.model})),o.$dropdownButton=r.find("button").eq(0),o.disabled=null!=a.disabled}}}])})}.call(this),function(){define("ui-iconpicker",["angular","directives/ui-iconpicker"],function(e){return e.module("ui-iconpicker",["ui-iconpicker/directives/ui-iconpicker"])})}.call(this); \ No newline at end of file diff --git a/dist/styles/ui-iconpicker.css b/dist/styles/ui-iconpicker.css index 155c998..28f9d91 100644 --- a/dist/styles/ui-iconpicker.css +++ b/dist/styles/ui-iconpicker.css @@ -1,7 +1,7 @@ /** * ui-iconpicker * - * @version v0.1.2 + * @version v0.1.3 * @author Justin Lau * @copyright Copyright (c) 2014 Justin Lau * @license The MIT License (MIT) @@ -198,6 +198,14 @@ color: #d9534f; background-color: white; } +.ui-iconpicker.disabled > button, .ui-iconpicker[disabled] > button, fieldset[disabled] .ui-iconpicker > button { + cursor: not-allowed; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} .ui-iconpicker > button > i { padding-right: .5em; } diff --git a/dist/styles/ui-iconpicker.min.css b/dist/styles/ui-iconpicker.min.css index ef9343b..0ae71df 100644 --- a/dist/styles/ui-iconpicker.min.css +++ b/dist/styles/ui-iconpicker.min.css @@ -1,6 +1,6 @@ /* - ui-iconpicker v0.1.2 + ui-iconpicker v0.1.3 (c) 2014 Justin Lau http://justin-lau.github.io/ui-iconpicker/ License: MIT */ -.ui-iconpicker.brand-default>button{color:#333;background-color:#fff;border-color:#ccc}.open .ui-iconpicker.brand-default>button.dropdown-toggle,.ui-iconpicker.brand-default>button.active,.ui-iconpicker.brand-default>button:active,.ui-iconpicker.brand-default>button:focus,.ui-iconpicker.brand-default>button:hover{color:#333;background-color:#ebebeb;border-color:#adadad}.open .ui-iconpicker.brand-default>button.dropdown-toggle,.ui-iconpicker.brand-default>button.active,.ui-iconpicker.brand-default>button:active{background-image:none}.ui-iconpicker.brand-default>button.disabled,.ui-iconpicker.brand-default>button.disabled.active,.ui-iconpicker.brand-default>button.disabled:active,.ui-iconpicker.brand-default>button.disabled:focus,.ui-iconpicker.brand-default>button.disabled:hover,.ui-iconpicker.brand-default>button[disabled],.ui-iconpicker.brand-default>button[disabled].active,.ui-iconpicker.brand-default>button[disabled]:active,.ui-iconpicker.brand-default>button[disabled]:focus,.ui-iconpicker.brand-default>button[disabled]:hover,fieldset[disabled] .ui-iconpicker.brand-default>button,fieldset[disabled] .ui-iconpicker.brand-default>button.active,fieldset[disabled] .ui-iconpicker.brand-default>button:active,fieldset[disabled] .ui-iconpicker.brand-default>button:focus,fieldset[disabled] .ui-iconpicker.brand-default>button:hover{background-color:#fff;border-color:#ccc}.ui-iconpicker.brand-default>button .badge{color:#fff;background-color:#333}.ui-iconpicker.brand-primary>button{color:#fff;background-color:#428bca;border-color:#357ebd}.open .ui-iconpicker.brand-primary>button.dropdown-toggle,.ui-iconpicker.brand-primary>button.active,.ui-iconpicker.brand-primary>button:active,.ui-iconpicker.brand-primary>button:focus,.ui-iconpicker.brand-primary>button:hover{color:#fff;background-color:#3276b1;border-color:#285e8e}.open .ui-iconpicker.brand-primary>button.dropdown-toggle,.ui-iconpicker.brand-primary>button.active,.ui-iconpicker.brand-primary>button:active{background-image:none}.ui-iconpicker.brand-primary>button.disabled,.ui-iconpicker.brand-primary>button.disabled.active,.ui-iconpicker.brand-primary>button.disabled:active,.ui-iconpicker.brand-primary>button.disabled:focus,.ui-iconpicker.brand-primary>button.disabled:hover,.ui-iconpicker.brand-primary>button[disabled],.ui-iconpicker.brand-primary>button[disabled].active,.ui-iconpicker.brand-primary>button[disabled]:active,.ui-iconpicker.brand-primary>button[disabled]:focus,.ui-iconpicker.brand-primary>button[disabled]:hover,fieldset[disabled] .ui-iconpicker.brand-primary>button,fieldset[disabled] .ui-iconpicker.brand-primary>button.active,fieldset[disabled] .ui-iconpicker.brand-primary>button:active,fieldset[disabled] .ui-iconpicker.brand-primary>button:focus,fieldset[disabled] .ui-iconpicker.brand-primary>button:hover{background-color:#428bca;border-color:#357ebd}.ui-iconpicker.brand-primary>button .badge{color:#428bca;background-color:#fff}.ui-iconpicker.brand-success>button{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.open .ui-iconpicker.brand-success>button.dropdown-toggle,.ui-iconpicker.brand-success>button.active,.ui-iconpicker.brand-success>button:active,.ui-iconpicker.brand-success>button:focus,.ui-iconpicker.brand-success>button:hover{color:#fff;background-color:#47a447;border-color:#398439}.open .ui-iconpicker.brand-success>button.dropdown-toggle,.ui-iconpicker.brand-success>button.active,.ui-iconpicker.brand-success>button:active{background-image:none}.ui-iconpicker.brand-success>button.disabled,.ui-iconpicker.brand-success>button.disabled.active,.ui-iconpicker.brand-success>button.disabled:active,.ui-iconpicker.brand-success>button.disabled:focus,.ui-iconpicker.brand-success>button.disabled:hover,.ui-iconpicker.brand-success>button[disabled],.ui-iconpicker.brand-success>button[disabled].active,.ui-iconpicker.brand-success>button[disabled]:active,.ui-iconpicker.brand-success>button[disabled]:focus,.ui-iconpicker.brand-success>button[disabled]:hover,fieldset[disabled] .ui-iconpicker.brand-success>button,fieldset[disabled] .ui-iconpicker.brand-success>button.active,fieldset[disabled] .ui-iconpicker.brand-success>button:active,fieldset[disabled] .ui-iconpicker.brand-success>button:focus,fieldset[disabled] .ui-iconpicker.brand-success>button:hover{background-color:#5cb85c;border-color:#4cae4c}.ui-iconpicker.brand-success>button .badge{color:#5cb85c;background-color:#fff}.ui-iconpicker.brand-info>button{color:#fff;background-color:#5bc0de;border-color:#46b8da}.open .ui-iconpicker.brand-info>button.dropdown-toggle,.ui-iconpicker.brand-info>button.active,.ui-iconpicker.brand-info>button:active,.ui-iconpicker.brand-info>button:focus,.ui-iconpicker.brand-info>button:hover{color:#fff;background-color:#39b3d7;border-color:#269abc}.open .ui-iconpicker.brand-info>button.dropdown-toggle,.ui-iconpicker.brand-info>button.active,.ui-iconpicker.brand-info>button:active{background-image:none}.ui-iconpicker.brand-info>button.disabled,.ui-iconpicker.brand-info>button.disabled.active,.ui-iconpicker.brand-info>button.disabled:active,.ui-iconpicker.brand-info>button.disabled:focus,.ui-iconpicker.brand-info>button.disabled:hover,.ui-iconpicker.brand-info>button[disabled],.ui-iconpicker.brand-info>button[disabled].active,.ui-iconpicker.brand-info>button[disabled]:active,.ui-iconpicker.brand-info>button[disabled]:focus,.ui-iconpicker.brand-info>button[disabled]:hover,fieldset[disabled] .ui-iconpicker.brand-info>button,fieldset[disabled] .ui-iconpicker.brand-info>button.active,fieldset[disabled] .ui-iconpicker.brand-info>button:active,fieldset[disabled] .ui-iconpicker.brand-info>button:focus,fieldset[disabled] .ui-iconpicker.brand-info>button:hover{background-color:#5bc0de;border-color:#46b8da}.ui-iconpicker.brand-info>button .badge{color:#5bc0de;background-color:#fff}.ui-iconpicker.brand-warning>button{color:#fff;background-color:#f0ad4e;border-color:#eea236}.open .ui-iconpicker.brand-warning>button.dropdown-toggle,.ui-iconpicker.brand-warning>button.active,.ui-iconpicker.brand-warning>button:active,.ui-iconpicker.brand-warning>button:focus,.ui-iconpicker.brand-warning>button:hover{color:#fff;background-color:#ed9c28;border-color:#d58512}.open .ui-iconpicker.brand-warning>button.dropdown-toggle,.ui-iconpicker.brand-warning>button.active,.ui-iconpicker.brand-warning>button:active{background-image:none}.ui-iconpicker.brand-warning>button.disabled,.ui-iconpicker.brand-warning>button.disabled.active,.ui-iconpicker.brand-warning>button.disabled:active,.ui-iconpicker.brand-warning>button.disabled:focus,.ui-iconpicker.brand-warning>button.disabled:hover,.ui-iconpicker.brand-warning>button[disabled],.ui-iconpicker.brand-warning>button[disabled].active,.ui-iconpicker.brand-warning>button[disabled]:active,.ui-iconpicker.brand-warning>button[disabled]:focus,.ui-iconpicker.brand-warning>button[disabled]:hover,fieldset[disabled] .ui-iconpicker.brand-warning>button,fieldset[disabled] .ui-iconpicker.brand-warning>button.active,fieldset[disabled] .ui-iconpicker.brand-warning>button:active,fieldset[disabled] .ui-iconpicker.brand-warning>button:focus,fieldset[disabled] .ui-iconpicker.brand-warning>button:hover{background-color:#f0ad4e;border-color:#eea236}.ui-iconpicker.brand-warning>button .badge{color:#f0ad4e;background-color:#fff}.ui-iconpicker.brand-danger>button{color:#fff;background-color:#d9534f;border-color:#d43f3a}.open .ui-iconpicker.brand-danger>button.dropdown-toggle,.ui-iconpicker.brand-danger>button.active,.ui-iconpicker.brand-danger>button:active,.ui-iconpicker.brand-danger>button:focus,.ui-iconpicker.brand-danger>button:hover{color:#fff;background-color:#d2322d;border-color:#ac2925}.open .ui-iconpicker.brand-danger>button.dropdown-toggle,.ui-iconpicker.brand-danger>button.active,.ui-iconpicker.brand-danger>button:active{background-image:none}.ui-iconpicker.brand-danger>button.disabled,.ui-iconpicker.brand-danger>button.disabled.active,.ui-iconpicker.brand-danger>button.disabled:active,.ui-iconpicker.brand-danger>button.disabled:focus,.ui-iconpicker.brand-danger>button.disabled:hover,.ui-iconpicker.brand-danger>button[disabled],.ui-iconpicker.brand-danger>button[disabled].active,.ui-iconpicker.brand-danger>button[disabled]:active,.ui-iconpicker.brand-danger>button[disabled]:focus,.ui-iconpicker.brand-danger>button[disabled]:hover,fieldset[disabled] .ui-iconpicker.brand-danger>button,fieldset[disabled] .ui-iconpicker.brand-danger>button.active,fieldset[disabled] .ui-iconpicker.brand-danger>button:active,fieldset[disabled] .ui-iconpicker.brand-danger>button:focus,fieldset[disabled] .ui-iconpicker.brand-danger>button:hover{background-color:#d9534f;border-color:#d43f3a}.ui-iconpicker.brand-danger>button .badge{color:#d9534f;background-color:#fff}.ui-iconpicker>button>i{padding-right:.5em}.ui-iconpicker>ul.dropdown-menu{max-height:12.1em;overflow-y:scroll;padding:.5em;width:12.1em}@media (min-width:768px) and (max-width:991px){.ui-iconpicker>ul.dropdown-menu{max-height:15.1em;width:15.1em}}@media (min-width:992px) and (max-width:1199px){.ui-iconpicker>ul.dropdown-menu{max-height:23.1em;width:23.1em}}@media (min-width:1200px){.ui-iconpicker>ul.dropdown-menu{max-height:23.1em;width:34.1em}}.ui-iconpicker>ul.dropdown-menu::-webkit-scrollbar{width:.1em}.ui-iconpicker>ul.dropdown-menu>li{float:left}.ui-iconpicker>ul.dropdown-menu>li button{height:2.5em;margin:.1em;padding:0;width:2.5em} \ No newline at end of file +.ui-iconpicker.brand-default>button{color:#333;background-color:#fff;border-color:#ccc}.open .ui-iconpicker.brand-default>button.dropdown-toggle,.ui-iconpicker.brand-default>button.active,.ui-iconpicker.brand-default>button:active,.ui-iconpicker.brand-default>button:focus,.ui-iconpicker.brand-default>button:hover{color:#333;background-color:#ebebeb;border-color:#adadad}.open .ui-iconpicker.brand-default>button.dropdown-toggle,.ui-iconpicker.brand-default>button.active,.ui-iconpicker.brand-default>button:active{background-image:none}.ui-iconpicker.brand-default>button.disabled,.ui-iconpicker.brand-default>button.disabled.active,.ui-iconpicker.brand-default>button.disabled:active,.ui-iconpicker.brand-default>button.disabled:focus,.ui-iconpicker.brand-default>button.disabled:hover,.ui-iconpicker.brand-default>button[disabled],.ui-iconpicker.brand-default>button[disabled].active,.ui-iconpicker.brand-default>button[disabled]:active,.ui-iconpicker.brand-default>button[disabled]:focus,.ui-iconpicker.brand-default>button[disabled]:hover,fieldset[disabled] .ui-iconpicker.brand-default>button,fieldset[disabled] .ui-iconpicker.brand-default>button.active,fieldset[disabled] .ui-iconpicker.brand-default>button:active,fieldset[disabled] .ui-iconpicker.brand-default>button:focus,fieldset[disabled] .ui-iconpicker.brand-default>button:hover{background-color:#fff;border-color:#ccc}.ui-iconpicker.brand-default>button .badge{color:#fff;background-color:#333}.ui-iconpicker.brand-primary>button{color:#fff;background-color:#428bca;border-color:#357ebd}.open .ui-iconpicker.brand-primary>button.dropdown-toggle,.ui-iconpicker.brand-primary>button.active,.ui-iconpicker.brand-primary>button:active,.ui-iconpicker.brand-primary>button:focus,.ui-iconpicker.brand-primary>button:hover{color:#fff;background-color:#3276b1;border-color:#285e8e}.open .ui-iconpicker.brand-primary>button.dropdown-toggle,.ui-iconpicker.brand-primary>button.active,.ui-iconpicker.brand-primary>button:active{background-image:none}.ui-iconpicker.brand-primary>button.disabled,.ui-iconpicker.brand-primary>button.disabled.active,.ui-iconpicker.brand-primary>button.disabled:active,.ui-iconpicker.brand-primary>button.disabled:focus,.ui-iconpicker.brand-primary>button.disabled:hover,.ui-iconpicker.brand-primary>button[disabled],.ui-iconpicker.brand-primary>button[disabled].active,.ui-iconpicker.brand-primary>button[disabled]:active,.ui-iconpicker.brand-primary>button[disabled]:focus,.ui-iconpicker.brand-primary>button[disabled]:hover,fieldset[disabled] .ui-iconpicker.brand-primary>button,fieldset[disabled] .ui-iconpicker.brand-primary>button.active,fieldset[disabled] .ui-iconpicker.brand-primary>button:active,fieldset[disabled] .ui-iconpicker.brand-primary>button:focus,fieldset[disabled] .ui-iconpicker.brand-primary>button:hover{background-color:#428bca;border-color:#357ebd}.ui-iconpicker.brand-primary>button .badge{color:#428bca;background-color:#fff}.ui-iconpicker.brand-success>button{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.open .ui-iconpicker.brand-success>button.dropdown-toggle,.ui-iconpicker.brand-success>button.active,.ui-iconpicker.brand-success>button:active,.ui-iconpicker.brand-success>button:focus,.ui-iconpicker.brand-success>button:hover{color:#fff;background-color:#47a447;border-color:#398439}.open .ui-iconpicker.brand-success>button.dropdown-toggle,.ui-iconpicker.brand-success>button.active,.ui-iconpicker.brand-success>button:active{background-image:none}.ui-iconpicker.brand-success>button.disabled,.ui-iconpicker.brand-success>button.disabled.active,.ui-iconpicker.brand-success>button.disabled:active,.ui-iconpicker.brand-success>button.disabled:focus,.ui-iconpicker.brand-success>button.disabled:hover,.ui-iconpicker.brand-success>button[disabled],.ui-iconpicker.brand-success>button[disabled].active,.ui-iconpicker.brand-success>button[disabled]:active,.ui-iconpicker.brand-success>button[disabled]:focus,.ui-iconpicker.brand-success>button[disabled]:hover,fieldset[disabled] .ui-iconpicker.brand-success>button,fieldset[disabled] .ui-iconpicker.brand-success>button.active,fieldset[disabled] .ui-iconpicker.brand-success>button:active,fieldset[disabled] .ui-iconpicker.brand-success>button:focus,fieldset[disabled] .ui-iconpicker.brand-success>button:hover{background-color:#5cb85c;border-color:#4cae4c}.ui-iconpicker.brand-success>button .badge{color:#5cb85c;background-color:#fff}.ui-iconpicker.brand-info>button{color:#fff;background-color:#5bc0de;border-color:#46b8da}.open .ui-iconpicker.brand-info>button.dropdown-toggle,.ui-iconpicker.brand-info>button.active,.ui-iconpicker.brand-info>button:active,.ui-iconpicker.brand-info>button:focus,.ui-iconpicker.brand-info>button:hover{color:#fff;background-color:#39b3d7;border-color:#269abc}.open .ui-iconpicker.brand-info>button.dropdown-toggle,.ui-iconpicker.brand-info>button.active,.ui-iconpicker.brand-info>button:active{background-image:none}.ui-iconpicker.brand-info>button.disabled,.ui-iconpicker.brand-info>button.disabled.active,.ui-iconpicker.brand-info>button.disabled:active,.ui-iconpicker.brand-info>button.disabled:focus,.ui-iconpicker.brand-info>button.disabled:hover,.ui-iconpicker.brand-info>button[disabled],.ui-iconpicker.brand-info>button[disabled].active,.ui-iconpicker.brand-info>button[disabled]:active,.ui-iconpicker.brand-info>button[disabled]:focus,.ui-iconpicker.brand-info>button[disabled]:hover,fieldset[disabled] .ui-iconpicker.brand-info>button,fieldset[disabled] .ui-iconpicker.brand-info>button.active,fieldset[disabled] .ui-iconpicker.brand-info>button:active,fieldset[disabled] .ui-iconpicker.brand-info>button:focus,fieldset[disabled] .ui-iconpicker.brand-info>button:hover{background-color:#5bc0de;border-color:#46b8da}.ui-iconpicker.brand-info>button .badge{color:#5bc0de;background-color:#fff}.ui-iconpicker.brand-warning>button{color:#fff;background-color:#f0ad4e;border-color:#eea236}.open .ui-iconpicker.brand-warning>button.dropdown-toggle,.ui-iconpicker.brand-warning>button.active,.ui-iconpicker.brand-warning>button:active,.ui-iconpicker.brand-warning>button:focus,.ui-iconpicker.brand-warning>button:hover{color:#fff;background-color:#ed9c28;border-color:#d58512}.open .ui-iconpicker.brand-warning>button.dropdown-toggle,.ui-iconpicker.brand-warning>button.active,.ui-iconpicker.brand-warning>button:active{background-image:none}.ui-iconpicker.brand-warning>button.disabled,.ui-iconpicker.brand-warning>button.disabled.active,.ui-iconpicker.brand-warning>button.disabled:active,.ui-iconpicker.brand-warning>button.disabled:focus,.ui-iconpicker.brand-warning>button.disabled:hover,.ui-iconpicker.brand-warning>button[disabled],.ui-iconpicker.brand-warning>button[disabled].active,.ui-iconpicker.brand-warning>button[disabled]:active,.ui-iconpicker.brand-warning>button[disabled]:focus,.ui-iconpicker.brand-warning>button[disabled]:hover,fieldset[disabled] .ui-iconpicker.brand-warning>button,fieldset[disabled] .ui-iconpicker.brand-warning>button.active,fieldset[disabled] .ui-iconpicker.brand-warning>button:active,fieldset[disabled] .ui-iconpicker.brand-warning>button:focus,fieldset[disabled] .ui-iconpicker.brand-warning>button:hover{background-color:#f0ad4e;border-color:#eea236}.ui-iconpicker.brand-warning>button .badge{color:#f0ad4e;background-color:#fff}.ui-iconpicker.brand-danger>button{color:#fff;background-color:#d9534f;border-color:#d43f3a}.open .ui-iconpicker.brand-danger>button.dropdown-toggle,.ui-iconpicker.brand-danger>button.active,.ui-iconpicker.brand-danger>button:active,.ui-iconpicker.brand-danger>button:focus,.ui-iconpicker.brand-danger>button:hover{color:#fff;background-color:#d2322d;border-color:#ac2925}.open .ui-iconpicker.brand-danger>button.dropdown-toggle,.ui-iconpicker.brand-danger>button.active,.ui-iconpicker.brand-danger>button:active{background-image:none}.ui-iconpicker.brand-danger>button.disabled,.ui-iconpicker.brand-danger>button.disabled.active,.ui-iconpicker.brand-danger>button.disabled:active,.ui-iconpicker.brand-danger>button.disabled:focus,.ui-iconpicker.brand-danger>button.disabled:hover,.ui-iconpicker.brand-danger>button[disabled],.ui-iconpicker.brand-danger>button[disabled].active,.ui-iconpicker.brand-danger>button[disabled]:active,.ui-iconpicker.brand-danger>button[disabled]:focus,.ui-iconpicker.brand-danger>button[disabled]:hover,fieldset[disabled] .ui-iconpicker.brand-danger>button,fieldset[disabled] .ui-iconpicker.brand-danger>button.active,fieldset[disabled] .ui-iconpicker.brand-danger>button:active,fieldset[disabled] .ui-iconpicker.brand-danger>button:focus,fieldset[disabled] .ui-iconpicker.brand-danger>button:hover{background-color:#d9534f;border-color:#d43f3a}.ui-iconpicker.brand-danger>button .badge{color:#d9534f;background-color:#fff}.ui-iconpicker.disabled>button,.ui-iconpicker[disabled]>button,fieldset[disabled] .ui-iconpicker>button{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.ui-iconpicker>button>i{padding-right:.5em}.ui-iconpicker>ul.dropdown-menu{max-height:12.1em;overflow-y:scroll;padding:.5em;width:12.1em}@media (min-width:768px) and (max-width:991px){.ui-iconpicker>ul.dropdown-menu{max-height:15.1em;width:15.1em}}@media (min-width:992px) and (max-width:1199px){.ui-iconpicker>ul.dropdown-menu{max-height:23.1em;width:23.1em}}@media (min-width:1200px){.ui-iconpicker>ul.dropdown-menu{max-height:23.1em;width:34.1em}}.ui-iconpicker>ul.dropdown-menu::-webkit-scrollbar{width:.1em}.ui-iconpicker>ul.dropdown-menu>li{float:left}.ui-iconpicker>ul.dropdown-menu>li button{height:2.5em;margin:.1em;padding:0;width:2.5em} \ No newline at end of file diff --git a/package.json b/package.json index 56254f2..cbbfc61 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "ui-iconpicker", "description": "A Bootstrap 3 Icon Picker implemented in AngularJS", - "version": "0.1.2", + "version": "0.1.3", "keywords": [ "Bootstrap", "Font Awesome", diff --git a/src/scripts/directives/ui-iconpicker.coffee b/src/scripts/directives/ui-iconpicker.coffee index 0f58a62..0429e7e 100644 --- a/src/scripts/directives/ui-iconpicker.coffee +++ b/src/scripts/directives/ui-iconpicker.coffee @@ -55,4 +55,6 @@ define "directives/ui-iconpicker", [ $scope.iconClass = $scope.model; $scope.$dropdownButton = $element.find("button").eq(0); + + $scope.disabled = attrs.disabled?; ] \ No newline at end of file diff --git a/src/scripts/templates/iconpicker.coffee b/src/scripts/templates/iconpicker.coffee index aaa6bae..a0566cb 100644 --- a/src/scripts/templates/iconpicker.coffee +++ b/src/scripts/templates/iconpicker.coffee @@ -35,7 +35,7 @@ define "templates/iconpicker", [ ($templateCache) -> $templateCache.put "templates/iconpicker.html", """ - +