45 lines
1.4 KiB
HTML
45 lines
1.4 KiB
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)"
|
|
message="New department">
|
|
<tpl-body>
|
|
<vn-textfield
|
|
vn-one
|
|
label="Name"
|
|
ng-model="$ctrl.newChild.name"
|
|
vn-focus>
|
|
</vn-textfield>
|
|
</tpl-body>
|
|
<tpl-buttons>
|
|
<input type="button" response="cancel" translate-attr="{value: 'Cancel'}"/>
|
|
<button response="accept" translate>Create</button>
|
|
</tpl-buttons>
|
|
</vn-dialog>
|