Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save tiagovignatti/1ed496a0a803bbe7c9df15d0cd45dd86 to your computer and use it in GitHub Desktop.
Save tiagovignatti/1ed496a0a803bbe7c9df15d0cd45dd86 to your computer and use it in GitHub Desktop.
diff --git a/src/screens/my-lists/index.vue b/src/screens/my-lists/index.vue
index 0edeece..ca5f283 100644
--- a/src/screens/my-lists/index.vue
+++ b/src/screens/my-lists/index.vue
@@ -21,6 +21,7 @@
<v-card>
<v-tabs
v-model='tab'
+ right
>
<v-tab
v-for='list in lists'
@@ -28,6 +29,34 @@
>
{{ list.name }}
</v-tab>
+
+ <v-menu
+ v-if='currentListOptions.length'
+ bottom
+ left
+ >
+ <template v-slot:activator='{ on }'>
+ <v-btn
+ text
+ class='align-self-center mr-4'
+ v-on='on'
+ >
+ <v-icon right>
+ {{ mdiDotsVertical }}
+ </v-icon>
+ </v-btn>
+ </template>
+
+ <v-list class='grey lighten-3'>
+ <v-list-item
+ v-for='option in currentListOptions'
+ :key='option'
+ @click='handleCurrentListOptions(option)'
+ >
+ {{ option }}
+ </v-list-item>
+ </v-list>
+ </v-menu>
</v-tabs>
<div v-if='experiences.length > 0'>
<v-expansion-panels
diff --git a/src/screens/my-lists/scripts.js b/src/screens/my-lists/scripts.js
index cdcbada..ed80def 100644
--- a/src/screens/my-lists/scripts.js
+++ b/src/screens/my-lists/scripts.js
@@ -1,4 +1,4 @@
-import { mdiArrowLeft, mdiDelete } from '@mdi/js'
+import { mdiArrowLeft, mdiDelete, mdiDotsVertical } from '@mdi/js'
import MyLists from '@/components/MyLists'
import Overlay from '@/components/Overlay'
@@ -12,14 +12,17 @@ export default {
return {
length: 1,
tab: null,
- mdiArrowLeft, mdiDelete,
+ mdiArrowLeft, mdiDelete, mdiDotsVertical,
user: null,
lists: [],
experiences: [],
experiences3D: [],
experiencesLabs: [],
experiences360: [],
- typesExperience: ['360', 'LABS', '3D']
+ typesExperience: ['360', 'LABS', '3D'],
+ currentListOptions: [
+ 'Exportar esta lista', // 'Adicionar lista', 'Remover lista'
+ ],
}
},
async created() {
@@ -59,6 +62,9 @@ export default {
if(type === '360') this.experiences360.splice(indexExperience, 1)
if(type === 'LABS') this.experiencesLabs.splice(indexExperience, 1)
if(type === '3D') this.experiences3D.splice(indexExperience, 1)
+ },
+ handleCurrentListOptions() {
+ console.log('handleCurrentListOptions')
}
},
watch: {
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment