<vn-watcher vn-id="watcher" url="Items/new" data="$ctrl.item" insert-mode="true" form="form"> </vn-watcher> <vn-crud-model auto-load="true" url="Origins" data="originsData" order="name" vn-id="origin-model"> </vn-crud-model> <form name="form" ng-submit="$ctrl.onSubmit()" class="vn-w-md"> <vn-card class="vn-pa-lg"> <vn-horizontal> <vn-textfield label="Temporal name" ng-model="$ctrl.item.provisionalName" vn-focus> </vn-textfield> </vn-horizontal> <vn-horizontal> <vn-autocomplete label="Type" ng-model="$ctrl.item.typeFk" url="ItemTypes" fields="['code', 'categoryFk']" search-function="{or: [{code: {like: $search +'%'}}, {name: {like: '%'+ $search +'%'}}]}" include="'category'"> <tpl-item> <div style="display: flex;"> <div style="width: 3em; padding-right: 1em;">{{::code}}</div> <div>{{::name}}</div> </div> <div class="text-caption text-secondary"> {{category.name}} </div> </tpl-item> </vn-autocomplete> <vn-autocomplete label="Intrastat" ng-model="$ctrl.item.intrastatFk" url="Intrastats" show-field="description" search-function="{or: [{id: {like: $search +'%'}}, {description: {like: '%'+ $search +'%'}}]}"> <tpl-item style="display: flex;"> <div style="width: 6em; text-align: right; padding-right: 1em;">{{::id}}</div> <div>{{::description}}</div> </tpl-item> </vn-autocomplete> </vn-horizontal> <vn-horizontal> <vn-autocomplete vn-one data="originsData" label="Origin" ng-model="$ctrl.item.originFk"> </vn-autocomplete> </vn-horizontal> </vn-card> <vn-button-bar> <vn-submit disabled="!watcher.dataChanged()" label="Create"> </vn-submit> <vn-button class="cancel" label="Cancel" ui-sref="item.index"> </vn-button> </vn-button-bar> </form>