Browse Source

práce na stylování treenode pro řešitele

export_seznamu_prednasek
Kateřina Č 4 years ago
parent
commit
b07004ab3f
  1. 17
      vue_frontend/src/components/TreeNode.vue

17
vue_frontend/src/components/TreeNode.vue

@ -1,6 +1,6 @@
<template> <template>
<div class="treenode-org"> <div :class="editorMode ? 'treenode-org' : 'treenode'">
<!--b v-if="v_tematu">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)}}--> Force visible: {{String(force_visible)}}-->
@ -14,14 +14,14 @@
</div> </div>
<div v-if="item.children.length === 0"> <div v-if="item.children.length === 0">
<div v-if="item.appendable_children.length > 0" class="mam-org-only"> <div v-if="item.appendable_children.length > 0" :class="editorMode ? 'org' : 'schovat'">
<b>Vložit jako syna: </b> <b>Vložit jako syna: </b>
<addnewnode :types="item.appendable_children" :refnode="item.node" where="syn" /> <addnewnode :types="item.appendable_children" :refnode="item.node" where="syn" />
</div> </div>
</div> </div>
<div v-else class="children-org"> <!-- bude tu nějaký if na class="children" --> <div v-else :class="editorMode ? 'children-org' : 'children'"> <!-- bude tu nějaký if na class="children" -->
<div v-if="item.children.length > 0 && item.children[0].appendable_siblings.length > 0" class="mam-org-only"> <div v-if="item.children.length > 0 && item.children[0].appendable_siblings.length > 0" :class="editorMode ? 'org' : 'schovat'">
<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>
@ -41,7 +41,7 @@
:force_visible="showChildren"> :force_visible="showChildren">
</TreeNode> </TreeNode>
</div> </div>
<div v-if="chld.appendable_siblings.length > 0" class="mam-org-only" > <div v-if="chld.appendable_siblings.length > 0" :class="editorMode ? 'org' : 'schovat'" >
<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>
<addnewnode :types="chld.appendable_siblings" :refnode="chld.node" where="za" /> <addnewnode :types="chld.appendable_siblings" :refnode="chld.node" where="za" />
@ -63,7 +63,7 @@
:force_visible="force_visible"> :force_visible="force_visible">
</TreeNode> </TreeNode>
</div> </div>
<div v-if="chld.appendable_siblings.length > 0" class="mam-org-only" > <div v-if="chld.appendable_siblings.length > 0" :class="editorMode ? 'org' : 'schovat'" >
<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>
<addnewnode :types="chld.appendable_siblings" :refnode="chld.node" where="za" /> <addnewnode :types="chld.appendable_siblings" :refnode="chld.node" where="za" />
@ -101,6 +101,7 @@ export default {
data: () => ({ data: () => ({
debugShow: false, debugShow: false,
showChildren: false, showChildren: false,
editorMode: false
}), }),
computed: { computed: {
}, },
@ -148,4 +149,8 @@ export default {
/* display: none; */ /* display: none; */
} }
.schovat {
display: none
}
</style> </style>

Loading…
Cancel
Save