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 -->
<style scoped>
h3 {
margin: 40px 0 0;
}
ul {
/* list-style-type: none;*/
padding: 0;
}
li {
/*display: inline-block;*/
margin: 0 10px;
}
</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 -->
<style scoped>
h3 {
margin: 40px 0 0;
}
ul {
/* list-style-type: none;*/
padding: 0;
}
li {
/*display: inline-block;*/
margin: 0 10px;
}
</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 -->
<style scoped>
.changed {
background-color: #db88f5;
background-color: 'yellow';
}
</style>

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

@ -1,5 +1,6 @@
<template>
<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" -->
@ -7,19 +8,20 @@
<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">
<pre>{{ item.node.polymorphic_ctype.model }}</pre>
<pre>{{ item }}</pre>
</div>
<div v-if="item.children.length === 0">
<div v-if="item.appendable_children.length > 0">
<b>Vložit jako syna: </b>
<addnewnode :types="item.appendable_siblings" :refnode="item.node" where="syn" />
<div v-if="item.appendable_children.length > 0" class="mam-org-only">
<b>Vložit jako syna: </b>
<addnewnode :types="item.appendable_siblings" :refnode="item.node" where="syn" />
</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">
<b>Vložit před: </b>
<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" >
<TreeNode :item="chld">
</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-else>Vložit za: </b>
<addnewnode :types="chld.appendable_siblings" :refnode="chld.node" where="za" />
@ -83,9 +85,9 @@ export default {
*/
.children-org {
padding: 5px;
padding: 10px;
margin: 5px;
border: #6a0043 2px solid;
border: #6a0043 2px dashed;
}
.mam-org-only {