mirror of
https://github.com/filebrowser/filebrowser.git
synced 2025-05-10 04:02:57 +00:00
b50b0d57fe
Former-commit-id: 3bb6cc662da9e9255bd61fef42430c271002fd49 [formerly eaf1785c4f85522e4eb66d00a6ae9dd9ecc4fcb4] [formerly addd3ffe1396e6df84cdc3e8787d57ffb2be3dc6 [formerly 800693ad49e76c880230eb8cd1bc4a95e8c39fff]] Former-commit-id: 6c24d30f26529457202f470620a0ea1d31772b13 [formerly 384d2af17fe100b9db91462eb41337f9dff855f4] Former-commit-id: 94f4933e12f97ee7468c884f041612498e07ba32
29 lines
741 B
Vue
29 lines
741 B
Vue
<template>
|
|
<button @click="change" aria-label="Switch View" title="Switch View" class="action" id="switch-view-button">
|
|
<i class="material-icons">{{ icon() }}</i>
|
|
<span>Switch view</span>
|
|
</button>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'switch-button',
|
|
methods: {
|
|
change: function (event) {
|
|
let display = 'mosaic'
|
|
|
|
if (this.$store.state.req.display === 'mosaic') {
|
|
display = 'list'
|
|
}
|
|
|
|
this.$store.commit('listingDisplay', display)
|
|
document.cookie = `display=${display}; max-age=31536000; path=${this.$store.state.baseURL}`
|
|
},
|
|
icon: function () {
|
|
if (this.$store.state.req.display === 'mosaic') return 'view_list'
|
|
return 'view_module'
|
|
}
|
|
}
|
|
}
|
|
</script>
|