diff options
Diffstat (limited to 'js/components/appselector.vue')
| -rw-r--r-- | js/components/appselector.vue | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/js/components/appselector.vue b/js/components/appselector.vue new file mode 100644 index 0000000..2a70660 --- /dev/null +++ b/js/components/appselector.vue @@ -0,0 +1,65 @@ +<!-- + - @copyright Copyright (c) 2018 Julius Härtl <jus@bitgrid.net> + - + - @author Julius Härtl <jus@bitgrid.net> + - + - @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-selector"> + <div v-for="item in apps"> + <h3>{{ item.title }}</h3> + + <div class="affected-components"> + <div class="affected-component" v-for="component in item.items" v-on:click="selectComponent(component)"> + <div class="logo"><img :src="component.icon" /></div> + <p>{{ component.name }}</p> + </div> + </div> + </div> + </div> +</template> + +<script> + export default { + methods: { + selectComponent: function(component) { + this.$emit('select', component); + } + }, + mounted: function () { + let self = this; + $.ajax({ + url: OC.generateUrl('/apps/issuetemplate/components'), + method: 'GET', + success: function (data) { + self.apps = data; + }, + error: function (error) { + console.log(error); + self.apps = []; + } + }); + }, + data: function () { + return { + apps: {}, + selected: this.selected, + } + } + } +</script>
\ No newline at end of file |