Implements move, copy and delete item, and delete section functionality

This commit is contained in:
Alicia Sykes
2021-10-25 19:11:13 +01:00
parent f398a374e7
commit 31e172befb
10 changed files with 75 additions and 15 deletions

View File

@@ -12,11 +12,7 @@
<EditIcon />
<span>{{ $t('context-menus.section.edit-section') }}</span>
</li>
<li v-if="isEditMode">
<MoveIcon />
<span>{{ $t('context-menus.section.move-section') }}</span>
</li>
<li v-if="isEditMode">
<li v-if="isEditMode" @click="removeSection">
<BinIcon />
<span>{{ $t('context-menus.section.remove-section') }}</span>
</li>
@@ -29,14 +25,12 @@
// Import icons for each element
import EditIcon from '@/assets/interface-icons/config-edit-json.svg';
import BinIcon from '@/assets/interface-icons/interactive-editor-remove.svg';
import MoveIcon from '@/assets/interface-icons/interactive-editor-move-to.svg';
import SameTabOpenIcon from '@/assets/interface-icons/open-current-tab.svg';
export default {
name: 'ContextMenu',
components: {
EditIcon,
MoveIcon,
BinIcon,
SameTabOpenIcon,
},
@@ -62,6 +56,9 @@ export default {
openEditSectionMenu() {
this.$emit('openEditSection');
},
removeSection() {
this.$emit('removeSection');
},
},
};
</script>