- better edit form for submitter

- test adding files in edit form
- table with index numbering
This commit is contained in:
Arno Kaimbacher 2020-01-16 18:28:28 +01:00
parent a8ea6120fd
commit d323e1d4bb
6 changed files with 186 additions and 161 deletions

View file

@ -206,6 +206,14 @@ export default class EditDataset extends Vue {
onSubmit() {
// var dataform = new FormData();
// var dataform = document.getElementById('submitEditForm');
// var length = this.form.files.length;
// for (var i = 0; i < length; i++) {
// if (this.form.files[i].file != undefined) {
// var file = this.form.files[i];
// dataform.append('files[undefined][file]', file.file, file.label);
// }
// }
// dataform.append('name', this.form.name);
// // dataform.append('comments', this.form.comments);
// console.log(this.form.name);
@ -306,4 +314,32 @@ export default class EditDataset extends Vue {
// }
}
filesChange(fieldName, fileList) {
var fileCount = fileList.length
// this.dataset.files = this.$refs.files.files;
let uploadedFiles = fileList;
/*
Adds the uploaded file to the files array
*/
for (var i = 0; i < uploadedFiles.length; i++) {
let fileName = uploadedFiles[i].name.replace(/\.[^/.]+$/, '');
let uploadeFile = { file: uploadedFiles[i], label: fileName, sort_order: 0 };
//this.dataset.files.push(uploadedFiles[i]);
this.form.files.push(uploadeFile);
}
// if (this.dataset.files.length > 0)
// {
// this.currentStatus = STATUS_SAVING;
// }
}
/*
Removes a select file the user has uploaded
*/
removeFile(key) {
this.form.files.splice(key, 1);
}
}

View file

@ -26,7 +26,7 @@
>
<td scope="row">{{ index + 1 }}</td>
<td> <input
v-bind:name="heading+'['+item.id+'][id]'"
v-bind:name="heading+'['+index+'][id]'"
class="form-control"
v-model="item.id"
v-bind:readonly="item.status==1"
@ -34,7 +34,7 @@
/></td>
<td>
<input
v-bind:name="heading+'['+item.id+'][first_name]'"
v-bind:name="heading+'['+index+'][first_name]'"
class="form-control"
placeholder="[FIRST NAME]"
v-model="item.first_name"
@ -45,7 +45,7 @@
</td>
<td>
<input
v-bind:name="heading+'['+item.id+'][last_name]'"
v-bind:name="heading+'['+index+'][last_name]'"
class="form-control"
placeholder="[LAST NAME]"
v-model="item.last_name"
@ -57,7 +57,7 @@
<td>
<!-- v-validate="'required|email'" -->
<input
v-bind:name="heading+'['+item.id+'][email]'"
v-bind:name="heading+'['+index+'][email]'"
class="form-control"
placeholder="[EMAIL]"
v-model="item.email"
@ -68,7 +68,7 @@
</td>
<td>
<input
v-bind:name="heading+'['+item.id+'][identifier_orcid]'"
v-bind:name="heading+'['+index+'][identifier_orcid]'"
class="form-control"
placeholder="[ORCID optional]"
v-model="item.identifier_orcid"