mam/mamweb
11
0
Fork 0
Code Issues Pull requests 8 Projects Wiki Activity Actions

zrušeno details/summary

Browse source
This commit is contained in:
Kateřina Č 2020-09-21 10:58:54 +02:00
parent 9abe4c2bb4
commit cb50e81e99
1 changed files with 10 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,12 +1,9 @@
<template> <template>
<details>
<!-- následující řádek nefunguje, protože summary musí být první tag v details --> <div class="treenode-org">
<!-- <div class="treenode-org"> bude tu nějaký if na class="treenode" --> <b v-if="v_tematku">ubvoueab</b>
<summary>
<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>
</summary>
<button v-on:click="debugShow = !debugShow" class="nodebug">Ladící data</button> <!-- bude tu nějaký if na class="nodebug", v debug módu bude tlačítko vidět, jinak ne --> <button v-on:click="debugShow = !debugShow" class="nodebug">Ladící data</button> <!-- bude tu nějaký if na class="nodebug", v debug módu bude tlačítko vidět, jinak ne -->
<div v-if="debugShow"> <div v-if="debugShow">
@ -28,7 +25,7 @@
</div> </div>
<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"> <TreeNode :item="chld" :v_tematku="item.node.polymorphic_ctype.model==='temavcislenode'||v_tematku">
</TreeNode> </TreeNode>
<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>
@ -38,7 +35,6 @@
</div> </div>
</div> </div>
</details>
</template> </template>
<script> <script>
@ -68,7 +64,9 @@ export default {
debugShow: false, debugShow: false,
}), }),
props: { props: {
item: Object item: Object,
visible: Boolean,
v_tematku: Boolean
} }
} }
</script> </script>
@ -76,13 +74,13 @@ export default {
<!-- Add "scoped" attribute to limit CSS to this component only --> <!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped> <style scoped>
/*
.treenode-org { .treenode-org {
padding: 5px; padding: 5px;
margin: 5px; margin: 5px;
border: #6a0043 2px dashed; border: #6a0043 2px solid;
} }
*/
.children-org { .children-org {
padding: 10px; padding: 10px;
@ -98,16 +96,4 @@ export default {
/* display: none; */ /* display: none; */
} }
/* jsou potřeba obě verze, jedna funguje pro chrome a druhá pro firefox */
details > summary:first-of-type {
list-style-type: none;
}
details summary::-webkit-details-marker {
display:none;
}
details summary {
cursor: pointer;
}
</style> </style>