diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/users/umbuserrolepreview.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/users/umbusergrouppreview.directive.js similarity index 71% rename from src/Umbraco.Web.UI.Client/src/common/directives/components/users/umbuserrolepreview.directive.js rename to src/Umbraco.Web.UI.Client/src/common/directives/components/users/umbusergrouppreview.directive.js index c2513e8aae..4fe2c5f71d 100644 --- a/src/Umbraco.Web.UI.Client/src/common/directives/components/users/umbuserrolepreview.directive.js +++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/users/umbusergrouppreview.directive.js @@ -1,7 +1,7 @@ (function () { 'use strict'; - function UserRolePreviewDirective() { + function UserGroupPreviewDirective() { function link(scope, el, attr, ctrl) { @@ -10,7 +10,7 @@ var directive = { restrict: 'E', replace: true, - templateUrl: 'views/components/users/umb-user-role-preview.html', + templateUrl: 'views/components/users/umb-user-group-preview.html', scope: { icon: "=?", name: "=", @@ -28,6 +28,6 @@ } - angular.module('umbraco.directives').directive('umbUserRolePreview', UserRolePreviewDirective); + angular.module('umbraco.directives').directive('umbUserGroupPreview', UserGroupPreviewDirective); })(); \ No newline at end of file diff --git a/src/Umbraco.Web.UI.Client/src/less/belle.less b/src/Umbraco.Web.UI.Client/src/less/belle.less index 887b9e7816..c8983d2480 100644 --- a/src/Umbraco.Web.UI.Client/src/less/belle.less +++ b/src/Umbraco.Web.UI.Client/src/less/belle.less @@ -133,8 +133,8 @@ @import "components/umb-mini-editor.less"; @import "components/users/umb-users.less"; -@import "components/users/umb-user-role-picker-list.less"; -@import "components/users/umb-user-role-preview.less"; +@import "components/users/umb-user-group-picker-list.less"; +@import "components/users/umb-user-group-preview.less"; // Utilities @import "utilities/_flexbox.less"; diff --git a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-role-picker-list.less b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-group-picker-list.less similarity index 56% rename from src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-role-picker-list.less rename to src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-group-picker-list.less index 5119b5d536..dff78ce627 100644 --- a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-role-picker-list.less +++ b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-group-picker-list.less @@ -1,38 +1,38 @@ -.umb-user-role-picker-list { +.umb-user-group-picker-list { display: flex; flex-direction: column; } -.umb-user-role-picker-list-item { +.umb-user-group-picker-list-item { display: flex; margin-bottom: 5px; padding: 10px; } -.umb-user-role-picker-list-item:active, -.umb-user-role-picker-list-item:focus { +.umb-user-group-picker-list-item:active, +.umb-user-group-picker-list-item:focus { text-decoration: none; } -.umb-user-role-picker-list-item:hover { +.umb-user-group-picker-list-item:hover { background-color: @gray-10; text-decoration: none; } -.umb-user-role-picker-list-item__icon { +.umb-user-group-picker-list-item__icon { font-size: 20px; line-height: 20px; min-width: 20px; margin-right: 15px; } -.umb-user-role-picker-list-item__name { +.umb-user-group-picker-list-item__name { font-size: 15px; margin-bottom: 3px; font-weight: bold; } -.umb-user-role-picker-list-item__permission { +.umb-user-group-picker-list-item__permission { font-size: 13px; color: @gray-4; } \ No newline at end of file diff --git a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-role-preview.less b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-group-preview.less similarity index 69% rename from src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-role-preview.less rename to src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-group-preview.less index a772a8ff28..c56f8238bb 100644 --- a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-role-preview.less +++ b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-user-group-preview.less @@ -1,4 +1,4 @@ -.umb-user-role-preview { +.umb-user-group-preview { padding-top: 10px; padding-bottom: 10px; display: flex; @@ -6,12 +6,12 @@ border-bottom: 1px solid @gray-9; } -.umb-user-role-preview:last-of-type { +.umb-user-group-preview:last-of-type { border-bottom: none; margin-bottom: 5px; } -.umb-user-role-preview__icon { +.umb-user-group-preview__icon { display: flex; width: 25px; height: 25px; @@ -22,11 +22,11 @@ flex: 0 0 auto; } -.umb-user-role-preview__content { +.umb-user-group-preview__content { flex: 1 1 auto; } -.umb-user-role-preview__name { +.umb-user-group-preview__name { font-size: 15px; font-weight: bold; color: @black; @@ -34,18 +34,18 @@ margin-top: 2px; } -.umb-user-role-preview__permission { +.umb-user-group-preview__permission { font-size: 13px; color: @gray-3; } -.umb-user-role-preview__actions { +.umb-user-group-preview__actions { flex: 0 0 auto; display: flex; align-items: center; } -.umb-user-role-preview__action { +.umb-user-group-preview__action { margin-left: 5px; margin-right: 5px; font-size: 13px; @@ -53,12 +53,12 @@ color: @gray-5; } -.umb-user-role-preview__action:hover { +.umb-user-group-preview__action:hover { color: @turquoise; text-decoration: none; opacity: 1; } -.umb-user-role-preview__action--red:hover { +.umb-user-group-preview__action--red:hover { color: @red; } \ No newline at end of file diff --git a/src/Umbraco.Web.UI.Client/src/views/common/overlays/userrolepicker/userrolepicker.controller.js b/src/Umbraco.Web.UI.Client/src/views/common/overlays/usergrouppicker/usergrouppicker.controller.js similarity index 55% rename from src/Umbraco.Web.UI.Client/src/views/common/overlays/userrolepicker/userrolepicker.controller.js rename to src/Umbraco.Web.UI.Client/src/views/common/overlays/usergrouppicker/usergrouppicker.controller.js index bace5a16f5..4f6f6feb24 100644 --- a/src/Umbraco.Web.UI.Client/src/views/common/overlays/userrolepicker/userrolepicker.controller.js +++ b/src/Umbraco.Web.UI.Client/src/views/common/overlays/usergrouppicker/usergrouppicker.controller.js @@ -1,14 +1,14 @@ (function () { "use strict"; - function UserRolePickerController($scope, usersResource) { + function UserGroupPickerController($scope, usersResource) { var vm = this; - vm.userRoles = []; + vm.userGroups = []; vm.loading = false; - vm.selectUserRole = selectUserRole; + vm.selectUserGroup = selectUserGroup; ////////// @@ -22,8 +22,8 @@ } // get venues - usersResource.getUserGroups().then(function(userRoles){ - vm.userRoles = userRoles; + usersResource.getUserGroups().then(function(userGroups){ + vm.userGroups = userGroups; if($scope.model.selection && $scope.model.selection.length > 0) { preSelect($scope.model.selection); @@ -39,27 +39,27 @@ angular.forEach(selection, function(selected){ - angular.forEach(vm.userRoles, function(userRole){ - if(selected.id === userRole.id) { - userRole.selected = true; + angular.forEach(vm.userGroups, function(userGroup){ + if(selected.id === userGroup.id) { + userGroup.selected = true; } }); }); } - function selectUserRole(userRole) { + function selectUserGroup(userGroup) { - if(!userRole.selected) { + if(!userGroup.selected) { - userRole.selected = true; - $scope.model.selection.push(userRole); + userGroup.selected = true; + $scope.model.selection.push(userGroup); } else { - angular.forEach($scope.model.selection, function(selectedUserRole, index){ - if(selectedUserRole.id === userRole.id) { - userRole.selected = false; + angular.forEach($scope.model.selection, function(selectedUserGroup, index){ + if(selectedUserGroup.id === userGroup.id) { + userGroup.selected = false; $scope.model.selection.splice(index, 1); } }); @@ -72,6 +72,6 @@ } - angular.module("umbraco").controller("Umbraco.Overlays.UserRolePickerController", UserRolePickerController); + angular.module("umbraco").controller("Umbraco.Overlays.UserGroupPickerController", UserGroupPickerController); })(); diff --git a/src/Umbraco.Web.UI.Client/src/views/common/overlays/usergrouppicker/usergrouppicker.html b/src/Umbraco.Web.UI.Client/src/views/common/overlays/usergrouppicker/usergrouppicker.html new file mode 100644 index 0000000000..9f239a11f0 --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/views/common/overlays/usergrouppicker/usergrouppicker.html @@ -0,0 +1,67 @@ +