ui/templates/job/form.html
<h2>Job</h2> {{> bannerAlert message = alertMessage }} {{#if errors}}<div class="alert alert-danger" role="alert"> <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a> <p>{{ errMessage }}</p> <ul class='text-danger'> {{#each errors as |err| }} <li>{{ err }}</li> {{/each }} </ul></div>{{/if}} <form method="post" action="#" id="{{ id }}"> <nav> <div class="nav nav-tabs" id="nav-tab" role="tablist"> <a class="nav-item nav-link active" id="navFilesTab" data-toggle="tab" href="#jobFiles" role="tab" aria-controls="jobFiles" aria-selected="true">Files</a> <a class="nav-item nav-link" id="navPackagingTab" data-toggle="tab" href="#jobPackaging" role="tab" aria-controls="jobPackaging" aria-selected="false">Packaging</a> <a class="nav-item nav-link" id="navMetadataTab" data-toggle="tab" href="#jobMetadata" role="tab" aria-controls="jobMetadata" aria-selected="false">Metadata</a> <a class="nav-item nav-link" id="navUploadTab" data-toggle="tab" href="#jobUpload" role="tab" aria-controls="jobUpload" aria-selected="false">Upload</a> <a class="nav-item nav-link" id="navReviewTab" data-toggle="tab" href="#jobReview" role="tab" aria-controls="jobReview" aria-selected="false">Review</a> </div></nav> <div class="tab-content mt-4" id="nav-tabContent"> <div class="tab-pane fade show active" role="tabpanel" id="jobFiles" aria-labelledby="navFilesTab"> Files </div> <div class="tab-pane fade" role="tabpanel" id="jobPackaging" aria-labelledby="navPackagingTab"> Packaging </div> <div class="tab-pane fade" role="tabpanel" id="jobMetadata" aria-labelledby="navMetadataTab"> Metadata </div> <div class="tab-pane fade" role="tabpanel" id="jobUpload" aria-labelledby="navUploadTab"> Upload </div> <div class="tab-pane fade" role="tabpanel" id="jobReview" aria-labelledby="navReviewTab"> Review </div> </div> {{> inputHidden field = form.fields.id }}{{> inputHidden field = form.fields.userCanDelete }} <div class="bottom-buttons"> <div class="pull-right"> <a class="btn btn-primary" href="#Job/update?id={{ form.fields.id.value }}" role="button">Save</a> </div> <div class="pull-right mr-5"> <a class="btn btn-secondary" href="#Job/list" role="button">Cancel</a> </div></div> </form>