WIP
This commit is contained in:
parent
f0f35fba7c
commit
c63b2dd6f0
72
form/res-judicata/src/components/edit/Hlava.vue
Normal file
72
form/res-judicata/src/components/edit/Hlava.vue
Normal file
@ -0,0 +1,72 @@
|
||||
<template>
|
||||
<div id="hlava">
|
||||
<div v-on:click="makeactive" v-if="!isactive">
|
||||
<p class="mx-6 mt-4 has-text-weight-bold has-text-centered">
|
||||
{{ title }}
|
||||
</p>
|
||||
<p>
|
||||
{{ text }}
|
||||
</p>
|
||||
</div>
|
||||
<div v-if="isactive">
|
||||
<p class="mx-6 mt-4 has-text-weight-bold has-text-centered">
|
||||
<b-input style="text-align:right;" v-on:blur="makeinactive" v-model="title"></b-input>
|
||||
</p>
|
||||
<p>
|
||||
<b-input v-on:blur="makeinactive" v-model="text" type="textarea"></b-input>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "Hlava",
|
||||
props: ['title', 'text'],
|
||||
data: () => {
|
||||
return {
|
||||
isactive: false,
|
||||
istitlefocused: false,
|
||||
istextfocused: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
makeactive: function () {
|
||||
this.isactive = true;
|
||||
},
|
||||
makeinactive: function () {
|
||||
this.isactive = false;
|
||||
},
|
||||
changeFocus: function (how, what) {
|
||||
if (how=="focus") {
|
||||
switch (what) {
|
||||
case "title":
|
||||
this.istitlefocused = true
|
||||
break;
|
||||
case "text":
|
||||
this.istextfocused = true
|
||||
break;
|
||||
}
|
||||
} else {
|
||||
switch (what) {
|
||||
case "title":
|
||||
this.istitlefocused = false
|
||||
break;
|
||||
case "text":
|
||||
this.istextfocused = false
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (this.istitlefocused||this.istextfocused==true) {
|
||||
this.makeactive()
|
||||
} else {
|
||||
this.makeinactive()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -1,19 +1,56 @@
|
||||
<template>
|
||||
<div class="edit">
|
||||
<NavBar v-on:share="$buefy.dialog.alert('Ještě není naimplementováno')" />
|
||||
<div class="document container mt-6">
|
||||
<div class="columns">
|
||||
<div class="document container has-text-left mt-6">
|
||||
<div class="columns mb-3">
|
||||
<div class="column is-two-thirds">
|
||||
</div>
|
||||
<div class="column">
|
||||
<p class="soud has-text-left has-text-weight-bold">
|
||||
<p class="soud has-text-weight-bold">
|
||||
{{ zaloba.soud.nazev }}<br>
|
||||
{{ zaloba.soud.sidlo.uliceacislopopisne }}<br>
|
||||
{{ zaloba.soud.sidlo.psc }} {{ zaloba.soud.sidlo.mesto }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="my-4">
|
||||
Žalobce:
|
||||
<div v-for="zalobce in zaloba.zalobci" :key="zalobce.rodnecisloneboico" class="zalobce mx-6 mt-3">
|
||||
{{ zalobce.jmeno }} {{ zalobce.prijmeni }}, rč. {{ zalobce.rodnecisloneboico }}<br>
|
||||
{{ zalobce.sidlo.uliceacislopopisne }}, {{ zalobce.sidlo.psc }} {{ zalobce.sidlo.mesto }}
|
||||
<div v-if="zalobce.zastoupen" class="mt-2">
|
||||
zastoupen:<br>
|
||||
<div class="mx-3 mt-1">
|
||||
{{ zalobce.zastoupen.jmeno }} {{ zalobce.zastoupen.prijmeni }}, ičo. {{ zalobce.zastoupen.rodnecisloneboico }}<br>
|
||||
{{ zalobce.zastoupen.sidlo.uliceacislopopisne }}, {{ zalobce.zastoupen.sidlo.psc }} {{ zalobce.zastoupen.sidlo.mesto }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-4">
|
||||
Žalovaný:
|
||||
<div v-for="zalovan in zaloba.zalovani" :key="zalovan.rodnecisloneboico" class="zalobce mx-6 mt-3">
|
||||
{{ zalovan.jmeno }} {{ zalovan.prijmeni }}, rč. {{ zalovan.rodnecisloneboico }}<br>
|
||||
{{ zalovan.sidlo.uliceacislopopisne }}, {{ zalovan.sidlo.psc }} {{ zalovan.sidlo.mesto }}
|
||||
<div v-if="zalovan.zastoupen" class="mt-2">
|
||||
zastoupen:<br>
|
||||
<div class="mx-3 mt-1">
|
||||
{{ zalovan.zastoupen.jmeno }} {{ zalovan.zastoupen.prijmeni }}, ičo. {{ zalovan.zastoupen.rodnecisloneboico }}<br>
|
||||
{{ zalovan.zastoupen.sidlo.uliceacislopopisne }}, {{ zalovan.zastoupen.sidlo.psc }} {{ zalovan.zastoupen.sidlo.mesto }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mx-6">
|
||||
- {{ zaloba.cosleduje }}
|
||||
</div>
|
||||
<div class="mx-6 mt-4 has-text-weight-bold has-text-centered">
|
||||
{{ zaloba.title }}
|
||||
</div>
|
||||
<div>
|
||||
<Hlava v-for="hlava in zaloba.hlavy" :key="hlava.nazev" v-bind:title="hlava.nazev" v-bind:text="hlava.text" />
|
||||
</div>
|
||||
<b-button type="is-light" class="mt-3" expanded>+</b-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@ -29,11 +66,13 @@
|
||||
|
||||
<script>
|
||||
import NavBar from '@/components/edit/NavBar.vue'
|
||||
import Hlava from '@/components/edit/Hlava.vue'
|
||||
|
||||
export default {
|
||||
name: 'Edit',
|
||||
components: {
|
||||
NavBar
|
||||
NavBar,
|
||||
Hlava
|
||||
},
|
||||
data: () => {
|
||||
return {
|
||||
@ -49,6 +88,7 @@ export default {
|
||||
},
|
||||
zalobci: [
|
||||
{
|
||||
rod: "m",
|
||||
jmeno: "Jan",
|
||||
prijmeni: "Žalující",
|
||||
sidlo: {
|
||||
@ -59,6 +99,7 @@ export default {
|
||||
},
|
||||
rodnecisloneboico: "111111121",
|
||||
zastoupen: {
|
||||
rod: "m",
|
||||
jmeno: "Právník",
|
||||
prijmeni: "Právní",
|
||||
sidlo: {
|
||||
@ -73,8 +114,9 @@ export default {
|
||||
],
|
||||
zalovani: [
|
||||
{
|
||||
jmeno: "Honza",
|
||||
prijmeni: "Žalovaný",
|
||||
rod: "f",
|
||||
jmeno: "Jana",
|
||||
prijmeni: "Žalovaná",
|
||||
sidlo: {
|
||||
uliceacislopopisne: "Zločinná 4",
|
||||
mesto: "Malý Trestník",
|
||||
@ -87,7 +129,11 @@ export default {
|
||||
hlavy: [ // vlastne odstavec
|
||||
{
|
||||
nazev:"I.", // tohle bude prevazne cislovane
|
||||
text:"Žaluju ji ho proto, že mi snědl koblihu"
|
||||
text:"Žaluju ji proto, že mi snědla koblihu"
|
||||
},
|
||||
{
|
||||
nazev:"II.",
|
||||
text:"A taky proto, že je to číča"
|
||||
}
|
||||
],
|
||||
datum: "1. 1. 2020",
|
||||
|
||||
Loading…
Reference in New Issue
Block a user