72 lines
2.3 KiB
HTML
72 lines
2.3 KiB
HTML
|
<vn-crud-model
|
||
|
|
vn-id="model"
|
||
|
|
url="EntryObservations"
|
||
|
|
fields="['id', 'entryFk', 'observationTypeFk', 'description']"
|
||
|
|
link="{entryFk: $ctrl.$params.id}"
|
||
|
|
data="observations"
|
||
|
|
auto-load="true">
|
||
|
|
</vn-crud-model>
|
||
|
|
<vn-crud-model
|
||
|
|
url="ObservationTypes"
|
||
|
|
data="observationTypes"
|
||
|
|
auto-load="true">
|
||
|
|
</vn-crud-model>
|
||
|
|
<vn-watcher
|
||
|
|
vn-id="watcher"
|
||
|
|
data="observations"
|
||
|
|
form="form">
|
||
|
|
</vn-watcher>
|
||
|
|
<form name="form" ng-submit="$ctrl.onSubmit()" class="vn-w-md">
|
||
|
|
<vn-card class="vn-pa-lg">
|
||
|
|
<vn-one class="vn-mt-md">
|
||
|
|
<vn-horizontal ng-repeat="observation in observations track by $index">
|
||
|
|
<vn-autocomplete
|
||
|
|
ng-attr-disabled="observation.id ? true : false"
|
||
|
|
ng-model="observation.observationTypeFk"
|
||
|
|
data="observationTypes"
|
||
|
|
show-field="description"
|
||
|
|
label="Observation type"
|
||
|
|
vn-one
|
||
|
|
vn-focus>
|
||
|
|
</vn-autocomplete>
|
||
|
|
<vn-textfield
|
||
|
|
vn-two
|
||
|
|
class="vn-mr-lg"
|
||
|
|
label="Description"
|
||
|
|
ng-model="observation.description"
|
||
|
|
rule="EntryObservation">
|
||
|
|
</vn-textfield>
|
||
|
|
<vn-auto class="vn-pt-md">
|
||
|
|
<vn-icon-button
|
||
|
|
pointer
|
||
|
|
vn-tooltip="Remove note"
|
||
|
|
icon="delete"
|
||
|
|
ng-click="model.remove($index)">
|
||
|
|
</vn-icon-button>
|
||
|
|
</vn-auto>
|
||
|
|
</vn-horizontal>
|
||
|
|
</vn-one>
|
||
|
|
<vn-one>
|
||
|
|
<vn-icon-button
|
||
|
|
vn-tooltip="Add note"
|
||
|
|
icon="add_circle"
|
||
|
|
vn-bind="+"
|
||
|
|
ng-if="observationTypes.length > observations.length"
|
||
|
|
ng-click="model.insert()">
|
||
|
|
</vn-icon-button>
|
||
|
|
</vn-one>
|
||
|
|
</vn-card>
|
||
|
|
<vn-button-bar>
|
||
|
|
<vn-submit
|
||
|
|
disabled="!watcher.dataChanged()"
|
||
|
|
label="Save">
|
||
|
|
</vn-submit>
|
||
|
|
<!-- # #2680 Undo changes button bugs -->
|
||
|
|
<!-- <vn-button
|
||
|
|
class="cancel"
|
||
|
|
label="Undo changes"
|
||
|
|
disabled="!watcher.dataChanged()"
|
||
|
|
ng-click="watcher.loadOriginalData()">
|
||
|
|
</vn-button> -->
|
||
|
|
</vn-button-bar>
|
||
|
|
</form>
|