Created
May 8, 2020 21:08
-
-
Save tiagovignatti/1ed496a0a803bbe7c9df15d0cd45dd86 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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