Working frontend of the zaloba guide
This commit is contained in:
parent
b4a44124b7
commit
453bc95f20
@ -6,22 +6,166 @@
|
|||||||
</header>
|
</header>
|
||||||
<section class="modal-card-body">
|
<section class="modal-card-body">
|
||||||
<b-steps :has-navigation="hasNavigation" v-model="activeStep">
|
<b-steps :has-navigation="hasNavigation" v-model="activeStep">
|
||||||
<b-step-item step="1" label="Soud">
|
<b-step-item step="1" label="Žalobce">
|
||||||
<h1 class="title has-text-centered">K jakému soudu budete žalobu podávat?</h1>
|
<h1 class="title has-text-centered">Kdo jste vy, jako žalobce?</h1>
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column">
|
||||||
|
<b-field>
|
||||||
|
<b-field label="Jméno">
|
||||||
|
<b-input placeholder="Jméno" required v-model="zaloba.zalobci[0].jmeno"></b-input>
|
||||||
|
</b-field>
|
||||||
|
<b-field label="Příjmení">
|
||||||
|
<b-input placeholder="Příjmení" required v-model="zaloba.zalobci[0].prijmeni"></b-input>
|
||||||
|
</b-field>
|
||||||
|
</b-field>
|
||||||
|
<b-field label="Rodné číslo">
|
||||||
|
<b-input placeholder="Rodné číslo" validation-message="Rodné číslo může obsahovat pouze číslice a lomítko" max="10" pattern="[0-9/]*" required v-model="zaloba.zalobci[0].rodnecisloneboico"></b-input>
|
||||||
|
</b-field>
|
||||||
|
<b-field label="Bydliště">
|
||||||
|
<b-field label="Ulice a číslo popisné">
|
||||||
|
<b-input placeholder="Ulice a číslo popisné" required v-model="zaloba.zalobci[0].sidlo.uliceacislopopisne"></b-input>
|
||||||
|
</b-field>
|
||||||
|
</b-field>
|
||||||
|
<b-field>
|
||||||
|
<b-field label="Město">
|
||||||
|
<b-input placeholder="Město" required v-model="zaloba.zalobci[0].sidlo.mesto"></b-input>
|
||||||
|
</b-field>
|
||||||
|
</b-field>
|
||||||
|
<b-field>
|
||||||
|
<b-field label="PSČ">
|
||||||
|
<b-input placeholder="PSČ" required v-model="zaloba.zalobci[0].sidlo.psc"></b-input>
|
||||||
|
</b-field>
|
||||||
|
<b-field label="Stát">
|
||||||
|
<b-input placeholder="Stát" required v-model="zaloba.zalobci[0].sidlo.stat"></b-input>
|
||||||
|
</b-field>
|
||||||
|
</b-field>
|
||||||
|
</div>
|
||||||
|
<div v-if="hasZastoupeni" class="column">
|
||||||
|
<p class="has-text-weight-bold">Právní zastoupení</p>
|
||||||
|
<b-field label="Jméno">
|
||||||
|
<b-input placeholder="Jméno" v-model="zaloba.zalobci[0].zastoupen.jmeno"></b-input>
|
||||||
|
</b-field>
|
||||||
|
<b-field label="Příjmení">
|
||||||
|
<b-input placeholder="Příjmení" v-model="zaloba.zalobci[0].zastoupen.prijmeni"></b-input>
|
||||||
|
</b-field>
|
||||||
|
<b-field label="IČO">
|
||||||
|
<b-input placeholder="IČO" v-model="zaloba.zalobci[0].zastoupen.rodnecisloneboico"></b-input>
|
||||||
|
</b-field>
|
||||||
|
<b-field label="Sídlo">
|
||||||
|
<b-field label="Ulice a číslo popisné">
|
||||||
|
<b-input placeholder="Ulice a číslo popisné" v-model="zaloba.zalobci[0].zastoupen.sidlo.uliceacislopopisne"></b-input>
|
||||||
|
</b-field>
|
||||||
|
</b-field>
|
||||||
|
<b-field>
|
||||||
|
<b-field label="Město">
|
||||||
|
<b-input placeholder="Město" v-model="zaloba.zalobci[0].zastoupen.sidlo.mesto"></b-input>
|
||||||
|
</b-field>
|
||||||
|
</b-field>
|
||||||
|
<b-field>
|
||||||
|
<b-field label="PSČ">
|
||||||
|
<b-input placeholder="PSČ" v-model="zaloba.zalobci[0].zastoupen.sidlo.psc"></b-input>
|
||||||
|
</b-field>
|
||||||
|
<b-field label="Stát">
|
||||||
|
<b-input placeholder="Stát" v-model="zaloba.zalobci[0].zastoupen.sidlo.stat"></b-input>
|
||||||
|
</b-field>
|
||||||
|
</b-field>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<b-checkbox v-model="hasZastoupeni">
|
||||||
|
Mám právní zastoupení
|
||||||
|
</b-checkbox>
|
||||||
|
|
||||||
</b-step-item>
|
</b-step-item>
|
||||||
<b-step-item step="2" label="Žalobce">
|
<b-step-item step="2" label="Soud">
|
||||||
<h1 class="title has-text-centered">Kdo jste vy, jako žalobce?</h1>
|
<h1 class="title has-text-centered">K jakému soudu budete žalobu podávat?</h1>
|
||||||
|
<p>Podací soud je určen podle pravidla takzvané místní příslušnosti.</p>
|
||||||
|
<b-field label="Název soudu">
|
||||||
|
<b-input placeholder="Název soudu" v-model="zaloba.soud.nazev"></b-input>
|
||||||
|
</b-field>
|
||||||
|
<b-field label="Sídlo">
|
||||||
|
<b-field label="Ulice a číslo popisné">
|
||||||
|
<b-input placeholder="Ulice a číslo popisné" v-model="zaloba.soud.sidlo.uliceacislopopisne"></b-input>
|
||||||
|
</b-field>
|
||||||
|
</b-field>
|
||||||
|
<b-field>
|
||||||
|
<b-field label="Město">
|
||||||
|
<b-input placeholder="Město" v-model="zaloba.soud.sidlo.mesto"></b-input>
|
||||||
|
</b-field>
|
||||||
|
</b-field>
|
||||||
|
<b-field>
|
||||||
|
<b-field label="PSČ">
|
||||||
|
<b-input placeholder="PSČ" v-model="zaloba.soud.sidlo.psc"></b-input>
|
||||||
|
</b-field>
|
||||||
|
<b-field label="Stát">
|
||||||
|
<b-input placeholder="Stát" v-model="zaloba.soud.sidlo.stat"></b-input>
|
||||||
|
</b-field>
|
||||||
|
</b-field>
|
||||||
</b-step-item>
|
</b-step-item>
|
||||||
<b-step-item step="3" label="Žalovaný">
|
<b-step-item step="3" label="Žalovaný">
|
||||||
<h1 class="title has-text-centered">Koho bude žalovat?</h1>
|
<h1 class="title has-text-centered">Koho budete žalovat?</h1>
|
||||||
|
<div class="is-size-6">
|
||||||
|
<Zalovany v-for="(zalovan, index) in zaloba.zalovani" :key="zalovan.rodnecisloneboico" v-bind:zalovan="zalovan" v-bind:index="index" v-on:remove="deleteZalovany"/>
|
||||||
|
<b-field>
|
||||||
|
<b-field label="Jméno">
|
||||||
|
<b-input placeholder="Jméno" required v-model="newZalovan.jmeno"></b-input>
|
||||||
|
</b-field>
|
||||||
|
<b-field label="Příjmení">
|
||||||
|
<b-input placeholder="Příjmení" required v-model="newZalovan.prijmeni"></b-input>
|
||||||
|
</b-field>
|
||||||
|
</b-field>
|
||||||
|
<b-field label="Rodné číslo">
|
||||||
|
<b-input placeholder="Rodné číslo" validation-message="Rodné číslo může obsahovat pouze číslice a lomítko" max="10" pattern="[0-9/]*" required v-model="newZalovan.rodnecisloneboico"></b-input>
|
||||||
|
</b-field>
|
||||||
|
<b-field label="Bydliště">
|
||||||
|
<b-field label="Ulice a číslo popisné">
|
||||||
|
<b-input placeholder="Ulice a číslo popisné" required v-model="newZalovan.sidlo.uliceacislopopisne"></b-input>
|
||||||
|
</b-field>
|
||||||
|
</b-field>
|
||||||
|
<b-field>
|
||||||
|
<b-field label="Město">
|
||||||
|
<b-input placeholder="Město" required v-model="newZalovan.sidlo.mesto"></b-input>
|
||||||
|
</b-field>
|
||||||
|
</b-field>
|
||||||
|
<b-field>
|
||||||
|
<b-field label="PSČ">
|
||||||
|
<b-input placeholder="PSČ" required v-model="newZalovan.sidlo.psc"></b-input>
|
||||||
|
</b-field>
|
||||||
|
<b-field label="Stát">
|
||||||
|
<b-input placeholder="Stát" required v-model="newZalovan.sidlo.stat"></b-input>
|
||||||
|
</b-field>
|
||||||
|
</b-field>
|
||||||
|
<b-button type="is-success" icon-pack="fas" icon-left="plus" @click="addAnotherZalovany">Přidat dalšího žalovaného</b-button>
|
||||||
|
</div>
|
||||||
|
|
||||||
</b-step-item>
|
</b-step-item>
|
||||||
<b-step-item step="4" label="O co jde?">
|
<b-step-item step="4" label="O co jde?">
|
||||||
<h1 class="title has-text-centered">V jaké věci?</h1>
|
<h1 class="title has-text-centered">V jaké věci?</h1>
|
||||||
|
<p class="mb-2">O žalobu v jaké věci se jedná?</p>
|
||||||
|
<p class="mb-2">Zkuste doplnit větu:</p>
|
||||||
|
<b-field label="Jedná se...">
|
||||||
|
<b-input v-model="zaloba.cosleduje" placeholder="o zaplacení částky ve výši 1,500.000,- Kč s příslušenstvím"></b-input>
|
||||||
|
</b-field>
|
||||||
|
<p>
|
||||||
|
Například:<br>
|
||||||
|
<i>o doplacení výživného ve výši 14 000 Kč</i><br>
|
||||||
|
<i>o náhradu škody způsobenou nepodáním insolvenčního návrhu</i>
|
||||||
|
</p>
|
||||||
</b-step-item>
|
</b-step-item>
|
||||||
<b-step-item step="5" label="Hotovo!">
|
<b-step-item step="5" label="Skoro hotovo!">
|
||||||
<h1 class="title has-text-centered">Hotovo!</h1>
|
<h1 class="title has-text-centered">Skoro hotovo!</h1>
|
||||||
|
<p>Průvodce už máte skoro za sebou, stačí jen tyto formality:</p>
|
||||||
|
<b-field label="Název žaloby">
|
||||||
|
<b-input v-model="zaloba.title"></b-input>
|
||||||
|
</b-field>
|
||||||
|
<b-field label="Datum na listině">
|
||||||
|
<b-datepicker
|
||||||
|
placeholder="Vyberte datum"
|
||||||
|
icon="calendar-today"
|
||||||
|
v-model="zaloba.datum"
|
||||||
|
inline
|
||||||
|
trap-focus>
|
||||||
|
</b-datepicker>
|
||||||
|
</b-field>
|
||||||
</b-step-item>
|
</b-step-item>
|
||||||
<template
|
<template
|
||||||
slot="navigation"
|
slot="navigation"
|
||||||
@ -33,7 +177,7 @@
|
|||||||
icon-left="arrow-left"
|
icon-left="arrow-left"
|
||||||
v-if="!previous.disabled"
|
v-if="!previous.disabled"
|
||||||
@click.prevent="previous.action">
|
@click.prevent="previous.action">
|
||||||
Previous
|
Zpět
|
||||||
</b-button>
|
</b-button>
|
||||||
<b-button
|
<b-button
|
||||||
type="is-primary"
|
type="is-primary"
|
||||||
@ -41,17 +185,18 @@
|
|||||||
icon-right="arrow-right"
|
icon-right="arrow-right"
|
||||||
class="button-right"
|
class="button-right"
|
||||||
:disabled="continuedisabled"
|
:disabled="continuedisabled"
|
||||||
v-if="activeStep!==4"
|
v-if="activeStep!==32"
|
||||||
@click.prevent="next.action">
|
@click.prevent="next.action">
|
||||||
<span>Continue</span>
|
<span>Pokračovat</span>
|
||||||
</b-button>
|
</b-button>
|
||||||
<b-button
|
<b-button
|
||||||
type="is-primary"
|
type="is-primary"
|
||||||
icon-pack="fas"
|
icon-pack="fas"
|
||||||
icon-right="arrow-right"
|
icon-right="arrow-right"
|
||||||
class="button-right"
|
class="button-right"
|
||||||
v-if="activeStep==4">
|
v-if="activeStep==32"
|
||||||
Create!
|
@click="$parent.close()">
|
||||||
|
Přejít na vypsání žaloby
|
||||||
</b-button>
|
</b-button>
|
||||||
</template>
|
</template>
|
||||||
</b-steps>
|
</b-steps>
|
||||||
@ -62,7 +207,7 @@
|
|||||||
</form>
|
</form>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style>
|
||||||
.button-right {
|
.button-right {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
@ -72,14 +217,96 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import Zalovany from '@/components/edit/Zalovany.vue'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "Guide",
|
name: "Guide",
|
||||||
|
components: {
|
||||||
|
Zalovany
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
addAnotherZalovany: function () {
|
||||||
|
this.zaloba.zalovani.push({...this.newZalovan})
|
||||||
|
this.resetNewZalovan()
|
||||||
|
},
|
||||||
|
resetNewZalovan: function () {
|
||||||
|
this.newZalovan = {
|
||||||
|
rod: "",
|
||||||
|
jmeno: "",
|
||||||
|
prijmeni: "",
|
||||||
|
sidlo: {
|
||||||
|
uliceacislopopisne: "",
|
||||||
|
mesto: "",
|
||||||
|
psc: "",
|
||||||
|
stat: ""
|
||||||
|
},
|
||||||
|
rodnecisloneboico: ""
|
||||||
|
}
|
||||||
|
},
|
||||||
|
deleteZalovany: function (index) {
|
||||||
|
this.zaloba.zalovani.splice(index, 1)
|
||||||
|
}
|
||||||
|
},
|
||||||
data: () => {
|
data: () => {
|
||||||
return {
|
return {
|
||||||
continuedisabled: false,
|
continuedisabled: false,
|
||||||
activeStep: null,
|
activeStep: null,
|
||||||
hasNavigation: true
|
hasNavigation: true,
|
||||||
|
hasZastoupeni: false,
|
||||||
|
zaloba: {
|
||||||
|
soud: {
|
||||||
|
nazev: "",
|
||||||
|
sidlo: {
|
||||||
|
uliceacislopopisne: "",
|
||||||
|
mesto: "",
|
||||||
|
psc: "",
|
||||||
|
stat: ""
|
||||||
|
}
|
||||||
|
},
|
||||||
|
zalobci: [{
|
||||||
|
rod: "",
|
||||||
|
jmeno: "",
|
||||||
|
prijmeni: "",
|
||||||
|
sidlo: {
|
||||||
|
uliceacislopopisne: "",
|
||||||
|
mesto: "",
|
||||||
|
psc: "",
|
||||||
|
stat: ""
|
||||||
|
},
|
||||||
|
rodnecisloneboico: "",
|
||||||
|
zastoupen: {
|
||||||
|
rod: "",
|
||||||
|
jmeno: "",
|
||||||
|
prijmeni: "",
|
||||||
|
sidlo: {
|
||||||
|
uliceacislopopisne: "",
|
||||||
|
mesto: "",
|
||||||
|
psc: "",
|
||||||
|
stat: ""
|
||||||
|
},
|
||||||
|
rodnecisloneboico: ""
|
||||||
|
}
|
||||||
|
}],
|
||||||
|
zalovani: [],
|
||||||
|
hlavy: [],
|
||||||
|
datum: "",
|
||||||
|
cosleduje: "",
|
||||||
|
title: ""
|
||||||
|
},
|
||||||
|
newZalovan: {
|
||||||
|
rod: "",
|
||||||
|
jmeno: "",
|
||||||
|
prijmeni: "",
|
||||||
|
sidlo: {
|
||||||
|
uliceacislopopisne: "",
|
||||||
|
mesto: "",
|
||||||
|
psc: "",
|
||||||
|
stat: ""
|
||||||
|
},
|
||||||
|
rodnecisloneboico: ""
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
23
form/res-judicata/src/components/edit/Zalovany.vue
Normal file
23
form/res-judicata/src/components/edit/Zalovany.vue
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
<template>
|
||||||
|
<div id="zalovany" class="px-3 py-3 mb-3">
|
||||||
|
<b>{{ zalovan.jmeno }} {{ zalovan.prijmeni }}</b>, rč/ičo. {{ zalovan.rodnecisloneboico }}<br>
|
||||||
|
{{ zalovan.sidlo.uliceacislopopisne }}, {{ zalovan.sidlo.psc }} {{ zalovan.sidlo.mesto }}, {{ zalovan.sidlo.stat }}
|
||||||
|
<span v-on:click='$emit("remove", index)'><b-icon class="remove" pack="fas" icon="trash" size="is-small"></b-icon></span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
#zalovany {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
.remove {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "Zalovany",
|
||||||
|
props: ['zalovan','index']
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@ -120,70 +120,8 @@ export default {
|
|||||||
return {
|
return {
|
||||||
pdfSrc: "",
|
pdfSrc: "",
|
||||||
modalOpen: false,
|
modalOpen: false,
|
||||||
zaloba: {
|
zalobaSetup: false,
|
||||||
soud: {
|
zaloba: null
|
||||||
nazev: "Obvodní soudu pro Prahu 4",
|
|
||||||
sidlo: {
|
|
||||||
uliceacislopopisne: "Ul. 28. pluku 1555/29b",
|
|
||||||
mesto: "Praha 10",
|
|
||||||
psc: "110 00",
|
|
||||||
stat: "Česká republika"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
zalobci: [
|
|
||||||
{
|
|
||||||
rod: "m",
|
|
||||||
jmeno: "Jan",
|
|
||||||
prijmeni: "Žalující",
|
|
||||||
sidlo: {
|
|
||||||
uliceacislopopisne: "V Praze 1",
|
|
||||||
mesto: "Praha 1",
|
|
||||||
psc: "140 00",
|
|
||||||
stat: "Česká republika"
|
|
||||||
},
|
|
||||||
rodnecisloneboico: "111111121",
|
|
||||||
zastoupen: {
|
|
||||||
rod: "m",
|
|
||||||
jmeno: "Právník",
|
|
||||||
prijmeni: "Právní",
|
|
||||||
sidlo: {
|
|
||||||
uliceacislopopisne: "V Právu 12",
|
|
||||||
mesto: "Právo nad Labem",
|
|
||||||
psc: "200 00",
|
|
||||||
stat: "Česká republika"
|
|
||||||
},
|
|
||||||
rodnecisloneboico: "15000000"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
],
|
|
||||||
zalovani: [
|
|
||||||
{
|
|
||||||
rod: "f",
|
|
||||||
jmeno: "Jana",
|
|
||||||
prijmeni: "Žalovaná",
|
|
||||||
sidlo: {
|
|
||||||
uliceacislopopisne: "Zločinná 4",
|
|
||||||
mesto: "Malý Trestník",
|
|
||||||
psc: "900 00",
|
|
||||||
stat: "Česká republika"
|
|
||||||
},
|
|
||||||
rodnecisloneboico: "111111121"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
hlavy: [ // vlastne odstavec
|
|
||||||
{
|
|
||||||
nazev:"I.", // tohle bude prevazne cislovane
|
|
||||||
text:"Žaluju ji proto, že mi snědla koblihu"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
nazev:"II.",
|
|
||||||
text:"A taky proto, že je to číča"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
datum: "1. 1. 2020",
|
|
||||||
cosleduje: "o princeznu a půl králoství", // o co žalované žaluje
|
|
||||||
title: "Žaloba"
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user