Application.vue 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!--
  2. TODO: n'est pas utilisé pour l'instant
  3. -->
  4. <template>
  5. <v-dialog v-model="dialog" persistent max-width="600">
  6. <v-card>
  7. <v-card-title>
  8. Formulaire de Candidature
  9. </v-card-title>
  10. <v-card-text>
  11. <!-- Ajoutez ici les champs du formulaire -->
  12. <v-form @submit="submitApplication">
  13. <v-text-field v-model="nom" label="Nom"></v-text-field>
  14. <v-text-field v-model="prenom" label="Prénom"></v-text-field>
  15. <v-text-field v-model="email" label="Email"></v-text-field>
  16. <v-text-field v-model="telephone" label="Téléphone"></v-text-field>
  17. <input type="file" @change="handleFileUpload" />
  18. <v-textarea v-model="message" label="Message"></v-textarea>
  19. </v-form>
  20. </v-card-text>
  21. <v-card-actions>
  22. <v-btn @click="dialog = false">Annuler</v-btn>
  23. <v-btn @click="submitApplication" color="primary">Envoyer</v-btn>
  24. </v-card-actions>
  25. </v-card>
  26. </v-dialog>
  27. </template>
  28. <script>
  29. export default {
  30. data() {
  31. return {
  32. dialog: false,
  33. nom: "",
  34. prenom: "",
  35. email: "",
  36. telephone: "",
  37. cv: null,
  38. lettreMotivation: null,
  39. message: ""
  40. };
  41. },
  42. methods: {
  43. openApplicationForm() {
  44. this.dialog = true;
  45. },
  46. handleFileUpload(event) {
  47. const file = event.target.files[0];
  48. if (file) {
  49. // Gérer le fichier ici, par exemple
  50. }
  51. },
  52. submitApplication() {
  53. // Gérer l'envoi du formulaire ici
  54. this.dialog = false;
  55. }
  56. }
  57. };
  58. </script>