yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mark icon as selected instead off using search for it.

Browse Source
This commit is contained in:
Marcel
2018-06-20 20:18:14 +02:00
parent 2af5cf97ef
commit 768e360853
3 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/Umbraco.Web.UI.Client/src/less/components/umb-iconpicker.less
View File

@@ -27,7 +27,8 @@
}
.umb-iconpicker-item a:hover,
.umb-iconpicker-item a:focus{
.umb-iconpicker-item a:focus,
.umb-iconpicker-item.-selected {
background: @gray-10;
outline: none;
}

13
src/Umbraco.Web.UI.Client/src/views/common/overlays/iconpicker/iconpicker.controller.js
View File

@@ -9,19 +9,19 @@
function IconPickerOverlay($scope, iconHelper, localizationService) {
$scope.loading = true;
$scope.model.hideSubmitButton = true;
$scope.model.hideSubmitButton = false;
if (!$scope.model.title) {
$scope.model.title = localizationService.localize("defaultdialogs_selectIcon");
}
};
if ($scope.model.color) {
$scope.color = $scope.model.color;
}
};
if ($scope.model.icon) {
$scope.searchTerm = $scope.model.icon;
}
$scope.icon = $scope.model.icon;
};
iconHelper.getIcons().then(function(icons) {
$scope.icons = icons;
@@ -34,6 +34,9 @@ function IconPickerOverlay($scope, iconHelper, localizationService) {
$scope.submitForm($scope.model);
};
$scope.changeColor = function (color) {
$scope.model.color = color;
};
}
angular.module("umbraco").controller("Umbraco.Overlays.IconPickerOverlay", IconPickerOverlay);

4
src/Umbraco.Web.UI.Client/src/views/common/overlays/iconpicker/iconpicker.html
View File

@@ -15,7 +15,7 @@
</div>
<div class="umb-control-group">
<select ng-model="color" class="input-block-level">
<select ng-model="color" ng-change="changeColor(color)" class="input-block-level">
<option value=""><localize key="colors_black">Black</localize></option>
<option value="color-blue-grey"><localize key="colors_bluegrey">Blue Grey</localize></option>
<option value="color-grey"><localize key="colors_grey">Grey</localize></option>
@@ -42,7 +42,7 @@
<div class="umb-control-group" ng-show="!loading && filtered.length > 0 ">
<ul class="umb-iconpicker" ng-class="color" ng-show="icons">
<li class="umb-iconpicker-item" ng-repeat="icon in filtered = (icons | filter: searchTerm) track by $id(icon)">
<li class="umb-iconpicker-item" ng-class="{'-selected': icon == model.icon}" ng-repeat="icon in filtered = (icons | filter: searchTerm) track by $id(icon)">
<a href="#" title="{{icon}}" ng-click="selectIcon(icon, color)" prevent-default>
<i class="{{icon}} large"></i>
</a>