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

<vn-crud-model
    vn-id="model"
    url="departments/getLeaves"
    auto-load="false">
</vn-crud-model>
<form name="form" class="vn-w-md">
    <vn-card class="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>
</form>
<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-focus>
            </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>