mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-06-13 13:54:23 +00:00
AccompanyingPeriodWork: add title in vue AccPeriodWorkEvaluationDocument form
This commit is contained in:
parent
24b11f609d
commit
1ab4f997ba
@ -67,12 +67,25 @@
|
|||||||
<div class="flex-table">
|
<div class="flex-table">
|
||||||
<div class="item-bloc" v-for="(d, i) in evaluation.documents" :key="i">
|
<div class="item-bloc" v-for="(d, i) in evaluation.documents" :key="i">
|
||||||
<div class="item-row">
|
<div class="item-row">
|
||||||
<div v-if="d.template" class="item-col"><h6>{{ d.template.name.fr }}</h6></div>
|
<div>
|
||||||
<div class="item-col">
|
<label class="col-4 col-sm-2 col-md-4 col-lg-2 col-form-label">
|
||||||
<p v-if="d.createdBy">Créé par {{ d.createdBy.text }}<br/>
|
{{ $t('document_title') }}
|
||||||
Le {{ $d(ISOToDatetime(d.createdAt.datetime), 'long') }}</p>
|
</label>
|
||||||
|
<div class="col-8 col-sm-4 col-md-8 col-lg-4">
|
||||||
|
<input
|
||||||
|
class="form-control form-control-sm"
|
||||||
|
type="string"
|
||||||
|
:value=d.title
|
||||||
|
:id=i
|
||||||
|
@input="onInputDocumentTitle"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div v-if="d.template" class="item-col"><h6>{{ d.template.name.fr }}</h6></div>
|
||||||
|
<div class="item-col">
|
||||||
|
<p v-if="d.createdBy">Créé par {{ d.createdBy.text }}<br/>
|
||||||
|
Le {{ $d(ISOToDatetime(d.createdAt.datetime), 'long') }}</p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-row">
|
<div class="item-row">
|
||||||
<ul class="record_actions" >
|
<ul class="record_actions" >
|
||||||
@ -147,6 +160,7 @@ const i18n = {
|
|||||||
Documents: "Documents",
|
Documents: "Documents",
|
||||||
document_add: "Générer ou téléverser un document",
|
document_add: "Générer ou téléverser un document",
|
||||||
document_upload: "Téléverser un document",
|
document_upload: "Téléverser un document",
|
||||||
|
document_title: "Titre du document",
|
||||||
browse: "Ajouter un document"
|
browse: "Ajouter un document"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -172,6 +186,9 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
mounted() {
|
||||||
|
console.log(this.evaluation)
|
||||||
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapState([
|
...mapState([
|
||||||
'isPosting'
|
'isPosting'
|
||||||
@ -187,7 +204,6 @@ export default {
|
|||||||
return dateToISO(this.evaluation.startDate);
|
return dateToISO(this.evaluation.startDate);
|
||||||
},
|
},
|
||||||
set(v) {
|
set(v) {
|
||||||
console.log(v);
|
|
||||||
this.$store.commit('setEvaluationStartDate', { key: this.evaluation.key, date: ISOToDate(v) });
|
this.$store.commit('setEvaluationStartDate', { key: this.evaluation.key, date: ISOToDate(v) });
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -243,18 +259,16 @@ export default {
|
|||||||
|
|
||||||
return this.$store.dispatch('submit', callback).catch(e => { console.log(e); throw e; });
|
return this.$store.dispatch('submit', callback).catch(e => { console.log(e); throw e; });
|
||||||
},
|
},
|
||||||
|
onInputDocumentTitle(event) {
|
||||||
|
const id = event.target.id;
|
||||||
|
const title = event.target.value;
|
||||||
|
this.$store.commit('updateDocumentTitle', {key: id, evaluationKey: this.evaluation.key, title: title});
|
||||||
|
},
|
||||||
addDocument(storedObject) {
|
addDocument(storedObject) {
|
||||||
console.log(storedObject);
|
console.log(storedObject);
|
||||||
console.log('Add document');
|
|
||||||
//TODO build here the document object
|
|
||||||
let document = {
|
let document = {
|
||||||
type: 'accompanying_period_work_evaluation_document',
|
type: 'accompanying_period_work_evaluation_document',
|
||||||
storedObject: storedObject,
|
storedObject: storedObject
|
||||||
template: { // TODO remove
|
|
||||||
name: {
|
|
||||||
fr: storedObject.filename
|
|
||||||
}
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
this.$store.commit('addDocument', {key: this.evaluation.key, document: document});
|
this.$store.commit('addDocument', {key: this.evaluation.key, document: document});
|
||||||
}
|
}
|
||||||
|
@ -294,6 +294,20 @@ const store = createStore({
|
|||||||
setIsPosting(state, st) {
|
setIsPosting(state, st) {
|
||||||
state.isPosting = st;
|
state.isPosting = st;
|
||||||
},
|
},
|
||||||
|
updateDocumentTitle(state, payload) {
|
||||||
|
state.evaluationsPicked.forEach(
|
||||||
|
e => {
|
||||||
|
console.log(e);
|
||||||
|
if (e.key === payload.evaluationKey) {
|
||||||
|
e.documents.forEach(
|
||||||
|
d => {
|
||||||
|
d.title = payload.title;
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
)
|
||||||
|
}
|
||||||
},
|
},
|
||||||
actions: {
|
actions: {
|
||||||
updateThirdParty({ commit }, payload) {
|
updateThirdParty({ commit }, payload) {
|
||||||
@ -409,6 +423,9 @@ const store = createStore({
|
|||||||
commit('setErrors', error.violations);
|
commit('setErrors', error.violations);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
updateDocumentTitle({commit}, payload) {
|
||||||
|
commit('updateDocumentTitle', payload)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user