ccdb-web/app/templates/components/collection-create-container.hbs
2017-10-01 16:49:43 -07:00

107 lines
3.3 KiB
Handlebars

{{#crud-form
changeset=changeset
onSave=(action onSave)
onCancel=(action onCancel) as |f|
}}
<div class="well">
{{#f.content class='form-horizontal'}}
<div class="form-group">
<label class="col-md-2 control-label">Project</label>
<div class="col-md-10">
{{#power-select
options=projectOptions
selected=changeset.project
onchange=(action (mut changeset.project))
searchField='name'
as |project|
}}
{{project.name}}
{{/power-select}}
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">Study location</label>
<div class="col-md-10">
{{#power-select
options=studyLocationOptions
selected=changeset.studyLocation
onchange=(action (mut changeset.studyLocation))
searchField='name'
as |studyLocation|
}}
{{studyLocation.name}}
{{/power-select}}
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">Collection type</label>
<div class="col-md-10">
{{#power-select
options=collectionTypeOptions
selected=changeset.collectionType
onchange=(action (mut changeset.collectionType))
searchField='name'
as |collectionType|
}}
{{collectionType.name}}
{{/power-select}}
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">Collection method</label>
<div class="col-md-10">
{{#power-select
options=collectionMethodOptions
selected=changeset.collectionMethod
onchange=(action (mut changeset.collectionMethod))
searchField='name'
as |collectionMethod|
}}
{{collectionMethod.name}}
{{/power-select}}
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">Number of traps</label>
<div class="col-md-10">
{{input value=changeset.numberOfTraps type='number' class='form-control'}}
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">Collection start date</label>
<div class="col-md-10">
{{input value=changeset.collectionStartDate type='date' class='form-control'}}
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">Collection start time</label>
<div class="col-md-10">
{{input value=changeset.collectionStartTime type='time' class='form-control'}}
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">Collection end date</label>
<div class="col-md-10">
{{input value=changeset.collectionEndDate type='date' class='form-control'}}
</div>
</div>
<div class="form-group">
<label class="col-md-2 control-label">Collection end time</label>
<div class="col-md-10">
{{input value=changeset.collectionEndTime type='time' class='form-control'}}
</div>
</div>
{{/f.content}}
{{f.save}} {{f.cancel}}
</div>
{{/crud-form}}