salix/modules/worker/front/department/index.html

<vn-crud-model
    vn-id="model"
    url="departments/getLeaves"
    auto-load="false">
</vn-crud-model>
<div class="content-block" compact>
    <form name="form" compact>
        <vn-card class="vn-my-md vn-pa-md">
            <vn-treeview vn-id="treeview" root-label="Departments" read-only="false"
                fetch-func="$ctrl.onFetch($item)"
                remove-func="$ctrl.onRemove($item)"
                create-func="$ctrl.onCreate($parent)"
                sort-func="$ctrl.onSort($a, $b)"
                on-drop="$ctrl.onDrop($dropped, $dragged)"
                on-drag-start="$ctrl.onDragStart(item)"
                on-drag-end="$ctrl.onDragEnd(item)">
                {{::item.name}}
            </vn-treeview>
        </vn-card>
        <vn-button-bar>
            <vn-button ui-sref="worker.index" label="Back"></vn-button>
        </vn-button-bar>
    </form>
</div>
<vn-confirm
    vn-id="deleteNode"
    on-response="$ctrl.onRemoveResponse($response)"
    question="Delete department"
    message="Are you sure you want to delete it?">
</vn-confirm>

<!-- Create department dialog -->
<vn-dialog
    vn-id="createNode"
    on-open="$ctrl.onCreateDialogOpen()"
    on-response="$ctrl.onCreateResponse($response)">
    <tpl-body>
        <h5 class="vn-py-sm" translate>New department</h5>
        <vn-horizontal>
            <vn-textfield
                vn-one
                label="Name"
                ng-model="$ctrl.newChild.name">
            </vn-textfield>
        </vn-horizontal>
    </tpl-body>
    <tpl-buttons>
        <input type="button" response="cancel" translate-attr="{value: 'Cancel'}"/>
        <button response="accept" translate>Create</button>
    </tpl-buttons>
</vn-dialog>