aa219e701e
Former-commit-id: fd6209370028490ac4766e61ebd87350e12efd22 [formerly 88b307e153445f3a22a38b5113f8a184d87dc75c] [formerly 7c5d74411dee7036012e734555763df009190de6 [formerly f572fc78374507efc90c3412acd8b1fea5976224]] Former-commit-id: 791eab82673bdd5b41947b20f444066bb9070406 [formerly 582a15ff9879494afac6893a675bab094973d5a4] Former-commit-id: a936d8b2e15203541a2b0ff074b4146867352426
79 lines
2.6 KiB
Vue
79 lines
2.6 KiB
Vue
<template>
|
|
<nav :class="{active}">
|
|
<router-link class="action" to="/files/" :aria-label="$t('sidebar.myFiles')" :title="$t('sidebar.myFiles')">
|
|
<i class="material-icons">folder</i>
|
|
<span>{{ $t('sidebar.myFiles') }}</span>
|
|
</router-link>
|
|
|
|
<div v-if="user.allowNew">
|
|
<button @click="$store.commit('showHover', 'newDir')" class="action" :aria-label="$t('sidebar.newFolder')" :title="$t('sidebar.newFolder')">
|
|
<i class="material-icons">create_new_folder</i>
|
|
<span>{{ $t('sidebar.newFolder') }}</span>
|
|
</button>
|
|
|
|
<button @click="$store.commit('showHover', 'newFile')" class="action" :aria-label="$t('sidebar.newFile')" :title="$t('sidebar.newFile')">
|
|
<i class="material-icons">note_add</i>
|
|
<span>{{ $t('sidebar.newFile') }}</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div v-for="plugin in plugins" :key="plugin.name">
|
|
<button v-for="action in plugin.sidebar" @click="action.click($event, pluginData, $route)" :aria-label="action.name" :title="action.name" :key="action.name" class="action">
|
|
<i class="material-icons">{{ action.icon }}</i>
|
|
<span>{{ action.name }}</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div v-if="!$store.state.user.noAuth">
|
|
<router-link class="action" to="/settings" :aria-label="$t('sidebar.settings')" :title="$t('sidebar.settings')">
|
|
<i class="material-icons">settings_applications</i>
|
|
<span>{{ $t('sidebar.settings') }}</span>
|
|
</router-link>
|
|
|
|
<button @click="logout" class="action" id="logout" :aria-label="$t('sidebar.logout')" :title="$t('sidebar.logout')">
|
|
<i class="material-icons">exit_to_app</i>
|
|
<span>{{ $t('sidebar.logout') }}</span>
|
|
</button>
|
|
</div>
|
|
|
|
<p class="credits">
|
|
<span>{{ $t('sidebar.servedWith') }} <a rel="noopener noreferrer" href="https://github.com/hacdias/filemanager">File Manager</a>.</span>
|
|
<span v-for="plugin in plugins" :key="plugin.name" v-html="plugin.credits"><br></span>
|
|
<span><a @click="help">{{ $t('sidebar.help') }}</a></span>
|
|
</p>
|
|
</nav>
|
|
</template>
|
|
|
|
<script>
|
|
import {mapState} from 'vuex'
|
|
import auth from '@/utils/auth'
|
|
import buttons from '@/utils/buttons'
|
|
import api from '@/utils/api'
|
|
|
|
export default {
|
|
name: 'sidebar',
|
|
data: function () {
|
|
return {
|
|
pluginData: {
|
|
api,
|
|
buttons,
|
|
'store': this.$store,
|
|
'router': this.$router
|
|
}
|
|
}
|
|
},
|
|
computed: {
|
|
...mapState(['user', 'plugins']),
|
|
active () {
|
|
return this.$store.state.show === 'sidebar'
|
|
}
|
|
},
|
|
methods: {
|
|
help: function () {
|
|
this.$store.commit('showHover', 'help')
|
|
},
|
|
logout: auth.logout
|
|
}
|
|
}
|
|
</script>
|