use overlayService to open media type child nodes overlay

This commit is contained in:
Mads Rasmussen
2018-08-21 11:03:12 +02:00
parent afadf9999b
commit e470436519
2 changed files with 21 additions and 35 deletions

View File

@@ -1,7 +1,7 @@
(function() {
'use strict';
function PermissionsController($scope, mediaTypeResource, iconHelper, contentTypeHelper, localizationService) {
function PermissionsController($scope, mediaTypeResource, iconHelper, contentTypeHelper, localizationService, overlayService) {
/* ----------- SCOPE VARIABLES ----------- */
@@ -43,20 +43,23 @@
}
function addChild($event) {
vm.childNodeSelectorOverlay = {
var childNodeSelectorOverlay = {
view: "itempicker",
title: childNodeSelectorOverlayTitle,
availableItems: vm.mediaTypes,
selectedItems: vm.selectedChildren,
position: "target",
event: $event,
show: true,
submit: function(model) {
vm.selectedChildren.push(model.selectedItem);
$scope.model.allowedContentTypes.push(model.selectedItem.id);
vm.childNodeSelectorOverlay.show = false;
vm.childNodeSelectorOverlay = null;
overlayService.close();
},
close: function() {
overlayService.close();
}
};
overlayService.open(childNodeSelectorOverlay);
}
function removeChild(selectedChild, index) {

View File

@@ -2,51 +2,34 @@
<umb-box>
<umb-box-content>
<div class="sub-view-columns">
<div class="sub-view-column-left">
<h5><localize key="contentTypeEditor_allowAsRootHeading" /></h5>
<small><localize key="contentTypeEditor_allowAsRootDescription" /></small>
</div>
<div class="sub-view-column-right">
<umb-toggle
checked="model.allowAsRoot"
on-click="vm.toggle()"
hotkey="alt+shift+r"
>
</umb-toggle>
<umb-toggle
checked="model.allowAsRoot"
on-click="vm.toggle()"
hotkey="alt+shift+r">
</umb-toggle>
</div>
</div>
<div class="sub-view-columns">
<div class="sub-view-column-left">
<h5><localize key="contentTypeEditor_childNodesHeading" /></h5>
<small><localize key="contentTypeEditor_childNodesDescription" /></small>
</div>
<div class="sub-view-column-right">
<umb-child-selector
selected-children="vm.selectedChildren"
available-children="vm.mediaTypes"
parent-name="model.name"
parent-icon="model.icon"
parent-id="model.id"
on-add="vm.addChild"
on-remove="vm.removeChild">
</umb-child-selector>
<umb-overlay
ng-if="vm.childNodeSelectorOverlay.show"
model="vm.childNodeSelectorOverlay"
position="target"
view="vm.childNodeSelectorOverlay.view">
</umb-overlay>
selected-children="vm.selectedChildren"
available-children="vm.mediaTypes"
parent-name="model.name"
parent-icon="model.icon"
parent-id="model.id"
on-add="vm.addChild"
on-remove="vm.removeChild">
</umb-child-selector>
</div>
</div>
</umb-box-content>
</umb-box>