patek/res-judicata
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Šimon Jan Šustek 2021-01-23 00:57:39 +01:00
parent f0f35fba7c
commit c63b2dd6f0
2 changed files with 126 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
form/res-judicata/src/components/edit/Hlava.vue Normal file
View 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>

62
form/res-judicata/src/views/Edit.vue
View File

@ -1,19 +1,56 @@
<template> <template>
<div class="edit"> <div class="edit">
<NavBar v-on:share="$buefy.dialog.alert('Ještě není naimplementováno')" /> <NavBar v-on:share="$buefy.dialog.alert('Ještě není naimplementováno')" />
<div class="document container mt-6"> <div class="document container has-text-left mt-6">
<div class="columns"> <div class="columns mb-3">
<div class="column is-two-thirds"> <div class="column is-two-thirds">
</div> </div>
<div class="column"> <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.nazev }}<br>
{{ zaloba.soud.sidlo.uliceacislopopisne }}<br> {{ zaloba.soud.sidlo.uliceacislopopisne }}<br>
{{ zaloba.soud.sidlo.psc }} {{ zaloba.soud.sidlo.mesto }} {{ zaloba.soud.sidlo.psc }} {{ zaloba.soud.sidlo.mesto }}
</p> </p>
</div> </div>
</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>
</div> </div>
</template> </template>
@ -29,11 +66,13 @@
<script> <script>
import NavBar from '@/components/edit/NavBar.vue' import NavBar from '@/components/edit/NavBar.vue'
import Hlava from '@/components/edit/Hlava.vue'
export default { export default {
name: 'Edit', name: 'Edit',
components: { components: {
NavBar NavBar,
Hlava
}, },
data: () => { data: () => {
return { return {
@ -49,6 +88,7 @@ export default {
}, },
zalobci: [ zalobci: [
{ {
rod: "m",
jmeno: "Jan", jmeno: "Jan",
prijmeni: "Žalující", prijmeni: "Žalující",
sidlo: { sidlo: {
@ -59,6 +99,7 @@ export default {
}, },
rodnecisloneboico: "111111121", rodnecisloneboico: "111111121",
zastoupen: { zastoupen: {
rod: "m",
jmeno: "Právník", jmeno: "Právník",
prijmeni: "Právní", prijmeni: "Právní",
sidlo: { sidlo: {
@ -73,8 +114,9 @@ export default {
], ],
zalovani: [ zalovani: [
{ {
jmeno: "Honza", rod: "f",
prijmeni: "Žalovaný", jmeno: "Jana",
prijmeni: "Žalovaná",
sidlo: { sidlo: {
uliceacislopopisne: "Zločinná 4", uliceacislopopisne: "Zločinná 4",
mesto: "Malý Trestník", mesto: "Malý Trestník",
@ -87,7 +129,11 @@ export default {
hlavy: [ // vlastne odstavec hlavy: [ // vlastne odstavec
{ {
nazev:"I.", // tohle bude prevazne cislovane 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", datum: "1. 1. 2020",