fixes: U4-10202 Make it more obvious when no content or media start nodes are selected the user has access to the root node.

This commit is contained in:
Mads Rasmussen
2017-07-27 14:55:23 +02:00
parent da9fd1a9e8
commit ef20deb9cb
9 changed files with 82 additions and 54 deletions

View File

@@ -8,6 +8,7 @@
.umb-node-preview:last-of-type {
border-bottom: none;
margin-bottom: 7px;
}
.umb-node-preview--sortable {

View File

@@ -8,7 +8,7 @@
.umb-user-group-preview:last-of-type {
border-bottom: none;
margin-bottom: 5px;
margin-bottom: 10px;
}
.umb-user-group-preview__icon {
@@ -29,7 +29,6 @@
.umb-user-group-preview__name {
font-size: 15px;
font-weight: bold;
color: @black;
margin-bottom: 3px;
margin-top: 2px;

View File

@@ -8,7 +8,7 @@
.umb-user-preview:last-of-type {
border-bottom: none;
margin-bottom: 5px;
margin-bottom: 7px;
}
.umb-user-preview__avatar {

View File

@@ -28,11 +28,10 @@
<div>
<div class="umb-user-group-picker-list-item__name">{{ userGroup.name }}</div>
<div class="umb-user-group-picker-list-item__permission">
<div class="umb-user-group-picker-list-item__permission" ng-if="userGroup.sections">
<span>
<span class="bold">Sections:</span>
<span ng-repeat="section in userGroup.sections">{{ section.name }}<span ng-if="!$last">, </span></span>
<span ng-if="userGroup.sections.length === 0">All sections</span>
</span>
</div>

View File

@@ -16,16 +16,16 @@
<div class="umb-user-group-preview__permission">
<span>
<span class="bold">Content start node:</span>
<span ng-if="contentStartNode != -1">{{ contentStartNode.name }}</span>
<span ng-if="contentStartNode == -1">Content root</span>
<span ng-if="contentStartNode && contentStartNode != -1">{{ contentStartNode.name }}</span>
<span ng-if="contentStartNode == -1 || !contentStartNode">Content Root</span>
</span>
</div>
<div class="umb-user-group-preview__permission">
<span>
<span class="bold">Media start node:</span>
<span ng-if="mediaStartNode != -1">{{ mediaStartNode.name }}</span>
<span ng-if="mediaStartNode == -1">Media root</span>
<span ng-if="mediaStartNode && mediaStartNode != -1">{{ mediaStartNode.name }}</span>
<span ng-if="mediaStartNode == -1 || !mediaStartNode">Media Root</span>
</span>
</div>

View File

@@ -7,6 +7,9 @@
var localizeSaving = localizationService.localize("general_saving");
vm.page = {};
vm.page.contentRootLabel = "Content Root";
vm.page.mediaRootLabel = "Media Root";
vm.page.rootIcon = "icon-folder";
vm.userGroup = {};
vm.labels = {};

View File

@@ -54,14 +54,15 @@
on-remove="vm.clearStartNode('content')">
</umb-node-preview>
<a href=""
ng-if="!vm.userGroup.contentStartNode.id"
<umb-node-preview
ng-if="!vm.userGroup.contentStartNode"
style="max-width: 100%;"
class="umb-node-preview-add"
ng-click="vm.openContentPicker()"
prevent-default>
<localize key="general_add">Add</localize>
</a>
icon="vm.page.rootIcon"
name="vm.page.contentRootLabel"
allow-edit="true"
on-edit="vm.openContentPicker()">
</umb-node-preview>
</umb-control-group>
<umb-control-group label="Media start node" description="Donec quis lacinia ligula. Suspendisse ultrices risus ante">
@@ -74,14 +75,15 @@
on-remove="vm.clearStartNode('media')">
</umb-node-preview>
<a href=""
ng-if="!vm.userGroup.mediaStartNode.id"
<umb-node-preview
ng-if="!vm.userGroup.mediaStartNode"
style="max-width: 100%;"
class="umb-node-preview-add"
ng-click="vm.openMediaPicker()"
prevent-default>
<localize key="general_add">Add</localize>
</a>
icon="vm.page.rootIcon"
name="vm.page.mediaRootLabel"
allow-edit="true"
on-edit="vm.openMediaPicker()">
</umb-node-preview>
</umb-control-group>
</div>

View File

@@ -7,11 +7,23 @@
var localizeSaving = localizationService.localize("general_saving");
vm.page = {};
vm.page.contentRootLabel = "Content Root";
vm.page.mediaRootLabel = "Media Root";
vm.page.rootIcon = "icon-folder";
vm.user = {
changePassword: null
};
vm.breadcrumbs = [];
vm.avatarFile = {};
vm.maxFileSize = Umbraco.Sys.ServerVariables.umbracoSettings.maxFileSize + "KB";
vm.acceptedFileTypes = mediaHelper.formatFileTypes(Umbraco.Sys.ServerVariables.umbracoSettings.imageFileTypes);
vm.toggleChangePassword = toggleChangePassword;
vm.emailIsUsername = true;
//create the initial model for change password
vm.changePasswordModel = {
config: {},
isChanging: false
};
vm.goToPage = goToPage;
vm.openUserGroupPicker = openUserGroupPicker;
@@ -22,16 +34,6 @@
vm.enableUser = enableUser;
vm.clearAvatar = clearAvatar;
vm.save = save;
vm.maxFileSize = Umbraco.Sys.ServerVariables.umbracoSettings.maxFileSize + "KB";
vm.acceptedFileTypes = mediaHelper.formatFileTypes(Umbraco.Sys.ServerVariables.umbracoSettings.imageFileTypes);
vm.toggleChangePassword = toggleChangePassword;
vm.emailIsUsername = true;
//create the initial model for change password
vm.changePasswordModel = {
config: {},
isChanging: false
};
function init() {

View File

@@ -66,23 +66,25 @@
</div>
</div>
<div class="test-group" ng-if="!vm.user.isCurrentUser">
<div class="test-group">
<div class="test-group-title">Permissions</div>
<div class="test-group-content block-form">
<umb-control-group style="margin-bottom: 25px;" label="Groups" description="Aliquam laoreet metus porta nisi pellentesque">
<umb-user-group-preview ng-repeat="userGroup in vm.user.userGroups"
icon="userGroup.icon"
name="userGroup.name"
sections="userGroup.sections"
content-start-node="userGroup.contentStartNode"
media-start-node="userGroup.mediaStartNode"
allow-remove="true"
on-remove="vm.removeSelectedItem($index, vm.user.userGroups)">
<umb-user-group-preview
ng-repeat="userGroup in vm.user.userGroups"
icon="userGroup.icon"
name="userGroup.name"
sections="userGroup.sections"
content-start-node="userGroup.contentStartNode"
media-start-node="userGroup.mediaStartNode"
allow-remove="!vm.user.isCurrentUser"
on-remove="vm.removeSelectedItem($index, vm.user.userGroups)">
</umb-user-group-preview>
<a href=""
ng-if="!vm.user.isCurrentUser"
style="max-width: 100%;"
class="umb-node-preview-add"
ng-click="vm.openUserGroupPicker()"
@@ -94,15 +96,25 @@
<umb-control-group style="margin-bottom: 25px;" label="Content start nodes" description="Lorem ipsum dolor sit amet, consectetur adipiscing elit.">
<umb-node-preview style="max-width: 100%;"
ng-repeat="node in vm.user.startContentIds"
icon="node.icon"
name="node.name"
allow-remove="true"
on-remove="vm.removeSelectedItem($index, vm.user.startContentIds)">
<umb-node-preview
style="max-width: 100%;"
ng-repeat="node in vm.user.startContentIds"
icon="node.icon"
name="node.name"
allow-remove="!vm.user.isCurrentUser"
on-remove="vm.removeSelectedItem($index, vm.user.startContentIds)">
</umb-node-preview>
<umb-node-preview
ng-if="vm.user.startContentIds.length === 0"
style="max-width: 100%;"
icon="vm.page.rootIcon"
name="vm.page.contentRootLabel"
allow-remove="false">
</umb-node-preview>
<a href=""
ng-if="!vm.user.isCurrentUser"
style="max-width: 100%;"
class="umb-node-preview-add"
ng-click="vm.openContentPicker()"
@@ -114,15 +126,25 @@
<umb-control-group label="Media start nodes" description="Donec quis lacinia ligula. Suspendisse ultrices risus ante">
<umb-node-preview style="max-width: 100%;"
ng-repeat="node in vm.user.startMediaIds"
icon="node.icon"
name="node.name"
allow-remove="true"
on-remove="vm.removeSelectedItem($index, vm.user.startMediaIds)">
<umb-node-preview
style="max-width: 100%;"
ng-repeat="node in vm.user.startMediaIds"
icon="node.icon"
name="node.name"
allow-remove="!vm.user.isCurrentUser"
on-remove="vm.removeSelectedItem($index, vm.user.startMediaIds)">
</umb-node-preview>
<umb-node-preview
ng-if="vm.user.startMediaIds.length === 0"
style="max-width: 100%;"
icon="vm.page.rootIcon"
name="vm.page.mediaRootLabel"
allow-remove="false">
</umb-node-preview>
<a href=""
ng-if="!vm.user.isCurrentUser"
style="max-width: 100%;"
class="umb-node-preview-add"
ng-click="vm.openMediaPicker()"