summaryrefslogtreecommitdiffstats
path: root/src/components/core/appNavigation.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/core/appNavigation.vue')
-rw-r--r--src/components/core/appNavigation.vue96
1 files changed, 0 insertions, 96 deletions
diff --git a/src/components/core/appNavigation.vue b/src/components/core/appNavigation.vue
deleted file mode 100644
index 8793e9eb..00000000
--- a/src/components/core/appNavigation.vue
+++ /dev/null
@@ -1,96 +0,0 @@
-<!--
- - @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>
- -
- - @author John Molakvoæ <skjnldsv@protonmail.com>
- -
- - @license GNU AGPL version 3 or any later version
- -
- - This program is free software: you can redistribute it and/or modify
- - it under the terms of the GNU Affero General Public License as
- - published by the Free Software Foundation, either version 3 of the
- - License, or (at your option) any later version.
- -
- - This program is distributed in the hope that it will be useful,
- - but WITHOUT ANY WARRANTY; without even the implied warranty of
- - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- - GNU Affero General Public License for more details.
- -
- - You should have received a copy of the GNU Affero General Public License
- - along with this program. If not, see <http://www.gnu.org/licenses/>.
- -
- -->
-
-<template>
- <div id="app-navigation" :class="{'icon-loading': menu.loading}">
- <div v-if="menu.new" class="app-navigation-new">
- <button :id="menu.new.id" :class="menu.new.icon" type="button"
- @click="menu.new.action">{{ menu.new.text }}</button>
- </div>
- <ul :id="menu.id">
- <navigation-item v-for="item in menu.items" :item="item" :key="item.key" />
- </ul>
- <div v-click-outside="closeMenu" v-if="!!$slots['settings-content']" id="app-settings"
- :class="{open: opened}">
- <div id="app-settings-header">
- <button class="settings-button"
- data-apps-slide-toggle="#app-settings-content"
- @click="toggleMenu"
- >{{ t('contacts', 'Settings') }}</button>
- </div>
- <div id="app-settings-content">
- <slot name="settings-content" />
- </div>
- </div>
- </div>
-</template>
-
-<script>
-import navigationItem from './appNavigation/navigationItem'
-import clickOutside from 'vue-click-outside'
-
-export default {
- name: 'AppNavigation',
- components: {
- navigationItem,
- clickOutside
- },
- directives: {
- clickOutside
- },
- props: {
- menu: {
- type: Object,
- required: true,
- default: () => {
- return {
- new: {
- id: 'new-item',
- action: () => alert('Success!'),
- icon: 'icon-add',
- text: 'New item'
- },
- menu: {
- id: 'navigation',
- items: [
-
- ]
- }
- }
- }
- }
- },
- data() {
- return {
- opened: false
- }
- },
- methods: {
- toggleMenu() {
- this.opened = !this.opened
- },
- closeMenu() {
- this.opened = false
- }
- }
-}
-</script>