61 lines
2.1 KiB
HTML
61 lines
2.1 KiB
HTML
<ul ng-if="::$ctrl.items">
|
|
<li
|
|
ng-repeat="item in $ctrl.items"
|
|
on-drop="$ctrl.onDrop(item, dragged, dropped)"
|
|
vn-draggable="{{::$ctrl.draggable}}"
|
|
vn-droppable="{{::$ctrl.droppable}}"
|
|
ng-class="{expanded: item.active}">
|
|
<div
|
|
ng-click="$ctrl.toggle($event, item)"
|
|
class="node clickable">
|
|
<vn-icon
|
|
class="arrow"
|
|
ng-class="{invisible: item.sons == 0}"
|
|
icon="keyboard_arrow_down"
|
|
translate-attr="{title: 'Toggle'}">
|
|
</vn-icon>
|
|
<vn-check
|
|
vn-acl="{{$ctrl.aclRole}}"
|
|
ng-if="$ctrl.selectable"
|
|
field="item.selected"
|
|
disabled="$ctrl.disabled"
|
|
on-change="$ctrl.select(item, value)"
|
|
triple-state="true"
|
|
label="{{::item.name}}">
|
|
</vn-check>
|
|
<vn-icon-button
|
|
icon="{{icon.icon}}"
|
|
ng-repeat="icon in $ctrl.icons"
|
|
ng-click="$ctrl.onIconClick(icon, item, $ctrl.parent, $parent.$index)"
|
|
vn-acl="{{$ctrl.aclRole}}"
|
|
vn-acl-action="remove">
|
|
</vn-icon-button>
|
|
</div>
|
|
<vn-treeview-child
|
|
items="item.childs"
|
|
parent="item"
|
|
selectable="$ctrl.selectable"
|
|
disabled="$ctrl.disabled"
|
|
editable="$ctrl.editable"
|
|
draggable="::$ctrl.draggable"
|
|
droppable="::$ctrl.droppable"
|
|
icons="::$ctrl.icons"
|
|
parent-scope="::$ctrl.parentScope"
|
|
acl-role="$ctrl.aclRole">
|
|
</vn-treeview-child>
|
|
</li>
|
|
<li
|
|
ng-if="$ctrl.isInsertable && $ctrl.editable"
|
|
ng-click="$ctrl.onCreate($ctrl.parent)"
|
|
vn-acl="{{$ctrl.aclRole}}"
|
|
vn-acl-action="remove">
|
|
<div class="node">
|
|
<vn-icon-button
|
|
icon="add_circle">
|
|
</vn-icon-button>
|
|
<div class="description" translate>
|
|
Create new one
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul> |