-
Notifications
You must be signed in to change notification settings - Fork 99
/
main.js
143 lines (130 loc) · 4.39 KB
/
main.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
/**
* Nextcloud - Tasks
*
* @author Raimund Schlüßler
*
* @copyright 2018 Raimund Schlüßler <[email protected]>
*
* 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 AlertBoxOutline from 'vue-material-design-icons/AlertBoxOutline.vue'
import CalendarRemove from 'vue-material-design-icons/CalendarRemove.vue'
import Cancel from 'vue-material-design-icons/Cancel.vue'
import Check from 'vue-material-design-icons/Check.vue'
import Delete from 'vue-material-design-icons/Delete.vue'
import Eye from 'vue-material-design-icons/Eye.vue'
import EyeOff from 'vue-material-design-icons/EyeOff.vue'
import Pulse from 'vue-material-design-icons/Pulse.vue'
import Tag from 'vue-material-design-icons/Tag.vue'
import TrendingUp from 'vue-material-design-icons/TrendingUp.vue'
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)
/**
* We have to globally register these material design icons
* so we can use them dynamically via `<component :is="icon" />`
* in the MultiselectOption component.
*/
// eslint-disable-next-line vue/match-component-file-name
Vue.component('IconAlertBoxOutline', AlertBoxOutline)
// eslint-disable-next-line vue/match-component-file-name
Vue.component('IconCalendarRemove', CalendarRemove)
// eslint-disable-next-line vue/match-component-file-name
Vue.component('IconCancel', Cancel)
// eslint-disable-next-line vue/match-component-file-name
Vue.component('IconCheck', Check)
// eslint-disable-next-line vue/match-component-file-name
Vue.component('IconDelete', Delete)
// eslint-disable-next-line vue/match-component-file-name
Vue.component('IconEye', Eye)
// eslint-disable-next-line vue/match-component-file-name
Vue.component('IconEyeOff', EyeOff)
// eslint-disable-next-line vue/match-component-file-name
Vue.component('IconPulse', Pulse)
// eslint-disable-next-line vue/match-component-file-name
Vue.component('IconTag', Tag)
// eslint-disable-next-line vue/match-component-file-name
Vue.component('IconTrendingUp', TrendingUp)
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.$OC = OC
Vue.prototype.$OCA = OCA
Vue.prototype.$appVersion = appVersion
OCA.Tasks.App = new Vue({
el: '.app-tasks',
router,
store,
data() {
return {
searchString: '',
}
},
mounted() {
subscribe('nextcloud:unified-search.search', this.filterProxy)
subscribe('nextcloud:unified-search.reset', 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),
})