add icon picker dialog

This commit is contained in:
perploug
2013-09-02 15:34:48 +02:00
parent 2a0878a071
commit 26da26fe8d
2 changed files with 37 additions and 0 deletions

View File

@@ -0,0 +1,6 @@
//used for the media picker dialog
angular.module("umbraco")
.controller("Umbraco.Dialogs.IconPickerController",
function ($scope, iconHelper) {
$scope.icons = iconHelper.getIcons("");
});

View File

@@ -0,0 +1,31 @@
<div class="umb-panel" ng-controller="Umbraco.Dialogs.IconPickerController">
<div class="umb-panel-header">
<div class="umb-el-wrap umb-panel-buttons">
<div class="span6">
<div class="form-search">
<i class="icon-search"></i>
<input type="text"
ng-model="searchTerm"
class="umb-search-field search-query"
placeholder="Filter...">
</div>
</div>
</div>
</div>
<div class="umb-panel-body umb-scrollable" auto-scale="0">
<div class="umb-control-group">
<ul class="thumbnails">
<li class="span1" ng-repeat="icon in icons|filter: searchTerm">
<a href="#" title="{{icon}}" class="thumbnail" ng-click="submit(icon)" prevent-default>
<i class="{{icon}}" style="font-size: 32px"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</form>