mam/mamweb
13
1
Fork 0
Code Issues Pull requests 12 Projects Wiki Activity Actions

TreeNode editor | Rozbalovaci texty u temat

Browse source
This commit is contained in:
Tomas "Jethro" Pokorny 2020-09-21 13:59:28 +02:00
parent c8e71a936e
commit 454ebf0088
1 changed files with 62 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
vue_frontend/src/components/TreeNode.vue
View file

@ -1,8 +1,9 @@
<template> <template>
<div class="treenode-org"> <div class="treenode-org">
<b v-if="v_tematku">v tematu</b> <!--b v-if="v_tematu">v tematu</b>
<b v-if="visible">visible</b> <b v-if="visible">visible</b>
Force visible: {{String(force_visible)}}-->
<component :is='item.node.polymorphic_ctype.model' :item='item' :key='item.node.id'></component> <component :is='item.node.polymorphic_ctype.model' :item='item' :key='item.node.id'></component>
@ -24,11 +25,22 @@
<b>Vložit před: </b> <b>Vložit před: </b>
<addnewnode :types="item.children[0].appendable_siblings" :refnode="item.children[0].node" where="pred" /> <addnewnode :types="item.children[0].appendable_siblings" :refnode="item.children[0].node" where="pred" />
</div> </div>
<div v-if="item.node.polymorphic_ctype.model==='temavcislenode'">
<!--Children: {{String(showChildren)}}-->
<div v-for="(chld, index) in item.children" v-bind:key="chld.nazev" > <div v-for="(chld, index) in item.children" v-bind:key="chld.nazev" >
<TreeNode :item="chld" :v_tematku="item.node.polymorphic_ctype.model==='temavcislenode'||v_tematku" <!--Hide: {{hideNode(chld)}}, v tematu: {{v_tematu}}, force_visible: {{force_visible}}-->
:visible="!v_tematku||item.node.polymorphic_ctype.model==='ulohazadaninode'"> <div v-if="!hideNode(chld)">
<div v-if="chld.node.polymorphic_ctype.model==='ulohazadaninode'">
<button v-on:click="showChildren=!showChildren"> Tady možná něco je </button>
<TreeNode :item="chld" :v_tematu="true"
:force_visible="showChildren">
</TreeNode> </TreeNode>
</div>
<div v-else>
<TreeNode :item="chld" :v_tematu="true"
:force_visible="showChildren">
</TreeNode>
</div>
<div v-if="chld.appendable_siblings.length > 0" class="mam-org-only" > <div v-if="chld.appendable_siblings.length > 0" class="mam-org-only" >
<b v-if="index < (item.children.length - 1)">Vložit mezi: </b> <b v-if="index < (item.children.length - 1)">Vložit mezi: </b>
<b v-else>Vložit za: </b> <b v-else>Vložit za: </b>
@ -36,6 +48,30 @@
</div> </div>
</div> </div>
</div> </div>
<button v-on:click="showChildren=!showChildren"> Tady možná něco je </button>
</div>
<div v-else>
<div v-for="(chld, index) in item.children" v-bind:key="chld.nazev" >
<div v-if="v_tematu && chld.node.polymorphic_ctype.model==='ulohazadaninode'">
<div> Tady možná něco je </div>
<TreeNode :item="chld" :v_tematu="v_tematu"
:force_visible="force_visible">
</TreeNode>
</div>
<div v-else>
<TreeNode :item="chld" :v_tematu="v_tematu"
:force_visible="force_visible">
</TreeNode>
</div>
<div v-if="chld.appendable_siblings.length > 0" class="mam-org-only" >
<b v-if="index < (item.children.length - 1)">Vložit mezi: </b>
<b v-else>Vložit za: </b>
<addnewnode :types="chld.appendable_siblings" :refnode="chld.node" where="za" />
</div>
</div>
</div>
</div>
</template> </template>
@ -64,11 +100,25 @@ export default {
}, },
data: () => ({ data: () => ({
debugShow: false, debugShow: false,
showChildren: false,
}), }),
computed: {
},
props: { props: {
item: Object, item: Object,
visible: Boolean, force_visible: Boolean,
v_tematku: Boolean v_tematu: Boolean
},
methods: {
hideNode: function(chld){
if (this.showChildren || this.force_visible){
return false;
}
if (chld.node.polymorphic_ctype.model === 'ulohazadaninode'){
return false;
}
return true;
}
} }
} }
</script> </script>