101 lines
4.8 KiB
HTML
101 lines
4.8 KiB
HTML
<div id="umb-nested-content--{{model.id}}" class="umb-nested-content"
|
|
ng-controller="brothers.uNesting.PropertyEditorController"
|
|
ng-class="{'umb-nested-content--narrow':!wideMode, 'umb-nested-content--wide':wideMode}">
|
|
|
|
<umb-load-indicator ng-if="!inited"></umb-load-indicator>
|
|
|
|
<ng-form ng-if="inited">
|
|
|
|
<div ng-hide="hasContentTypes">
|
|
<div class="umb-nested-content__help-text">
|
|
<localize key="content_nestedContentNoContentTypes"></localize>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="unesting-items" ng-hide="nodes.length === 0" ng-class="{ 'is-hidden': nodes.length === 0 }" ui-sortable="sortableOptions" ng-model="nodes">
|
|
|
|
<div class="unesting-item" ng-repeat="node in nodes"
|
|
unesting-alias="{{node.documentType.alias}}"
|
|
ng-class="{ 'is-active' : $parent.realCurrentNode.key === node.key, 'umb-nested-content__item--single' : $parent.singleMode, 'is-hidden': isHidden(model.value[$index], node) }">
|
|
|
|
<div class="unesting-item-header" ng-click="$parent.editNode($index)" ng-hide="$parent.singleMode">
|
|
|
|
<div class="umb-nested-content__header-bar unesting-item-header-inner">
|
|
<i ng-if="showIcons" class="icon" ng-class="$parent.getIcon($index)" title="{{node.contentTypeName}}"></i>
|
|
<div class="unesting-item-header-content" ng-class="{'--has-icon': showIcons}">
|
|
<span class="unesting-item-header-content-iconbg" ng-if="showIcons"></span>
|
|
<div class="unesting-item-header-content-name" ng-bind="node.contentTypeName"></div>
|
|
<un-content class="unesting-item-header-content-text" item="model.value[$index]" node="node" config="getContentTypeConfig(node.documentType.alias)"></un-content>
|
|
<!--<div class="unesting-item-header-content-text" ng-if="!$parent.hasTemplate(node, $index)" ng-bind-html="$parent.getPlainContent(node, $index)"></div>-->
|
|
</div>
|
|
|
|
<div class="unesting-icons">
|
|
<!--<div class="unesting-more-container">
|
|
<a class="unesting-icon is-more" ng-click="node._showMenu=!node._showMenu; $event.stopPropagation();" prevent-default>
|
|
<i></i><i></i><i></i>
|
|
</a>
|
|
|
|
<ul class="dropdown-menu umb-actions unesting-more-dropdown" ng-if="node._showMenu">
|
|
<li class="umb-action">
|
|
<a ng-click="" prevent-default>
|
|
<i class="icon icon-add"></i>
|
|
<span class="menu-label">Create</span>
|
|
</a>
|
|
</li>
|
|
<li class="umb-action">
|
|
<a title="{{copyIconTitle}}" ng-click="clickCopy($event, node);" ng-if="showCopy" prevent-default>
|
|
<i class="icon icon-documents"></i>
|
|
<span class="menu-label">Copy</span>
|
|
</a>
|
|
</li>
|
|
<li class="umb-action">
|
|
<a ng-click="" prevent-default>
|
|
<i class="icon icon-eye"></i>
|
|
<span class="menu-label">Hide</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>-->
|
|
|
|
<a class="unesting-icon" title="{{copyIconTitle}}" ng-click="clickCopy($event, node);" ng-if="showCopy" prevent-default>
|
|
<i class="icon icon-documents"></i>
|
|
</a>
|
|
|
|
<a class="unesting-icon is-negative" localize="title" title="general_delete"
|
|
ng-class="{ 'umb-nested-content__icon--disabled': $parent.nodes.length <= $parent.minItems }"
|
|
ng-click="$parent.requestDeleteNode($index); $event.stopPropagation();" prevent-default>
|
|
<i class="icon icon-trash-alt"></i>
|
|
</a>
|
|
|
|
<a class="unesting-icon is-negative hidden-toggle" localize="title" title="general_visibility" ng-if="canHide(model.value[$index])" ng-click="clickHide($event, node, ncTabAlias);" prevent-default>
|
|
<i class="icon icon-lock"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="umb-nested-content__content unesting-content" ng-if="$parent.realCurrentNode.key === node.key && !$parent.sorting">
|
|
<u-nesting-content-editor ng-model="node" tab-alias="ncTabAlias" />
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="unesting-footer" ng-hide="hasContentTypes === false || nodes.length >= maxItems">
|
|
<button type="button" class="btn btn-action" ng-class="{ '--disabled': !scaffolds.length }" ng-click="openNodeTypePicker($event)">
|
|
<localize key="grid_addElement"></localize>
|
|
</button>
|
|
</div>
|
|
|
|
</ng-form>
|
|
|
|
<umb-overlay ng-if="overlayMenu.show"
|
|
position="target"
|
|
size="overlayMenu.size"
|
|
view="overlayMenu.view"
|
|
model="overlayMenu">
|
|
</umb-overlay>
|
|
|
|
</div>
|