add loader to icon picker

This commit is contained in:
Mads Rasmussen
2015-08-28 13:15:28 +02:00
parent 17830bce38
commit 8237282a6d
2 changed files with 9 additions and 6 deletions

View File

@@ -8,10 +8,13 @@
*/
function iconPickerController($scope, iconHelper) {
iconHelper.getIcons().then(function(icons){
$scope.icons = icons;
});
$scope.loading = true;
iconHelper.getIcons().then(function(icons) {
$scope.icons = icons;
$scope.loading = false;
});
}
angular.module("umbraco").controller("Umbraco.Editors.DocumentType.IconPickerController", iconPickerController);
angular.module("umbraco").controller("Umbraco.Editors.DocumentType.IconPickerController", iconPickerController);

View File

@@ -23,9 +23,9 @@
</select>
</div>
<div class="umb-loader" ng-hide="icons"></div>
<umb-load-indicator ng-if="loading"></umb-load-indicator>
<div class="umb-control-group">
<div class="umb-control-group" ng-show="!loading">
<ul class="umb-thumbnails thumbnails" ng-class="color">
<li class="span1" ng-repeat="icon in icons|filter: searchTerm">
<a href="#" title="{{icon}}" class="thumbnail" ng-click="model.pickIcon(icon, color)" prevent-default>