Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <v-expansion-panels hover>
- <v-expansion-panel>
- <v-expansion-panel-header class="title">
- Notas Pessoais
- <v-dialog v-model="dialog_adicionar" persistent max-width="600px">
- <template v-slot:activator="{ on: dialog_adicionar }">
- <v-fab-transition>
- <v-btn
- v-on="{...dialog_adicionar}"
- @click.native.stop
- v-show="!hidden"
- class="mr-8"
- color="#ff715b"
- text
- dark
- absolute
- right
- icon
- fab
- >
- <v-icon>mdi-plus</v-icon>
- </v-btn>
- </v-fab-transition>
- </template>
- <v-card>
- <v-card-title>
- <span class="headline" >Adicionar Nota</span>
- </v-card-title>
- <v-card-text>
- <v-container>
- <v-row>
- <v-col cols="12">
- <v-textarea v-model="nota" label="Nota*" v-on:keyup.enter="dialog_adicionar=false; adicionaNota()" required></v-textarea>
- </v-col>
- </v-row>
- </v-container>
- </v-card-text>
- <v-card-actions>
- <v-spacer></v-spacer>
- <v-btn color="orange darken-1" text @click="dialog_adicionar = false">Fechar</v-btn>
- <v-btn
- color="orange darken-1"
- text
- @click="dialog_adicionar = false
- adicionaNota()"
- >Confirmar</v-btn>
- </v-card-actions>
- </v-card>
- </v-dialog>
- </v-expansion-panel-header>
- <v-expansion-panel-content>
- <v-list v-for="(n,item) in notas" :key="item">
- <v-list-item>
- <v-list-item-content>
- <v-list-item-title>
- <v-row>
- <v-col cols="10" class="text-left">
- <v-list-item-text class="text-justify">{{n.descricao}}</v-list-item-text>
- </v-col>
- <v-spacer></v-spacer>
- <v-col cols="2" class="text-right">
- <v-btn color="#ff715b" dark @click="editar(n,item)" class="mr-2">
- <v-icon>mdi-pencil</v-icon>
- </v-btn>
- <v-btn color="#ff715b" dark @click="apagar(n,item)">
- <v-icon>mdi-delete</v-icon>
- </v-btn>
- </v-col>
- </v-row>
- </v-list-item-title>
- <v-list-item-text class="body-2 text-justify">{{n.data}}</v-list-item-text>
- </v-list-item-content>
- </v-list-item>
- <v-divider class="mx-4"></v-divider>
- </v-list>
- </v-expansion-panel-content>
- </v-expansion-panel>
- </v-expansion-panels>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement