This commit is contained in:
Milos Stojanovic
2019-06-26 09:33:32 +02:00
parent 9df2059eec
commit 565e73c0f8
3 changed files with 11 additions and 7 deletions

View File

@@ -1,3 +1,2 @@
frontend/main.js frontend/main.js
frontend/registerServiceWorker.js frontend/registerServiceWorker.js
frontend/views/partials/TreeNode.vue

View File

@@ -8,6 +8,6 @@ module.exports = {
// override/add rules settings here, such as: // override/add rules settings here, such as:
'no-unused-vars': 'error', 'no-unused-vars': 'error',
'vue/require-prop-types': 0, 'vue/require-prop-types': 0,
'vue/max-attributes-per-line': 10 'vue/max-attributes-per-line': 4
} }
} }

View File

@@ -1,9 +1,11 @@
<template> <template>
<li class="node-tree"> <li class="node-tree">
<b-button :type="button_type" size="is-small" @click="toggleButton(node)"> <b-button :type="button_type" size="is-small" @click="toggleButton(node)">
<span class="icon"><i :class="icon"></i></span> <span class="icon"><i :class="icon" /></span>
</b-button> </b-button>
&nbsp; <a @click="$emit('selected', node)">{{ node.name }}</a> &nbsp;
<!-- eslint-disable-next-line -->
<a @click="$emit('selected', node)">{{ node.name }}</a>
<ul v-if="node.children && node.children.length"> <ul v-if="node.children && node.children.length">
<TreeNode v-for="(child, index) in node.children" :key="index" :node="child" @selected="$emit('selected', $event)" /> <TreeNode v-for="(child, index) in node.children" :key="index" :node="child" @selected="$emit('selected', $event)" />
@@ -18,7 +20,10 @@ import _ from 'lodash'
export default { export default {
name: "TreeNode", name: "TreeNode",
props: { props: {
node: Object node: {
type: Object,
required: true
}
}, },
data() { data() {
return { return {