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

pokračování na vzhledu

Browse source
This commit is contained in:
Kateřina Č 2020-09-18 13:36:02 +02:00
parent 7d21da0a8f
commit 34cd1b2d93
4 changed files with 12 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
vue_frontend/src/components/CisloNode.vue
View file

@ -16,16 +16,4 @@ 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>
h3 {
margin: 40px 0 0;
}
ul {
/* list-style-type: none;*/
padding: 0;
}
li {
/*display: inline-block;*/
margin: 0 10px;
}
</style> </style>

12
vue_frontend/src/components/RocnikNode.vue
View file

@ -18,16 +18,4 @@ 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>
h3 {
margin: 40px 0 0;
}
ul {
/* list-style-type: none;*/
padding: 0;
}
li {
/*display: inline-block;*/
margin: 0 10px;
}
</style> </style>

2
vue_frontend/src/components/TextNode.vue
View file

@ -120,6 +120,6 @@ 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>
.changed { .changed {
background-color: #db88f5; background-color: 'yellow';
} }
</style> </style>

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

@ -1,5 +1,6 @@
<template> <template>
<details> <details>
<!-- následující řádek nefunguje, protože summary musí být první tag v details --> <!-- následující řádek nefunguje, protože summary musí být první tag v details -->
<!-- <div class="treenode-org"> bude tu nějaký if na class="treenode" --> <!-- <div class="treenode-org"> bude tu nějaký if na class="treenode" -->
@ -7,19 +8,20 @@
<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> </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">
<pre>{{ item.node.polymorphic_ctype.model }}</pre> <pre>{{ item.node.polymorphic_ctype.model }}</pre>
<pre>{{ item }}</pre> <pre>{{ item }}</pre>
</div> </div>
<div v-if="item.children.length === 0"> <div v-if="item.children.length === 0">
<div v-if="item.appendable_children.length > 0"> <div v-if="item.appendable_children.length > 0" class="mam-org-only">
<b>Vložit jako syna: </b> <b>Vložit jako syna: </b>
<addnewnode :types="item.appendable_siblings" :refnode="item.node" where="syn" /> <addnewnode :types="item.appendable_siblings" :refnode="item.node" where="syn" />
</div> </div>
</div> </div>
<div class="children-org"> <!--bude tu nějaký if na class="children" -->
<div v-else class="children-org"> <!-- 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="mam-org-only">
<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" />
@ -28,7 +30,7 @@
<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">
</TreeNode> </TreeNode>
<div v-if="chld.appendable_siblings.length > 0" class="mam-org-only" id="org-only-treenode" > <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>
<addnewnode :types="chld.appendable_siblings" :refnode="chld.node" where="za" /> <addnewnode :types="chld.appendable_siblings" :refnode="chld.node" where="za" />
@ -83,9 +85,9 @@ export default {
*/ */
.children-org { .children-org {
padding: 5px; padding: 10px;
margin: 5px; margin: 5px;
border: #6a0043 2px solid; border: #6a0043 2px dashed;
} }
.mam-org-only { .mam-org-only {