nextcloud-tasks/src/main.js

118 lines
3.0 KiB
JavaScript

/**
* Nextcloud - Tasks
*
* @author Raimund Schlüßler
* @copyright 2018 Raimund Schlüßler <raimund.schluessler@mailbox.org>
*
* This library is free software; you can redistribute it and/or
* modify it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE
* License as published by the Free Software Foundation; either
* version 3 of the License, or any later version.
*
* This library 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 library. If not, see <http://www.gnu.org/licenses/>.
*
*/
'use strict'
import App from './App.vue'
import router from './router.js'
import store from './store/store.js'
import { subscribe, unsubscribe } from '@nextcloud/event-bus'
import { linkTo } from '@nextcloud/router'
import Vue from 'vue'
import { sync } from 'vuex-router-sync'
import VTooltip from 'v-tooltip'
import VueClipboard from 'vue-clipboard2'
// Disable on production
Vue.config.devtools = true
Vue.config.performance = true
// CSP config for webpack dynamic chunk loading
// eslint-disable-next-line
__webpack_nonce__ = btoa(OC.requestToken)
// Correct the root of the app for chunk loading
// linkTo matches the apps folders
// generateUrl ensure the index.php (or not)
// We do not want the index.php since we're loading files
// eslint-disable-next-line
__webpack_public_path__ = linkTo('tasks', 'js/')
sync(store, router)
Vue.use(VTooltip)
Vue.use(VueClipboard)
if (!OCA.Tasks) {
/**
* @namespace OCA.Tasks
*/
OCA.Tasks = {}
}
Vue.prototype.$t = function() {
return t.apply(null, arguments).toString()
}
Vue.prototype.$n = function() {
return n.apply(null, arguments).toString()
}
Vue.prototype.t = Vue.prototype.$t
Vue.prototype.n = Vue.prototype.$n
Vue.prototype.$OC = OC
Vue.prototype.$OCA = OCA
Vue.prototype.$appVersion = appVersion
OCA.Tasks.$t = Vue.prototype.$t
OCA.Tasks.$n = Vue.prototype.$n
OCA.Tasks.App = new Vue({
el: '.app-tasks',
router,
store,
data() {
return {
searchString: '',
}
},
mounted() {
const version = this.$OC.config.version.split('.')
if (version[0] >= 20) {
// Hook to new global event for unified search
subscribe('nextcloud:unified-search.search', this.filterProxy)
subscribe('nextcloud:unified-search.reset', this.cleanSearch)
} else {
this.$OC.Search = new OCA.Search(this.filter, this.cleanSearch)
}
},
beforeMount() {
this.$store.dispatch('loadCollections')
this.$store.dispatch('loadSettings')
},
beforeDestroy() {
unsubscribe('nextcloud:unified-search.search', this.filterProxy)
unsubscribe('nextcloud:unified-search.reset', this.cleanSearch)
},
methods: {
filterProxy({ query }) {
this.filter(query)
},
filter(query) {
this.$store.commit('setSearchQuery', query)
},
cleanSearch() {
this.$store.commit('setSearchQuery', '')
},
},
render: h => h(App),
})