diff --git a/canapGEST/Site/src/components/application/applicationTitle.vue b/canapGEST/Site/src/components/application/applicationTitle.vue index b02024f3f52291885aa246a28687fafc61ffb420..b769bb615f0d88d5efdf2ca2e8d9d89c88748db0 100644 --- a/canapGEST/Site/src/components/application/applicationTitle.vue +++ b/canapGEST/Site/src/components/application/applicationTitle.vue @@ -1,7 +1,7 @@ <template> <div id="application-title" style="margin-bottom: 20px;"> <v-toolbar> - <v-toolbar-title> + <v-toolbar-title class="printable"> Candidature (#{{$route.params.id}}) <small>- le {{$store.getters['moduleApplications/getFormatedApplicationDate']}}</small> </v-toolbar-title> @@ -56,28 +56,41 @@ <script> export default { name: 'application-title', - data() { + data () { return { markerValue: null } }, - created() { + created () { this.markerValue = this.$store.state.moduleApplications.currentApplication.marker.marker_value }, watch: { - markerValue() { this.rate() } + markerValue () { this.rate() } }, methods: { - print() { window.print() }, - contact() { window.location.href = 'mailto:' + this.$store.state.moduleApplications.currentApplication.application_data.personal_data.applicant_mail }, - deleteApplication() { + print () { + var print_divs = document.getElementsByClassName("printable") + var print_area = window.open() + print_area.document.write('<html><head><title>Candidature#' + this.$store.state.moduleApplications.currentApplication.application_data.personal_data.applicant_id + '</title></head><body>'); + for (let div of print_divs) { + print_area.document.write(div.innerHTML) + print_area.document.write('<br>'); + } + print_area.document.write('</body></html>'); + print_area.document.close() + print_area.focus() + print_area.print() + print_area.close() + }, + contact () { window.location.href = 'mailto:' + this.$store.state.moduleApplications.currentApplication.application_data.personal_data.applicant_mail }, + deleteApplication () { if (confirm('Voulez-vous vraiment supprimer cette candidature ? \n Cette action est irréversible.')) { this.$store.dispatch('moduleApplications/deleteApplication', { id: this.$store.state.moduleApplications.currentApplication.application_data.personal_data.applicant_id }) this.$router.push('/applications') } }, - exportData() { this.$store.dispatch('moduleApplications/exportData', { id: this.$store.state.moduleApplications.currentApplication.application_data.personal_data.applicant_id, name: this.$store.state.moduleApplications.currentApplication.application_data.personal_data.applicant_name + this.$store.state.moduleApplications.currentApplication.application_data.personal_data.applicant_fsname }) }, - rate() { + exportData () { this.$store.dispatch('moduleApplications/exportData', { id: this.$store.state.moduleApplications.currentApplication.application_data.personal_data.applicant_id, name: this.$store.state.moduleApplications.currentApplication.application_data.personal_data.applicant_name + this.$store.state.moduleApplications.currentApplication.application_data.personal_data.applicant_fsname }) }, + rate () { // Already a value => update if (this.$store.state.moduleApplications.currentApplication.marker.marker_value) { if (this.markerValue == 0) { diff --git a/canapGEST/Site/src/components/application/sheets/responsiblesDataSheet.vue b/canapGEST/Site/src/components/application/sheets/responsiblesDataSheet.vue index c666bab3463ef023f69650c990d593111d256822..a45392dc817481197036cc9f1146d4fe360d3c2a 100644 --- a/canapGEST/Site/src/components/application/sheets/responsiblesDataSheet.vue +++ b/canapGEST/Site/src/components/application/sheets/responsiblesDataSheet.vue @@ -18,27 +18,27 @@ > <v-subheader>Principal</v-subheader> <v-list-tile> - <v-list-tile-content>Genre</v-list-tile-content> + <v-list-tile-content><b>Genre</b></v-list-tile-content> <v-list-tile-content class="align-end" >{{ $store.state.moduleApplications.currentApplication.application_data.responsibles.main.responsible_gender }}</v-list-tile-content> </v-list-tile> <v-list-tile> - <v-list-tile-content>Nom, prénom</v-list-tile-content> + <v-list-tile-content><b>Nom, prénom</b></v-list-tile-content> <v-list-tile-content class="align-end"> {{ $store.state.moduleApplications.currentApplication.application_data.responsibles.main.responsible_name }}, {{ $store.state.moduleApplications.currentApplication.application_data.responsibles.main.responsible_fsname }} </v-list-tile-content> </v-list-tile> <v-list-tile> - <v-list-tile-content>Adresse</v-list-tile-content> + <v-list-tile-content><b>Adresse</b></v-list-tile-content> <v-list-tile-content class="align-end"> {{ $store.state.moduleApplications.currentApplication.application_data.responsibles.main.responsible_street }}, {{ $store.state.moduleApplications.currentApplication.application_data.responsibles.main.responsible_npa }} </v-list-tile-content> </v-list-tile> <v-list-tile> - <v-list-tile-content>Téléphone</v-list-tile-content> + <v-list-tile-content><b>Téléphone</b></v-list-tile-content> <v-list-tile-content class="align-end" >{{ $store.state.moduleApplications.currentApplication.application_data.responsibles.main.responsible_phone }}</v-list-tile-content> @@ -50,27 +50,27 @@ > <v-subheader>Secondaire</v-subheader> <v-list-tile> - <v-list-tile-content>Genre</v-list-tile-content> + <v-list-tile-content><b>Genre</b></v-list-tile-content> <v-list-tile-content class="align-end" >{{ $store.state.moduleApplications.currentApplication.application_data.responsibles.secondary.responsible_gender }}</v-list-tile-content> </v-list-tile> <v-list-tile> - <v-list-tile-content>Nom, prénom</v-list-tile-content> + <v-list-tile-content><b>Nom, prénom</b></v-list-tile-content> <v-list-tile-content class="align-end"> {{ $store.state.moduleApplications.currentApplication.application_data.responsibles.secondary.responsible_name }}, {{ $store.state.moduleApplications.currentApplication.application_data.responsibles.secondary.responsible_fsname }} </v-list-tile-content> </v-list-tile> <v-list-tile> - <v-list-tile-content>Adresse</v-list-tile-content> + <v-list-tile-content><b>Adresse</b></v-list-tile-content> <v-list-tile-content class="align-end"> {{ $store.state.moduleApplications.currentApplication.application_data.responsibles.secondary.responsible_street }}, {{ $store.state.moduleApplications.currentApplication.application_data.responsibles.secondary.responsible_npa }} </v-list-tile-content> </v-list-tile> <v-list-tile> - <v-list-tile-content>Téléphone</v-list-tile-content> + <v-list-tile-content><b>Téléphone</b></v-list-tile-content> <v-list-tile-content class="align-end" >{{ $store.state.moduleApplications.currentApplication.application_data.responsibles.secondary.responsible_phone }}</v-list-tile-content> diff --git a/canapGEST/Site/src/views/ApplicationView.vue b/canapGEST/Site/src/views/ApplicationView.vue index 715e552f7d0d177382ce3bf17042371dd35ab8b4..a1253a9ba93e5f7c8e75afe80bb15b3d30e7b0ef 100644 --- a/canapGEST/Site/src/views/ApplicationView.vue +++ b/canapGEST/Site/src/views/ApplicationView.vue @@ -15,7 +15,7 @@ <v-layout> <v-container fluid> <v-layout row> - <v-flex grow pa-1> + <v-flex grow pa-1 class="printable"> <PersonalDataSheet/> </v-flex> <v-flex grow pa-1> @@ -23,16 +23,16 @@ </v-flex> </v-layout> <v-layout row> - <v-flex grow pa-1> + <v-flex grow pa-1 class="printable"> <ResponsiblesDataSheet/> </v-flex> - <v-flex grow pa-1> + <v-flex grow pa-1 class="printable"> <ScolaritiesDataSheet/> </v-flex> - <v-flex grow pa-1> + <v-flex grow pa-1 class="printable"> <TrainingsDataSheet/> </v-flex> - <v-flex grow pa-1> + <v-flex grow pa-1 class="printable"> <ActivitiesDataSheet/> </v-flex> </v-layout> @@ -57,17 +57,17 @@ import ActivitiesDataSheet from '@/components/application/sheets/activitiesDataS export default { name: 'application-view', - data() { + data () { return { loaded: 0 } }, - created() { this.init() }, + created () { this.init() }, watch: { - '$route.params.id'() { this.init() } + '$route.params.id' () { this.init() } }, methods: { - init() { + init () { this.$store.dispatch('moduleApplications/getCurrentApplicationData', { id: this.$route.params.id }).then(() => this.loaded++) this.$store.dispatch('moduleApplications/getCurrentApplicationComments', { id: this.$route.params.id }).then(() => this.loaded++) this.$store.dispatch('moduleApplications/getCurrentApplicationMarker', { id: this.$route.params.id }).then(() => this.loaded++)