Advertisement
Guest User

Untitled

a guest
Jan 24th, 2020
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.51 KB | None | 0 0
  1. <v-expansion-panels hover>
  2. <v-expansion-panel>
  3. <v-expansion-panel-header class="title">
  4. Notas Pessoais
  5. <v-dialog v-model="dialog_adicionar" persistent max-width="600px">
  6. <template v-slot:activator="{ on: dialog_adicionar }">
  7. <v-fab-transition>
  8. <v-btn
  9. v-on="{...dialog_adicionar}"
  10. @click.native.stop
  11. v-show="!hidden"
  12. class="mr-8"
  13. color="#ff715b"
  14. text
  15. dark
  16. absolute
  17. right
  18. icon
  19. fab
  20. >
  21. <v-icon>mdi-plus</v-icon>
  22. </v-btn>
  23. </v-fab-transition>
  24. </template>
  25. <v-card>
  26. <v-card-title>
  27. <span class="headline" >Adicionar Nota</span>
  28. </v-card-title>
  29. <v-card-text>
  30. <v-container>
  31. <v-row>
  32. <v-col cols="12">
  33. <v-textarea v-model="nota" label="Nota*" v-on:keyup.enter="dialog_adicionar=false; adicionaNota()" required></v-textarea>
  34. </v-col>
  35. </v-row>
  36. </v-container>
  37. </v-card-text>
  38. <v-card-actions>
  39. <v-spacer></v-spacer>
  40. <v-btn color="orange darken-1" text @click="dialog_adicionar = false">Fechar</v-btn>
  41. <v-btn
  42. color="orange darken-1"
  43. text
  44. @click="dialog_adicionar = false
  45. adicionaNota()"
  46. >Confirmar</v-btn>
  47. </v-card-actions>
  48. </v-card>
  49. </v-dialog>
  50. </v-expansion-panel-header>
  51. <v-expansion-panel-content>
  52. <v-list v-for="(n,item) in notas" :key="item">
  53. <v-list-item>
  54. <v-list-item-content>
  55. <v-list-item-title>
  56. <v-row>
  57. <v-col cols="10" class="text-left">
  58. <v-list-item-text class="text-justify">{{n.descricao}}</v-list-item-text>
  59. </v-col>
  60. <v-spacer></v-spacer>
  61. <v-col cols="2" class="text-right">
  62. <v-btn color="#ff715b" dark @click="editar(n,item)" class="mr-2">
  63. <v-icon>mdi-pencil</v-icon>
  64. </v-btn>
  65. <v-btn color="#ff715b" dark @click="apagar(n,item)">
  66. <v-icon>mdi-delete</v-icon>
  67. </v-btn>
  68. </v-col>
  69. </v-row>
  70. </v-list-item-title>
  71. <v-list-item-text class="body-2 text-justify">{{n.data}}</v-list-item-text>
  72. </v-list-item-content>
  73. </v-list-item>
  74. <v-divider class="mx-4"></v-divider>
  75. </v-list>
  76. </v-expansion-panel-content>
  77. </v-expansion-panel>
  78. </v-expansion-panels>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement